@esri/calcite-components 1.0.0-beta.96 → 1.0.0-beta.98

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

@@ -4,6 +4,9 @@ import { DateRangeChange } from "./interfaces";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 export declare class DatePicker implements LocalizedComponent {
   el: HTMLCalciteDatePickerElement;
+  /** Active date */
+  activeDate: Date;
+  activeDateWatcher(newActiveDate: Date): void;
   /** Active range */
   activeRange?: "start" | "end";
   /** Selected date */
@@ -96,10 +99,6 @@ export declare class DatePicker implements LocalizedComponent {
    * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)
    */
   calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
-  /**
-   * Active date.
-   */
-  activeDate: Date;
   /**
    * Active start date.
    */
@@ -170,6 +169,5 @@ export declare class DatePicker implements LocalizedComponent {
    * @param max
    */
   private getActiveDate;
-  private getActiveStartDate;
   private getActiveEndDate;
 }

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

@@ -40,7 +40,9 @@ export declare class DatePickerDay implements InteractiveComponent {
    * @internal
    */
   calciteInternalDayHover: EventEmitter<void>;
+  componentWillLoad(): void;
   render(): VNode;
   componentDidRender(): void;
   isTabbable(): boolean;
+  private parentDatePickerEl;
 }

package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts

@@ -30,11 +30,13 @@ export declare class DatePickerMonthHeader {
    *  Changes to active date
    */
   calciteDatePickerSelect: EventEmitter<Date>;
+  componentWillLoad(): void;
   connectedCallback(): void;
   render(): VNode;
   renderContent(): VNode;
   globalAttributes: {};
   private yearInput;
+  private parentDatePickerEl;
   nextMonthDate: Date;
   prevMonthDate: Date;
   setNextPrevMonthDates(): void;

package/dist/types/components/dropdown-group/dropdown-group.d.ts

@@ -9,7 +9,7 @@ export declare class DropdownGroup {
   /** optionally set a group title for display */
   groupTitle?: string;
   /**
-    specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
+    specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item),
    none (no active items), defaults to single
    */
   selectionMode: SelectionMode;

package/dist/types/components/dropdown-group/interfaces.d.ts

@@ -1,4 +1,4 @@
-export declare type SelectionMode = "multi" | "single" | "none";
+export declare type SelectionMode = "multi" | "single" | "none" | "multiple";
 export interface RequestedItem {
   requestedDropdownItem: HTMLCalciteDropdownItemElement;
   requestedDropdownGroup: HTMLCalciteDropdownGroupElement;

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

@@ -1,4 +1,4 @@
 export type Messages = {
-  filterLabel: string;
+  label: string;
   clear: string;
 };

package/dist/types/components/flow-item/assets/flow-item/t9n/index.d.ts

@@ -0,0 +1,5 @@
+export type Messages = {
+  back: string;
+  close: string;
+  options: string;
+};

package/dist/types/components/inline-editable/assets/inline-editable/t9n/index.d.ts

@@ -1,5 +1,5 @@
 export type Messages = {
-  enablingEditing: string;
+  enableEditing: string;
   cancelEditing: string;
   confirmChanges: string;
 };

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

@@ -20,9 +20,10 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    */
   readOnly: boolean;
   handleDisabledAndReadOnlyChange(value: boolean): void;
-  /** The component's value. */
+  /** Selected date as a string in ISO format (YYYY-MM-DD) */
   value: string | string[];
-  valueHandler(value: string | string[]): void;
+  valueWatcher(newValue: string | string[]): void;
+  valueAsDateWatcher(valueAsDate: Date): void;
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
@@ -145,8 +146,9 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   proximitySelectionDisabled: boolean;
   /** Defines the layout of the component. */
   layout: "horizontal" | "vertical";
-  handleDateOrRangeChange(): void;
   calciteDaySelectHandler(): void;
+  private calciteInternalInputInputHandler;
+  private calciteInternalInputBlurHandler;
   /**
    * Fires when a user changes the date.
    *
@@ -190,6 +192,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputDatePicker["value"];
+  datePickerActiveDate: Date;
   effectiveLocale: string;
   focusedInput: "start" | "end";
   globalAttributes: {};
@@ -200,6 +203,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private referenceEl;
   private startWrapper;
   private endWrapper;
+  private userChangedValue;
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   setReferenceEl(): void;
@@ -213,48 +217,30 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;
   deactivate: () => void;
+  private commitValue;
   keyDownHandler: (event: KeyboardEvent) => void;
-  inputBlur: (event: CustomEvent<any>) => void;
   startInputFocus: () => void;
   endInputFocus: () => void;
-  startInputInput: () => void;
-  endInputInput: () => void;
   setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
   startWatcher(start: string): void;
   endWatcher(end: string): void;
   private loadLocaleData;
-  private clearCurrentValue;
-  /**
-   * If inputted string is a valid date, update value/active
-   *
-   * @param value
-   */
-  private input;
-  /**
-   * Clean up invalid date from input on blur
-   *
-   * @param target
-   */
-  private blur;
   /**
    * Event handler for when the selected date changes
    *
-   * @param event
+   * @param event CalciteDatePicker custom change event
    */
   handleDateChange: (event: CustomEvent<Date>) => void;
   private shouldFocusRangeStart;
   private shouldFocusRangeEnd;
   private handleDateRangeChange;
-  /**
-   * Find a date from input string
-   * return false if date is invalid, or out of range
-   *
-   * @param value
-   */
-  private getDateFromInput;
+  private localizeInputValues;
+  private setInputValue;
+  private setRangeValue;
+  private setValue;
+  private warnAboutInvalidValue;
   private commonDateSeparators;
   private formatNumerals;
-  private parseNumerals;
 }

package/dist/types/components/input-message/input-message.d.ts

@@ -5,12 +5,7 @@ import { Scale, Status } from "../interfaces";
  */
 export declare class InputMessage {
   el: HTMLCalciteInputMessageElement;
-  /**
-   * When `true`, the component is active.
-   *
-   * @deprecated use global `hidden` attribute instead.
-   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-   */
+  /** When `true`, the component is active. */
   active: boolean;
   /** Specifies an icon to display. */
   icon: boolean | string;

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

@@ -2,12 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
   el: HTMLCalciteLoaderElement;
-  /**
-   * When `true`, the component is active.
-   *
-   * @deprecated use global `hidden` attribute instead.
-   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-   */
+  /** When `true`, the component is active. */
   active: boolean;
   /** When `true`, displays smaller and appears to the left of the text. */
   inline: boolean;

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

@@ -1,4 +1,4 @@
 export type Messages = {
-  nextLabel: string;
-  previousLabel: string;
+  next: string;
+  previous: string;
 };

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

@@ -1,6 +1,5 @@
 export type Messages = {
   back: string;
   close: string;
-  open: string;
   options: string;
 };

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

@@ -2,6 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, EffectivePlacement, ReferenceElement } from "../../utils/floating-ui";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { HeadingLevel } from "../functional/Heading";
+import { Scale } from "../interfaces";
 /**
  * @slot - A slot for adding custom content.
  */
@@ -88,6 +89,8 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
    */
   referenceElement: ReferenceElement | string;
   referenceElementHandler(): void;
+  /** Specifies the size of the component. */
+  scale: Scale;
   /**
    * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
    *

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

@@ -6,6 +6,7 @@ export declare enum TreeSelectionMode {
   Multi = "multi",
   None = "none",
   Children = "children",
-  MultiChildren = "multi-children",
-  Ancestors = "ancestors"
+  MultiChildren = "multichildren",
+  Ancestors = "ancestors",
+  Multiple = "multiple"
 }

package/dist/types/components/value-list/assets/value-list/t9n/index.d.ts

@@ -1,5 +1,4 @@
 export type Messages = {
-  filterResults: string;
   dragHandleActive: string;
   dragHandleChange: string;
   dragHandleCommit: string;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccordionAppearance, RequestedItem } from "./components/accordion/interfaces";
+import { AccordionAppearance, AccordionSelectionMode, RequestedItem } from "./components/accordion/interfaces";
 import { Alignment, Appearance, Columns, DeprecatedEventPayload, FlipContext, Layout, LogicalFlowPosition, Position, Scale, Status, Width } from "./components/interfaces";
 import { ItemKeyEvent, RegistryEntry, RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces";
 import { EffectivePlacement, LogicalPlacement, MenuPlacement, OverlayPositioning, ReferenceElement } from "./utils/floating-ui";
@@ -58,9 +58,9 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
+          * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
          */
-        "selectionMode": "multi" | "single" | "single-persist";
+        "selectionMode": AccordionSelectionMode;
     }
     interface CalciteAccordionItem {
         /**
@@ -954,7 +954,7 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * Specifies the selection mode - `"multi"` (allow any number of selected items), `"single"` (allow only one selection), or `"ancestors"` (like `"multi"`, but show ancestors of selected items as selected. Only the deepest children are shown in `calcite-chip`s).
+          * specify the selection mode - multiple: allow any number of selected items (default) - single: only one selection) - ancestors: like multiple, but show ancestors of selected items as selected, only deepest children shown in chips
          */
         "selectionMode": ComboboxSelectionMode;
         /**
@@ -1025,6 +1025,10 @@ export namespace Components {
         "label": string;
     }
     interface CalciteDatePicker {
+        /**
+          * Active date
+         */
+        "activeDate": Date;
         /**
           * Active range
          */
@@ -1313,7 +1317,7 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item), none (no active items), defaults to single
+          * specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item), none (no active items), defaults to single
          */
         "selectionMode": SelectionMode;
     }
