@esri/calcite-components 1.0.0-beta.90 → 1.0.0-beta.93

package/dist/types/preact.d.ts

@@ -185,6 +185,13 @@ declare module "preact/src/jsx" {
         "oncalciteInputNumberChange"?: (event: CustomEvent<any>) => void;
       }
 
+      "calcite-input-text": Omit<JSX.CalciteInputText, "onCalciteInternalInputTextFocus" | "onCalciteInternalInputTextBlur" | "onCalciteInputTextInput" | "onCalciteInputTextChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputTextElement> & {
+        "oncalciteInternalInputTextFocus"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalInputTextBlur"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTextInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTextChange"?: (event: CustomEvent<any>) => void;
+      }
+
       "calcite-input-time-picker": Omit<JSX.CalciteInputTimePicker, "onCalciteInputTimePickerChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputTimePickerElement> & {
         "oncalciteInputTimePickerChange"?: (event: CustomEvent<any>) => void;
       }

package/dist/types/utils/array.d.ts

@@ -1 +1 @@
-export declare function getRoundRobinIndex(index: number, total: number): number;
+export declare function getRoundRobinIndex(index: number, total: number): number;

package/dist/types/utils/conditionalSlot.d.ts

@@ -1,21 +1,21 @@
-/**
- * Defines interface for components with a dynamically changing slot.
- */
-export interface ConditionalSlotComponent {
-  /**
-   * The host element.
-   */
-  readonly el: HTMLElement;
-}
-/**
- * Helper to set up a conditional slot component on connectedCallback.
- *
- * @param component
- */
-export declare function connectConditionalSlotComponent(component: ConditionalSlotComponent): void;
-/**
- * Helper to tear down a conditional slot component on disconnectedCallback.
- *
- * @param component
- */
-export declare function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void;
+/**
+ * Defines interface for components with a dynamically changing slot.
+ */
+export interface ConditionalSlotComponent {
+  /**
+   * The host element.
+   */
+  readonly el: HTMLElement;
+}
+/**
+ * Helper to set up a conditional slot component on connectedCallback.
+ *
+ * @param component
+ */
+export declare function connectConditionalSlotComponent(component: ConditionalSlotComponent): void;
+/**
+ * Helper to tear down a conditional slot component on disconnectedCallback.
+ *
+ * @param component
+ */
+export declare function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void;

package/dist/types/utils/date.d.ts

