@esri/calcite-components 1.0.0-beta.84 → 1.0.0-beta.87

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

@@ -27,7 +27,7 @@ export declare class Tab {
   /**
    * @internal
    */
-  calciteInternalTabRegister: EventEmitter;
+  calciteInternalTabRegister: EventEmitter<void>;
   internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Return the index of this tab within the tab array

package/dist/types/components/tab-nav/tab-nav.d.ts

@@ -48,17 +48,17 @@ export declare class TabNav {
   componentWillRender(): void;
   componentDidRender(): void;
   render(): VNode;
-  focusPreviousTabHandler(e: CustomEvent): void;
-  focusNextTabHandler(e: CustomEvent): void;
-  internalActivateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
-  activateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
+  focusPreviousTabHandler(event: CustomEvent): void;
+  focusNextTabHandler(event: CustomEvent): void;
+  internalActivateTabHandler(event: CustomEvent<TabChangeEventDetail>): void;
+  activateTabHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Check for active tabs on register and update selected
    *
-   * @param e
+   * @param event
    */
-  updateTabTitles(e: CustomEvent<TabID>): void;
-  globalInternalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
+  updateTabTitles(event: CustomEvent<TabID>): void;
+  globalInternalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Emitted when the active tab changes
    *

package/dist/types/components/tab-title/tab-title.d.ts

@@ -49,7 +49,7 @@ export declare class TabTitle implements InteractiveComponent {
   componentDidRender(): void;
   internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   onClick(): void;
-  keyDownHandler(e: KeyboardEvent): void;
+  keyDownHandler(event: KeyboardEvent): void;
   /**
    * Fires when a specific tab is activated. Emits the "tab" property or the index position.
    *
@@ -66,11 +66,11 @@ export declare class TabTitle implements InteractiveComponent {
   /**
    * @internal
    */
-  calciteInternalTabsFocusNext: EventEmitter;
+  calciteInternalTabsFocusNext: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteInternalTabsFocusPrevious: EventEmitter;
+  calciteInternalTabsFocusPrevious: EventEmitter<void>;
   /**
    * @internal
    */

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

@@ -27,25 +27,25 @@ export declare class Tabs {
   connectedCallback(): void;
   render(): VNode;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteInternalTabTitleRegister(e: CustomEvent): void;
+  calciteInternalTabTitleRegister(event: CustomEvent): void;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteTabTitleUnregister(e: CustomEvent): void;
+  calciteTabTitleUnregister(event: CustomEvent): void;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteInternalTabRegister(e: CustomEvent): void;
+  calciteInternalTabRegister(event: CustomEvent): void;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteTabUnregister(e: CustomEvent): void;
+  calciteTabUnregister(event: CustomEvent): void;
   /**
    *
    * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA

package/dist/types/components/tile-select/tile-select.d.ts

@@ -40,7 +40,7 @@ export declare class TileSelect implements InteractiveComponent {
   /**
    * Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.
    */
-  calciteTileSelectChange: EventEmitter;
+  calciteTileSelectChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   checkboxChangeHandler(event: CustomEvent): void;

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

@@ -36,7 +36,7 @@ export declare class Tip implements ConditionalSlotComponent {
   /**
    * Emitted when the component has been dismissed.
    */
-  calciteTipDismiss: EventEmitter;
+  calciteTipDismiss: EventEmitter<void>;
   hideTip: () => void;
   renderHeader(): VNode;
   renderDismissButton(): VNode;

package/dist/types/components/tip-manager/tip-manager.d.ts

@@ -53,18 +53,18 @@ export declare class TipManager {
    *
    * @deprecated use calciteTipManagerClose instead.
    */
-  calciteTipManagerToggle: EventEmitter;
+  calciteTipManagerToggle: EventEmitter<void>;
   /**
    * Emitted when the `calcite-tip-manager` has been closed.
    */
-  calciteTipManagerClose: EventEmitter;
+  calciteTipManagerClose: EventEmitter<void>;
   setUpTips(): void;
   hideTipManager: () => void;
   showSelectedTip(): void;
   updateGroupTitle(): void;
   previousClicked: () => void;
   nextClicked: () => void;
-  tipManagerKeyUpHandler: (event: KeyboardEvent) => void;
+  tipManagerKeyDownHandler: (event: KeyboardEvent) => void;
   storeContainerRef: (el: HTMLDivElement) => void;
   renderPagination(): VNode;
   render(): VNode;

package/dist/types/components/tooltip/TooltipManager.d.ts

@@ -1,4 +1,4 @@
-import { ReferenceElement } from "../../utils/popper";
+import { ReferenceElement } from "../../utils/floating-ui";
 export default class TooltipManager {
   private registeredElements;
   private hoverTimeouts;

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

@@ -1,10 +1,9 @@
 import { VNode } from "../../stencil-public-runtime";
-import { StrictModifiers, Instance as Popper } from "@popperjs/core";
-import { PopperPlacement, OverlayPositioning, ReferenceElement } from "../../utils/popper";
+import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, ReferenceElement } from "../../utils/floating-ui";
 /**
  * @slot - A slot for adding text.
  */
-export declare class Tooltip {
+export declare class Tooltip implements FloatingUIComponent {
   /** Closes the component when the `referenceElement` is clicked. */
   closeOnClick: boolean;
   /** Accessible name for the component. */
@@ -28,12 +27,13 @@ export declare class Tooltip {
   openHandler(): void;
   /** Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value. */
   overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
    *
-   * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
-  placement: PopperPlacement;
+  placement: LogicalPlacement;
   placementHandler(): void;
   /**
    * The `referenceElement` to position the component according to its "placement" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
@@ -43,8 +43,8 @@ export declare class Tooltip {
   el: HTMLCalciteTooltipElement;
   effectiveReferenceElement: ReferenceElement;
   arrowEl: HTMLDivElement;
-  popper: Popper;
   guid: string;
+  connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
@@ -55,8 +55,5 @@ export declare class Tooltip {
   addReferences: () => void;
   removeReferences: () => void;
   getReferenceElement(): ReferenceElement;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
   render(): VNode;
 }

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

@@ -33,9 +33,9 @@ export declare class Tree {
   onFocus(): void;
   onFocusIn(event: FocusEvent): void;
   onFocusOut(event: FocusEvent): void;
-  onClick(e: CustomEvent<TreeItemSelectDetail>): void;
+  onClick(event: CustomEvent<TreeItemSelectDetail>): void;
   keyDownHandler(event: KeyboardEvent): void;
-  updateAncestorTree(e: CustomEvent<TreeItemSelectDetail>): void;
+  updateAncestorTree(event: CustomEvent<TreeItemSelectDetail>): void;
   /**
    * Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's "detail" property.
    *

package/dist/types/components/tree-item/tree-item.d.ts

@@ -58,10 +58,10 @@ export declare class TreeItem implements ConditionalSlotComponent {
   componentDidLoad(): void;
   private isSelectionMultiLike;
   render(): VNode;
-  onClick(e: Event): void;
+  onClick(event: Event): void;
   iconClickHandler: (event: MouseEvent) => void;
   childrenClickHandler: (event: MouseEvent) => void;
-  keyDownHandler(e: KeyboardEvent): void;
+  keyDownHandler(event: KeyboardEvent): void;
   /**
    * @internal
    */

package/dist/types/components/value-list/interfaces.d.ts

@@ -0,0 +1 @@
+export declare type DragStatus = "idle" | "active" | "change" | "commit";

package/dist/types/components/value-list/utils.d.ts

@@ -0,0 +1,8 @@
+import { DragStatus } from "./interfaces";
+import { ValueList } from "./value-list";
+export declare function getScreenReaderText(item: HTMLCalciteValueListItemElement, status: DragStatus, valueList: ValueList<HTMLCalciteValueListItemElement>): string;
+export declare function getHandleAndItemElement(event: KeyboardEvent | FocusEvent): {
+  handle: HTMLCalciteHandleElement;
+  item: HTMLCalciteValueListItemElement;
+};
+export declare function replacePlaceholders(text: string, label: string, position: number, total: number): string;

package/dist/types/components/value-list/value-list.d.ts

@@ -45,6 +45,30 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
    */
   selectionFollowsFocus: boolean;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleIdle?: string;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the component.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleActive?: string;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleChange?: string;
+  /**
+   * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.
+   *
+   * Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+   */
+  intlDragHandleCommit?: string;
   selectedValues: Map<string, ItemElement>;
   dataForFilter: ItemData;
   items: ItemElement[];
@@ -54,6 +78,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   el: HTMLCalciteValueListElement;
   emitCalciteListChange: () => void;
   filterEl: HTMLCalciteFilterElement;
+  assistiveTextEl: HTMLSpanElement;
   connectedCallback(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
@@ -83,6 +108,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   handleFilter: any;
   getItemData: any;
   keyDownHandler: (event: KeyboardEvent) => void;
+  handleBlur(): void;
   /** Returns the currently selected items */
   getSelectedItems(): Promise<Map<string, HTMLCalciteValueListItemElement>>;
   /**
@@ -92,5 +118,9 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    */
   setFocus(focusId?: ListFocusId): Promise<void>;
   getIconType(): ICON_TYPES | null;
+  updateScreenReaderText(text: string): void;
+  updateHandleAriaLabel(handleElement: HTMLSpanElement, text: string): void;
+  storeAssistiveEl: (el: HTMLSpanElement) => void;
+  handleFocusIn: (event: FocusEvent) => void;
   render(): VNode;
 }