@@ -1917,7 +1921,7 @@ export namespace Components {
          */
         "startAsDate"?: Date;
         /**
-          * The component's value.
+          * Selected date as a string in ISO format (YYYY-MM-DD)
          */
         "value": string | string[];
         /**
@@ -1928,8 +1932,6 @@ export namespace Components {
     interface CalciteInputMessage {
         /**
           * When `true`, the component is active.
-          * @deprecated use global `hidden` attribute instead.
-          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active": boolean;
         /**
@@ -2439,8 +2441,6 @@ export namespace Components {
     interface CalciteLoader {
         /**
           * When `true`, the component is active.
-          * @deprecated use global `hidden` attribute instead.
-          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active": boolean;
         /**
@@ -2940,6 +2940,10 @@ export namespace Components {
           * @param delayed
          */
         "reposition": (delayed?: boolean) => Promise<void>;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
         /**
           * Sets focus on the component.
           * @param focusId
@@ -5120,9 +5124,9 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
+          * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
          */
-        "selectionMode"?: "multi" | "single" | "single-persist";
+        "selectionMode"?: AccordionSelectionMode;
     }
     interface CalciteAccordionItem {
         /**
@@ -6048,7 +6052,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * Specifies the selection mode - `"multi"` (allow any number of selected items), `"single"` (allow only one selection), or `"ancestors"` (like `"multi"`, but show ancestors of selected items as selected. Only the deepest children are shown in `calcite-chip`s).
+          * specify the selection mode - multiple: allow any number of selected items (default) - single: only one selection) - ancestors: like multiple, but show ancestors of selected items as selected, only deepest children shown in chips
          */
         "selectionMode"?: ComboboxSelectionMode;
         /**
@@ -6114,6 +6118,10 @@ declare namespace LocalJSX {
         "label": string;
     }
     interface CalciteDatePicker {
+        /**
+          * Active date
+         */
+        "activeDate"?: Date;
         /**
           * Active range
          */
@@ -6438,7 +6446,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item), none (no active items), defaults to single
+          * specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item), none (no active items), defaults to single
          */
         "selectionMode"?: SelectionMode;
     }