@@ -1,102 +1,102 @@
-import { DateLocaleData } from "../components/date-picker/utils";
-export interface HoverRange {
-  focused: "end" | "start";
-  start: Date;
-  end: Date;
-}
-/**
- * Check if date is within a min and max
- *
- * @param date
- * @param min
- * @param max
- */
-export declare function inRange(date: Date, min?: Date | string, max?: Date | string): boolean;
-/**
- * Ensures date is within range,
- * returns min or max if out of bounds
- *
- * @param date
- * @param min
- * @param max
- */
-export declare function dateFromRange(date?: any, min?: Date | string, max?: Date | string): Date | null;
-/**
- * Parse an iso8601 string (YYYY-mm-dd) into a valid date.
- * TODO: handle time when time of day UI is added
- *
- * @param iso8601
- */
-export declare function dateFromISO(iso8601: string | Date): Date | null;
-/**
- * Return first portion of ISO string (YYYY-mm-dd)
- *
- * @param date
- */
-export declare function dateToISO(date?: Date | string): string;
-/**
- * Check if two dates are the same day, month, year
- *
- * @param d1
- * @param d2
- */
-export declare function sameDate(d1: Date, d2: Date): boolean;
-/**
- * Get a date one month in the past
- *
- * @param date
- */
-export declare function prevMonth(date: Date): Date;
-/**
- * Get a date one month in the future
- *
- * @param date
- */
-export declare function nextMonth(date: Date): Date;
-/**
- * Translate a number into a given locals numeral system
- *
- * @param num
- * @param localeData
- */
-export declare function localizeNumber(num: number, localeData: DateLocaleData): string;
-/**
- * Calculate actual number from localized string
- *
- * @param str
- * @param localeData
- */
-export declare function parseNumber(str: string, localeData: DateLocaleData): number;
-/**
- * Parse numeric units for day, month, and year from a localized string
- * month starts at 0 (can pass to date constructor)
- *
- * @param str
- * @param localeData
- */
-export declare function parseDateString(str: string, localeData: DateLocaleData): {
-  day: number;
-  month: number;
-  year: number;
-};
-/**
- * Convert eastern arbic numerals
- *
- * @param str
- */
-export declare function replaceArabicNumerals(str?: string): string;
-declare type unitOrderSignifier = "m" | "d" | "y";
-/**
- * Based on the unitOrder string, find order of month, day, and year for locale
- *
- * @param unitOrder
- */
-export declare function getOrder(unitOrder: string): unitOrderSignifier[];
-/**
- * Get number of days between two dates
- *
- * @param date1
- * @param date2
- */
-export declare function getDaysDiff(date1: Date, date2: Date): number;
-export {};
+import { DateLocaleData } from "../components/date-picker/utils";
+export interface HoverRange {
+  focused: "end" | "start";
+  start: Date;
+  end: Date;
+}
+/**
+ * Check if date is within a min and max
+ *
+ * @param date
+ * @param min
+ * @param max
+ */
+export declare function inRange(date: Date, min?: Date | string, max?: Date | string): boolean;
+/**
+ * Ensures date is within range,
+ * returns min or max if out of bounds
+ *
+ * @param date
+ * @param min
+ * @param max
+ */
+export declare function dateFromRange(date?: any, min?: Date | string, max?: Date | string): Date | null;
+/**
+ * Parse an iso8601 string (YYYY-mm-dd) into a valid date.
+ * TODO: handle time when time of day UI is added
+ *
+ * @param iso8601
+ */
+export declare function dateFromISO(iso8601: string | Date): Date | null;
+/**
+ * Return first portion of ISO string (YYYY-mm-dd)
+ *
+ * @param date
+ */
+export declare function dateToISO(date?: Date | string): string;
+/**
+ * Check if two dates are the same day, month, year
+ *
+ * @param d1
+ * @param d2
+ */
+export declare function sameDate(d1: Date, d2: Date): boolean;
+/**
+ * Get a date one month in the past
+ *
+ * @param date
+ */
+export declare function prevMonth(date: Date): Date;
+/**
+ * Get a date one month in the future
+ *
+ * @param date
+ */
+export declare function nextMonth(date: Date): Date;
+/**
+ * Translate a number into a given locals numeral system
+ *
+ * @param num
+ * @param localeData
+ */
+export declare function localizeNumber(num: number, localeData: DateLocaleData): string;
+/**
+ * Calculate actual number from localized string
+ *
+ * @param str
+ * @param localeData
+ */
+export declare function parseNumber(str: string, localeData: DateLocaleData): number;
+/**
+ * Parse numeric units for day, month, and year from a localized string
+ * month starts at 0 (can pass to date constructor)
+ *
+ * @param str
+ * @param localeData
+ */
+export declare function parseDateString(str: string, localeData: DateLocaleData): {
+  day: number;
+  month: number;
+  year: number;
+};
+/**
+ * Convert eastern arbic numerals
+ *
+ * @param str
+ */
+export declare function replaceArabicNumerals(str?: string): string;
+declare type unitOrderSignifier = "m" | "d" | "y";
+/**
+ * Based on the unitOrder string, find order of month, day, and year for locale
+ *
+ * @param unitOrder
+ */
+export declare function getOrder(unitOrder: string): unitOrderSignifier[];
+/**
+ * Get number of days between two dates
+ *
+ * @param date1
+ * @param date2
+ */
+export declare function getDaysDiff(date1: Date, date2: Date): number;
+export {};

package/dist/types/utils/dom.d.ts

