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

package/dist/extras/vscode-data.json

@@ -2803,10 +2803,6 @@
           "name": "name",
           "description": "Specifies the name of the component.\n\nRequired to pass the component's `value` on form submission."
         },
-        {
-          "name": "normalize-year",
-          "description": "Normalizes year to current century."
-        },
         {
           "name": "numbering-system",
           "description": "Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.",
@@ -6245,6 +6241,242 @@
         }
       ]
     },
+    {
+      "name": "calcite-table",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "bordered",
+          "description": "When `true`, displays borders in the component."
+        },
+        {
+          "name": "caption",
+          "description": "Specifies an accessible title for the component."
+        },
+        {
+          "name": "group-separator",
+          "description": "When `true`, number values are displayed with a group separator corresponding to the language and country format."
+        },
+        {
+          "name": "layout",
+          "description": "Specifies the layout of the component.",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "name": "numbered",
+          "description": "When `true`, displays the position of the row in numeric form."
+        },
+        {
+          "name": "numbering-system",
+          "description": "Specifies the Unicode numeral system used by the component for localization.",
+          "values": [
+            {
+              "name": "arab"
+            },
+            {
+              "name": "arabext"
+            },
+            {
+              "name": "bali"
+            },
+            {
+              "name": "beng"
+            },
+            {
+              "name": "deva"
+            },
+            {
+              "name": "fullwide"
+            },
+            {
+              "name": "gujr"
+            },
+            {
+              "name": "guru"
+            },
+            {
+              "name": "hanidec"
+            },
+            {
+              "name": "khmr"
+            },
+            {
+              "name": "knda"
+            },
+            {
+              "name": "laoo"
+            },
+            {
+              "name": "latn"
+            },
+            {
+              "name": "limb"
+            },
+            {
+              "name": "mlym"
+            },
+            {
+              "name": "mong"
+            },
+            {
+              "name": "mymr"
+            },
+            {
+              "name": "orya"
+            },
+            {
+              "name": "tamldec"
+            },
+            {
+              "name": "telu"
+            },
+            {
+              "name": "thai"
+            },
+            {
+              "name": "tibt"
+            }
+          ]
+        },
+        {
+          "name": "page-size",
+          "description": "Specifies the page size of the component. When `true`, renders `calcite-pagination`"
+        },
+        {
+          "name": "scale",
+          "description": "Specifies the size of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
+        {
+          "name": "selection-mode",
+          "description": "Specifies the selection mode of the component.",
+          "values": [
+            {
+              "name": "multiple"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "zebra",
+          "description": "When `true`, displays zebra styling in the component."
+        }
+      ]
+    },
+    {
+      "name": "calcite-table-cell",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "alignment",
+          "description": "Specifies the alignment of the component.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "col-span",
+          "description": "Specifies the number of columns the component should span."
+        },
+        {
+          "name": "row-span",
+          "description": "Specifies the number of rows the component should span."
+        }
+      ]
+    },
+    {
+      "name": "calcite-table-header",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "alignment",
+          "description": "Specifies the alignment of the component.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "col-span",
+          "description": "Specifies the number of columns the component should span."
+        },
+        {
+          "name": "description",
+          "description": "A description to display beneath heading content."
+        },
+        {
+          "name": "heading",
+          "description": "A heading to display above description content."
+        },
+        {
+          "name": "row-span",
+          "description": "Specifies the number of rows the component should span."
+        }
+      ]
+    },
+    {
+      "name": "calcite-table-row",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "When `true`, interaction is prevented and the component is displayed with lower opacity."
+        },
+        {
+          "name": "selected",
+          "description": "When `true`, the component is selected."
+        }
+      ]
+    },
     {
       "name": "calcite-tabs",
       "description": {

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.16
+ * v1.7.0-next.17
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.16
+ * v1.7.0-next.17
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.16
+ * v1.7.0-next.17
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.16
+ * v1.7.0-next.17
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -80,10 +80,6 @@ export declare class InputDatePicker implements FloatingUIComponent, FocusTrapCo
    * 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.
    *

package/dist/types/components/table/assets/table/t9n/index.d.ts

@@ -0,0 +1,7 @@
+export type TableMessages = {
+  clear: string;
+  hiddenSelected: string;
+  page: string;
+  row: string;
+  selected: string;
+};

package/dist/types/components/table/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { FocusElementInGroupDestination } from "../../utils/dom";
+export interface TableRowFocusEvent {
+  cellPosition: number;
+  rowPosition: number;
+  destination: FocusElementInGroupDestination;
+  lastCell: boolean;
+}
+export type RowType = "head" | "body" | "foot";
+export type TableAppearance = "bordered" | "simple" | "bordered-zebra" | "simple-zebra";
+export type TableLayout = "auto" | "fixed";

package/dist/types/components/table/resources.d.ts

@@ -0,0 +1,16 @@
+export declare const CSS: {
+  bordered: string;
+  zebra: string;
+  selectionArea: string;
+  paginationArea: string;
+  container: string;
+  tableContainer: string;
+  tableFixed: string;
+  assistiveText: string;
+  selectionActions: string;
+};
+export declare const SLOTS: {
+  selectionActions: string;
+  tableHeader: string;
+  tableFooter: string;
+};

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

@@ -0,0 +1,95 @@
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Scale, SelectionMode } from "../interfaces";
+import { LoadableComponent } from "../../utils/loadable";
+import { T9nComponent } from "../../utils/t9n";
+import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+import { TableLayout, TableRowFocusEvent } from "./interfaces";
+import { TableMessages } from "./assets/table/t9n";
+/**
+ * @slot - A slot for adding `calcite-table-row` or nested `calcite-table` elements.
+ * @slot table-header - A slot for adding `calcite-table-row` containing `calcite-table-header` elements.
+ * @slot table-footer - A slot for adding `calcite-table-row` containing `calcite-table-cell` or `calcite-table-header` elements.
+ * @slot selection-actions - A slot for adding a `calcite-action-bar` or other components to display when `selectionMode` is not `"none"` and one or more `calcite-table-row` is selected.
+ */
+export declare class Table implements LocalizedComponent, LoadableComponent, T9nComponent {
+  /** 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;
+  /** 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 selection mode of the component. */
+  selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
+  /** When `true`, displays zebra styling in the component. */
+  zebra: boolean;
+  handleNumberedChange(): void;
+  /**
+   * Specifies the component's selected items.
+   *
+   * @readonly
+   */
+  selectedItems: HTMLCalciteTableRowElement[];
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: TableMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<TableMessages>;
+  onMessagesChange(): void;
+  el: HTMLCalciteTableElement;
+  colCount: number;
+  pageStartRow: number;
+  selectedCount: number;
+  readCellContentsToAT: boolean;
+  defaultMessages: TableMessages;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  private allRows;
+  private bodyRows;
+  private headRows;
+  private footRows;
+  private paginationEl;
+  private tableBodySlotEl;
+  private tableHeadSlotEl;
+  private tableFootSlotEl;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /** Emits when the component's selected rows change. */
+  calciteTableSelect: EventEmitter<void>;
+  /** Emits when the component's page selection changes. */
+  calciteTablePageChange: EventEmitter<void>;
+  /** @internal */
+  calciteInternalTableRowFocusChange: EventEmitter<TableRowFocusEvent>;
+  calciteChipSelectListener(event: CustomEvent): void;
+  calciteInternalTableRowFocusEvent(event: TableRowFocusEvent): void;
+  private getSlottedRows;
+  private updateRows;
+  private handlePaginationChange;
+  private paginateRows;
+  private updateSelectedItems;
+  private handleDeselectAllRows;
+  private setSelectedItems;
+  private localizeNumber;
+  renderSelectionArea(): VNode;
+  renderPaginationArea(): VNode;
+  renderTHead(): VNode;
+  renderTBody(): VNode;
+  renderTFoot(): VNode;
+  render(): VNode;
+}

package/dist/types/components/table-cell/assets/table-cell/t9n/index.d.ts

@@ -0,0 +1,7 @@
+export type TableCellMessages = {
+  keyboardDeselect: string;
+  keyboardSelect: string;
+  row: string;
+  selected: string;
+  unselected: string;
+};

package/dist/types/components/table-cell/resources.d.ts

@@ -0,0 +1,7 @@
+export declare const CSS: {
+  numberCell: string;
+  footerCell: string;
+  selectionCell: string;
+  selectedCell: string;
+  assistiveText: string;
+};

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

@@ -0,0 +1,69 @@
+import { VNode } from "../../stencil-public-runtime";
+import { Alignment, Scale } from "../interfaces";
+import { LoadableComponent } from "../../utils/loadable";
+import { T9nComponent } from "../../utils/t9n";
+import { InteractiveComponent } from "../../utils/interactive";
+import { LocalizedComponent } from "../../utils/locale";
+import { TableCellMessages } from "./assets/table-cell/t9n";
+import { RowType } from "../table/interfaces";
+/**
+ * @slot - A slot for adding content, usually text content.
+ */
+export declare class TableCell implements InteractiveComponent, LocalizedComponent, LoadableComponent, T9nComponent {
+  /** Specifies the alignment of the component. */
+  alignment: Alignment;
+  /** Specifies the number of columns the component should span. */
+  colSpan: number;
+  /** Specifies the number of rows the component should span. */
+  rowSpan: number;
+  /** @internal */
+  disabled: boolean;
+  /** @internal */
+  numberCell: boolean;
+  /** @internal */
+  parentRowIsSelected: boolean;
+  onSelectedChange(): void;
+  /** @internal */
+  parentRowPositionLocalized: string;
+  /** @internal */
+  parentRowType: RowType;
+  /** @internal */
+  positionInRow: number;
+  /** @internal */
+  readCellContentsToAT: boolean;
+  /** @internal */
+  scale: Scale;
+  /** @internal */
+  selectionCell: boolean;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: TableCellMessages;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<TableCellMessages>;
+  onMessagesChange(): void;
+  el: HTMLCalciteTableCellElement;
+  contentsText: string;
+  defaultMessages: TableCellMessages;
+  focused: boolean;
+  selectionText: string;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  private containerEl;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  disconnectedCallback(): void;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  private updateScreenReaderSelectionText;
+  private updateScreenReaderContentsText;
+  private onContainerBlur;
+  private onContainerFocus;
+  render(): VNode;
+}

package/dist/types/components/table-header/assets/table-header/t9n/index.d.ts

@@ -0,0 +1,8 @@
+export type TableHeaderMessages = {
+  all: string;
+  keyboardDeselectAll: string;
+  keyboardSelectAll: string;
+  rowNumber: string;
+  selected: string;
+  selectionColumn: string;
+};

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

@@ -0,0 +1,11 @@
+export declare const CSS: {
+  numberCell: string;
+  selectionCell: string;
+  bodyRow: string;
+  footerRow: string;
+  heading: string;
+  description: string;
+  multipleSelectionCell: string;
+  assistiveText: string;
+  active: string;
+};

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;
+}