@@ -7056,7 +7064,7 @@ declare namespace LocalJSX {
          */
         "startAsDate"?: Date;
         /**
-          * The component's value.
+          * Selected date as a string in ISO format (YYYY-MM-DD)
          */
         "value"?: string | string[];
         /**
@@ -7067,8 +7075,6 @@ declare namespace LocalJSX {
     interface CalciteInputMessage {
         /**
           * When `true`, the component is active.
-          * @deprecated use global `hidden` attribute instead.
-          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active"?: boolean;
         /**
@@ -7549,8 +7555,6 @@ declare namespace LocalJSX {
     interface CalciteLoader {
         /**
           * When `true`, the component is active.
-          * @deprecated use global `hidden` attribute instead.
-          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "active"?: boolean;
         /**
@@ -8076,6 +8080,10 @@ declare namespace LocalJSX {
           * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
          */
         "referenceElement": ReferenceElement | string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
         /**
           * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
          */

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

@@ -29,6 +29,25 @@ export declare function dateFromRange(date?: any, min?: Date | string, max?: Dat
  * @param isEndDate
  */
 export declare function dateFromISO(iso8601: string | Date, isEndDate?: boolean): Date | null;
+/**
+ * Parse a localized date string into a valid Date.
+ * return false if date is invalid, or out of range
+ *
+ * @param value
+ * @param localeData
+ */
+export declare function dateFromLocalizedString(value: string, localeData: DateLocaleData): Date;
+/**
+ * Retrieve day, month, and year strings from a localized string
+ *
+ * @param string
+ * @param localeData
+ */
+export declare function datePartsFromLocalizedString(string: string, localeData: DateLocaleData): {
+  day: string;
+  month: string;
+  year: string;
+};
 /**
  * Return first portion of ISO string (YYYY-mm-dd)
  *
@@ -57,11 +76,12 @@ export declare function nextMonth(date: Date): Date;
 /**
  * Parse numeric units for day, month, and year from a localized string
  * month starts at 0 (can pass to date constructor)
+ * can return values as number or string
  *
- * @param str
+ * @param string
  * @param localeData
  */
-export declare function parseDateString(str: string, localeData: DateLocaleData): {
+export declare function parseDateString(string: string, localeData: DateLocaleData): {
   day: number;
   month: number;
   year: number;

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

@@ -1,6 +1,5 @@
 import { Strategy } from "@floating-ui/core";
-import type { ElementRects } from "@floating-ui/dom";
-import { FloatingElement, ReferenceElement } from "@floating-ui/dom/src/types";
+import type { ElementRects, FloatingElement, ReferenceElement } from "@floating-ui/dom";
 declare function getElementRects(_ref: {
   reference: ReferenceElement;
   floating: FloatingElement;

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

@@ -1,4 +1,8 @@
 import { Placement, Strategy, VirtualElement } from "@floating-ui/dom";
+/**
+ * Exported for testing purposes only
+ */
+export declare const placementDataAttribute = "data-placement";
 /**
  * Exported for testing purposes only
  */