@esri/calcite-components 1.3.2-next.0 → 1.4.0-next.0

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

@@ -59,7 +59,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   setPosition: number;
   /**
-   * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"` or `"multiple"`, the component is selected.
+   * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
    */
   selected: boolean;
   handleSelectedChange(value: boolean): void;
@@ -68,11 +68,11 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   value: any;
   /**
-   * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
+   * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
    *
    * @internal
    */
-  selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
+  selectionMode: Extract<"none" | "multiple" | "single" | "single-persist", SelectionMode>;
   /**
    * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
    *

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

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { EffectivePlacement, FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui";
+import { EffectivePlacement, FloatingLayout, FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui";
 import { FocusTrap, FocusTrapComponent } from "../../utils/focusTrapComponent";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { HeadingLevel } from "../functional/Heading";
@@ -106,10 +106,11 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
   filteredFlipPlacements: EffectivePlacement[];
   el: HTMLCalcitePopoverElement;
   effectiveLocale: string;
+  floatingLayout: FloatingLayout;
   effectiveLocaleChange(): void;
   effectiveReferenceElement: ReferenceElement;
   defaultMessages: PopoverMessages;
-  arrowEl: HTMLDivElement;
+  arrowEl: SVGElement;
   closeButtonEl: HTMLCalciteActionElement;
   guid: string;
   openTransitionProp: string;
@@ -155,7 +156,7 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
   onOpen(): void;
   onBeforeClose(): void;
   onClose(): void;
-  storeArrowEl: (el: HTMLDivElement) => void;
+  storeArrowEl: (el: SVGElement) => void;
   renderCloseButton(): VNode;
   renderHeader(): VNode;
   render(): VNode;

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

@@ -1,6 +1,5 @@
 export declare const CSS: {
   container: string;
-  arrow: string;
   imageContainer: string;
   closeButtonContainer: string;
   closeButton: string;

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

@@ -1,6 +1,5 @@
 export declare const CSS: {
   container: string;
-  arrow: string;
 };
 export declare const TOOLTIP_DELAY_MS = 500;
 export declare const ARIA_DESCRIBED_BY = "aria-describedby";

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

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui";
+import { FloatingLayout, FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot - A slot for adding text.
@@ -52,7 +52,8 @@ export declare class Tooltip implements FloatingUIComponent, OpenCloseComponent
   referenceElementHandler(): void;
   el: HTMLCalciteTooltipElement;
   effectiveReferenceElement: ReferenceElement;
-  arrowEl: HTMLDivElement;
+  floatingLayout: FloatingLayout;
+  arrowEl: SVGElement;
   guid: string;
   hasLoaded: boolean;
   openTransitionProp: string;

package/dist/types/components.d.ts

@@ -2368,9 +2368,12 @@ export namespace Components {
          */
         "selectionAppearance": SelectionAppearance;
         /**
-          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
          */
-        "selectionMode": Extract<"none" | "multiple" | "single", SelectionMode>;
+        "selectionMode": Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
         /**
           * Sets focus on the component's first focusable element.
          */
@@ -2418,7 +2421,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"` or `"multiple"`, the component is selected.
+          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -2426,9 +2429,12 @@ export namespace Components {
          */
         "selectionAppearance": SelectionAppearance;
         /**
-          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
          */
-        "selectionMode": Extract<"none" | "multiple" | "single", SelectionMode>;
+        "selectionMode": Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
         /**
           * Sets focus on the component.
          */
@@ -7373,9 +7379,12 @@ declare namespace LocalJSX {
          */
         "selectionAppearance"?: SelectionAppearance;
         /**
-          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allows and require one selected item), `"none"` (no selected items).
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
          */
-        "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
+        "selectionMode"?: Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
     }
     interface CalciteListItem {
         /**
@@ -7419,7 +7428,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"` or `"multiple"`, the component is selected.
+          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
          */
         "selected"?: boolean;
         /**

package/dist/types/utils/floating-ui.d.ts

@@ -1,4 +1,5 @@
 import { Placement, Strategy, VirtualElement } from "@floating-ui/dom";
+import { Layout } from "../components/interfaces";
 /**
  * Exported for testing purposes only
  */
@@ -50,7 +51,22 @@ export interface FloatingUIComponent {
    * @param delayed – (internal) when true, it will reposition the component after a delay. the default is false. This is useful for components that have multiple watched properties that schedule repositioning.
    */
   reposition(delayed?: boolean): Promise<void>;
+  /**
+   * Used to store the effective floating layout for components that use arrows.
+   *
+   * This is an internal property and should:
+   *
+   * - only be used for components that support arrows
+   * - use the `@State` decorator
+   * - be initialized to "vertical"
+   *
+   * Possible values: "vertical" or "horizontal".
+   *
+   * See [FloatingArrow](https://github.com/Esri/calcite-components/blob/master/src/components/functional/FloatingArrow.tsx)
+   */
+  floatingLayout?: FloatingLayout;
 }
+export type FloatingLayout = Extract<Layout, "vertical" | "horizontal">;
 export declare const FloatingCSS: {
   animation: string;
   animationActive: string;
@@ -76,7 +92,7 @@ export declare function getEffectivePlacement(floatingEl: HTMLElement, placement
  * @param options.type
  * @param delayed
  */
-export declare function reposition(component: FloatingUIComponent, options: Parameters<typeof positionFloatingUI>[0], delayed?: boolean): Promise<void>;
+export declare function reposition(component: FloatingUIComponent, options: Parameters<typeof positionFloatingUI>[1], delayed?: boolean): Promise<void>;
 /**
  * Positions the floating element relative to the reference element.
  *
@@ -93,9 +109,29 @@ export declare function reposition(component: FloatingUIComponent, options: Para
  * @param root0.offsetSkidding
  * @param root0.arrowEl
  * @param root0.type
- * @param root0.includeArrow
+ * @param component
+ * @param root0.referenceEl.referenceEl
+ * @param root0.referenceEl.floatingEl
+ * @param root0.referenceEl.overlayPositioning
+ * @param root0.referenceEl.placement
+ * @param root0.referenceEl.flipDisabled
+ * @param root0.referenceEl.flipPlacements
+ * @param root0.referenceEl.offsetDistance
+ * @param root0.referenceEl.offsetSkidding
+ * @param root0.referenceEl.arrowEl
+ * @param root0.referenceEl.type
+ * @param component.referenceEl
+ * @param component.floatingEl
+ * @param component.overlayPositioning
+ * @param component.placement
+ * @param component.flipDisabled
+ * @param component.flipPlacements
+ * @param component.offsetDistance
+ * @param component.offsetSkidding
+ * @param component.arrowEl
+ * @param component.type
  */
-export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, includeArrow, arrowEl, type }: {
+export declare function positionFloatingUI(component: FloatingUIComponent, { referenceEl, floatingEl, overlayPositioning, placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }: {
   referenceEl: ReferenceElement;
   floatingEl: HTMLElement;
   overlayPositioning: Strategy;
@@ -104,8 +140,7 @@ export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPos
   flipPlacements?: EffectivePlacement[];
   offsetDistance?: number;
   offsetSkidding?: number;
-  arrowEl?: HTMLElement;
-  includeArrow?: boolean;
+  arrowEl?: SVGElement;
   type: UIType;
 }): Promise<void>;
 /**