@@ -1,62 +1,62 @@
-/**
- * This helper will guarantee an ID on the provided element.
- *
- * If it already has an ID, it will be preserved, otherwise a unique one will be generated and assigned.
- *
- * @param el
- * @returns {string} The element's ID.
- */
-export declare function ensureId(el: Element): string;
-export declare function nodeListToArray<T extends Element>(nodeList: HTMLCollectionOf<T> | NodeListOf<T> | T[]): T[];
-export declare type Direction = "ltr" | "rtl";
-export declare function getThemeName(el: HTMLElement): "light" | "dark";
-export declare function getElementDir(el: HTMLElement): Direction;
-export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
-export declare function getRootNode(el: Element): Document | ShadowRoot;
-export declare function getHost(root: Document | ShadowRoot): Element | null;
-/**
- * This helper queries an element's rootNode and any ancestor rootNodes.
- *
- * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.
- *
- * @param element
- * @param root0
- * @param root0.selector
- * @param root0.id
- * @returns {Element} The element.
- */
-export declare function queryElementRoots<T extends Element = Element>(element: Element, { selector, id }: {
-  selector?: string;
-  id?: string;
-}): T | null;
-export declare function closestElementCrossShadowBoundary<T extends Element = Element>(element: Element, selector: string): T | null;
-export interface FocusableElement extends HTMLElement {
-  setFocus?: () => Promise<void>;
-}
-export declare function isCalciteFocusable(el: FocusableElement): boolean;
-export declare function focusElement(el: FocusableElement): Promise<void>;
-interface GetSlottedOptions {
-  all?: boolean;
-  direct?: boolean;
-  matches?: string;
-  selector?: string;
-}
-export declare function getSlotted<T extends Element = Element>(element: Element, slotName: string | string[] | (GetSlottedOptions & {
-  all: true;
-}), options: GetSlottedOptions & {
-  all: true;
-}): T[];
-export declare function getSlotted<T extends Element = Element>(element: Element, slotName?: string | string[] | GetSlottedOptions, options?: GetSlottedOptions): T | null;
-export declare function filterDirectChildren<T extends Element>(el: Element, selector: string): T[];
-export declare function setRequestedIcon(iconObject: Record<string, string>, iconValue: string | boolean, matchedValue: string): string;
-export declare function intersects(rect1: DOMRect, rect2: DOMRect): boolean;
-/**
- * This helper makes sure that boolean aria attributes are properly converted to a string.
- *
- * It should only be used for aria attributes that require a string value of "true" or "false".
- *
- * @param value
- * @returns {string} The string conversion of a boolean value ("true" | "false").
- */
-export declare function toAriaBoolean(value: boolean): string;
-export {};
+/**
+ * This helper will guarantee an ID on the provided element.
+ *
+ * If it already has an ID, it will be preserved, otherwise a unique one will be generated and assigned.
+ *
+ * @param el
+ * @returns {string} The element's ID.
+ */
+export declare function ensureId(el: Element): string;
+export declare function nodeListToArray<T extends Element>(nodeList: HTMLCollectionOf<T> | NodeListOf<T> | T[]): T[];
+export declare type Direction = "ltr" | "rtl";
+export declare function getThemeName(el: HTMLElement): "light" | "dark";
+export declare function getElementDir(el: HTMLElement): Direction;
+export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
+export declare function getRootNode(el: Element): Document | ShadowRoot;
+export declare function getHost(root: Document | ShadowRoot): Element | null;
+/**
+ * This helper queries an element's rootNode and any ancestor rootNodes.
+ *
+ * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.
+ *
+ * @param element
+ * @param root0
+ * @param root0.selector
+ * @param root0.id
+ * @returns {Element} The element.
+ */
+export declare function queryElementRoots<T extends Element = Element>(element: Element, { selector, id }: {
+  selector?: string;
+  id?: string;
+}): T | null;
+export declare function closestElementCrossShadowBoundary<T extends Element = Element>(element: Element, selector: string): T | null;
+export interface FocusableElement extends HTMLElement {
+  setFocus?: () => Promise<void>;
+}
+export declare function isCalciteFocusable(el: FocusableElement): boolean;
+export declare function focusElement(el: FocusableElement): Promise<void>;
+interface GetSlottedOptions {
+  all?: boolean;
+  direct?: boolean;
+  matches?: string;
+  selector?: string;
+}
+export declare function getSlotted<T extends Element = Element>(element: Element, slotName: string | string[] | (GetSlottedOptions & {
+  all: true;
+}), options: GetSlottedOptions & {
+  all: true;
+}): T[];
+export declare function getSlotted<T extends Element = Element>(element: Element, slotName?: string | string[] | GetSlottedOptions, options?: GetSlottedOptions): T | null;
+export declare function filterDirectChildren<T extends Element>(el: Element, selector: string): T[];
+export declare function setRequestedIcon(iconObject: Record<string, string>, iconValue: string | boolean, matchedValue: string): string;
+export declare function intersects(rect1: DOMRect, rect2: DOMRect): boolean;
+/**
+ * This helper makes sure that boolean aria attributes are properly converted to a string.
+ *
+ * It should only be used for aria attributes that require a string value of "true" or "false".
+ *
+ * @param value
+ * @returns {string} The string conversion of a boolean value ("true" | "false").
+ */
+export declare function toAriaBoolean(value: boolean): string;
+export {};

package/dist/types/utils/filter.d.ts

@@ -1 +1 @@
-export declare const filter: (data: Array<object>, value: string) => Array<any>;
+export declare const filter: (data: Array<object>, value: string) => Array<any>;

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

@@ -1,109 +1,117 @@
-import { Placement, Strategy, VirtualElement } from "@floating-ui/dom";
-export declare type ReferenceElement = VirtualElement | Element;
-declare type UIType = "menu" | "tooltip" | "popover";
-export declare type OverlayPositioning = Strategy;
-/**
- * Placements that change based on element direction.
- *
- * These variation placements will automatically flip "left"/"right" depending on LTR/RTL direction.
- *
- * Floating-ui has no plans to offer this functionality out of the box at this time.
- *
- * see: https://github.com/floating-ui/floating-ui/issues/1563 and https://github.com/floating-ui/floating-ui/discussions/1549
- */
-declare type VariationPlacement = "leading-start" | "leading" | "leading-end" | "trailing-end" | "trailing" | "trailing-start";
-declare type AutoPlacement = "auto" | "auto-start" | "auto-end";
-/**
- * Use "*-start" and "*-end" instead.
- *
- * There is no need for our "*-leading" and "*-trailing" values anymore since "*-start" and "*-end" are already flipped in RTL.
- *
- * @deprecated use expanded instead
- */
-declare type DeprecatedPlacement = "leading-leading" | "leading-trailing" | "trailing-leading" | "trailing-trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing" | "right-leading" | "right-trailing" | "left-leading" | "left-trailing";
-export declare type LogicalPlacement = AutoPlacement | Placement | VariationPlacement | DeprecatedPlacement;
-export declare type EffectivePlacement = Placement;
-export declare const placements: LogicalPlacement[];
-export declare const effectivePlacements: EffectivePlacement[];
-export declare const menuPlacements: MenuPlacement[];
-export declare const menuEffectivePlacements: EffectivePlacement[];
-export declare const flipPlacements: EffectivePlacement[];
-export declare type MenuPlacement = Extract<LogicalPlacement, "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
-export declare const defaultMenuPlacement: MenuPlacement;
-export interface FloatingUIComponent {
-  /**
-   * Whether the component is opened.
-   */
-  open: boolean;
-  /**
-   * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
-   */
-  overlayPositioning: OverlayPositioning;
-  /**
-   * Determines where the component will be positioned relative to the referenceElement.
-   *
-   * Possible values: "auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "right-start", "right-end", "bottom-start", "bottom-end", "left-start", "left-end", "leading-start", "leading", "leading-end", "trailing-end", "trailing",  or "trailing-start".
-   *
-   */
-  placement: LogicalPlacement;
-  /**
-   * Updates the position of the component.
-   */
-  reposition(): Promise<void>;
-}
-export declare const FloatingCSS: {
-  animation: string;
-  animationActive: string;
-};
-export declare function filterComputedPlacements(placements: string[], el: HTMLElement): EffectivePlacement[];
-export declare function getEffectivePlacement(floatingEl: HTMLElement, placement: LogicalPlacement): EffectivePlacement;
-/**
- * Positions the floating element relative to the reference element.
- *
- * @param root0
- * @param root0.referenceEl
- * @param root0.floatingEl
- * @param root0.overlayPositioning
- * @param root0.placement
- * @param root0.disableFlip
- * @param root0.flipPlacements
- * @param root0.offsetDistance
- * @param root0.offsetSkidding
- * @param root0.arrowEl
- * @param root0.type
- */
-export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }: {
-  referenceEl: ReferenceElement;
-  floatingEl: HTMLElement;
-  overlayPositioning: Strategy;
-  placement: LogicalPlacement;
-  disableFlip?: boolean;
-  flipPlacements?: EffectivePlacement[];
-  offsetDistance?: number;
-  offsetSkidding?: number;
-  arrowEl?: HTMLElement;
-  type: UIType;
-}): Promise<void>;
-/**
- * Helper to set up floating element interactions on connectedCallback.
- *
- * @param component
- * @param referenceEl
- * @param floatingEl
- */
-export declare function connectFloatingUI(component: FloatingUIComponent, referenceEl: ReferenceElement, floatingEl: HTMLElement): void;
-/**
- * Helper to tear down floating element interactions on disconnectedCallback.
- *
- * @param component
- * @param referenceEl
- * @param floatingEl
- */
-export declare function disconnectFloatingUI(component: FloatingUIComponent, referenceEl: ReferenceElement, floatingEl: HTMLElement): void;
-/**
- * Default offset the position of the floating element away from the reference element.
- *
- * @default 6
- */
-export declare const defaultOffsetDistance: number;
-export {};
+import { Placement, Strategy, VirtualElement } from "@floating-ui/dom";
+export declare type ReferenceElement = VirtualElement | Element;
+declare type UIType = "menu" | "tooltip" | "popover";
+export declare type OverlayPositioning = Strategy;
+/**
+ * Placements that change based on element direction.
+ *
+ * These variation placements will automatically flip "left"/"right" depending on LTR/RTL direction.
+ *
+ * Floating-ui has no plans to offer this functionality out of the box at this time.
+ *
+ * see: https://github.com/floating-ui/floating-ui/issues/1563 and https://github.com/floating-ui/floating-ui/discussions/1549
+ */
+declare type VariationPlacement = "leading-start" | "leading" | "leading-end" | "trailing-end" | "trailing" | "trailing-start";
+declare type AutoPlacement = "auto" | "auto-start" | "auto-end";
+/**
+ * Use "*-start" and "*-end" instead.
+ *
+ * There is no need for our "*-leading" and "*-trailing" values anymore since "*-start" and "*-end" are already flipped in RTL.
+ *
+ * @deprecated
+ */
+declare type DeprecatedPlacement = "leading-leading" | "leading-trailing" | "trailing-leading" | "trailing-trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing" | "right-leading" | "right-trailing" | "left-leading" | "left-trailing";
+export declare type LogicalPlacement = AutoPlacement | Placement | VariationPlacement | DeprecatedPlacement;
+export declare type EffectivePlacement = Placement;
+export declare const placements: LogicalPlacement[];
+export declare const effectivePlacements: EffectivePlacement[];
+export declare const menuPlacements: MenuPlacement[];
+export declare const menuEffectivePlacements: EffectivePlacement[];
+export declare const flipPlacements: EffectivePlacement[];
+/**
+ * Use "*-start" and "*-end" instead.
+ *
+ * There is no need for our "*-leading" and "*-trailing" values anymore since "*-start" and "*-end" are already flipped in RTL.
+ *
+ * @deprecated
+ */
+declare type DeprecatedMenuPlacement = Extract<DeprecatedPlacement, "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
+export declare type MenuPlacement = DeprecatedMenuPlacement | Extract<LogicalPlacement, "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end">;
+export declare const defaultMenuPlacement: MenuPlacement;
+export interface FloatingUIComponent {
+  /**
+   * Whether the component is opened.
+   */
+  open: boolean;
+  /**
+   * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
+   */
+  overlayPositioning: OverlayPositioning;
+  /**
+   * Determines where the component will be positioned relative to the referenceElement.
+   *
+   * Possible values: "auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "right-start", "right-end", "bottom-start", "bottom-end", "left-start", "left-end", "leading-start", "leading", "leading-end", "trailing-end", "trailing",  or "trailing-start".
+   *
+   */
+  placement: LogicalPlacement;
+  /**
+   * Updates the position of the component.
+   */
+  reposition(): Promise<void>;
+}
+export declare const FloatingCSS: {
+  animation: string;
+  animationActive: string;
+};
+export declare function filterComputedPlacements(placements: string[], el: HTMLElement): EffectivePlacement[];
+export declare function getEffectivePlacement(floatingEl: HTMLElement, placement: LogicalPlacement): EffectivePlacement;
+/**
+ * Positions the floating element relative to the reference element.
+ *
+ * @param root0
+ * @param root0.referenceEl
+ * @param root0.floatingEl
+ * @param root0.overlayPositioning
+ * @param root0.placement
+ * @param root0.disableFlip
+ * @param root0.flipPlacements
+ * @param root0.offsetDistance
+ * @param root0.offsetSkidding
+ * @param root0.arrowEl
+ * @param root0.type
+ */
+export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }: {
+  referenceEl: ReferenceElement;
+  floatingEl: HTMLElement;
+  overlayPositioning: Strategy;
+  placement: LogicalPlacement;
+  disableFlip?: boolean;
+  flipPlacements?: EffectivePlacement[];
+  offsetDistance?: number;
+  offsetSkidding?: number;
+  arrowEl?: HTMLElement;
+  type: UIType;
+}): Promise<void>;
+/**
+ * Helper to set up floating element interactions on connectedCallback.
+ *
+ * @param component
+ * @param referenceEl
+ * @param floatingEl
+ */
+export declare function connectFloatingUI(component: FloatingUIComponent, referenceEl: ReferenceElement, floatingEl: HTMLElement): void;
+/**
+ * Helper to tear down floating element interactions on disconnectedCallback.
+ *
+ * @param component
+ * @param referenceEl
+ * @param floatingEl
+ */
+export declare function disconnectFloatingUI(component: FloatingUIComponent, referenceEl: ReferenceElement, floatingEl: HTMLElement): void;
+/**
+ * Default offset the position of the floating element away from the reference element.
+ *
+ * @default 6
+ */
+export declare const defaultOffsetDistance: number;
+export {};