@esri/calcite-components 1.0.0-next.460 → 1.0.0-next.463

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

@@ -52,7 +52,7 @@ export declare class Filter implements InteractiveComponent {
   setFocus(): Promise<void>;
   filter: import("lodash").DebouncedFunc<(value: string, emit?: any) => void>;
   inputHandler: (event: CustomEvent) => void;
-  keyDownHandler: ({ key }: KeyboardEvent) => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   clear: () => void;
   updateFiltered(filtered: any[], emit?: boolean): void;
   render(): VNode;

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

@@ -99,7 +99,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   type: "color" | "date" | "datetime-local" | "email" | "file" | "image" | "month" | "number" | "password" | "search" | "tel" | "text" | "textarea" | "time" | "url" | "week";
   /** input value */
   value: string;
-  valueWatcher(newValue: string): void;
+  valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
@@ -111,18 +111,18 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private childElType?;
   /** number text input element for locale */
   private childNumberEl?;
-  /** whether the value of the input was changed as a result of user typing or not */
-  private internalValueChange;
   get isClearable(): boolean;
   get isTextarea(): boolean;
   private minString?;
   private maxString?;
-  private preFocusValue;
+  private previousEmittedValue;
   private previousValue;
+  private previousValueOrigin;
   /** the computed icon to render */
   private requestedIcon?;
   private nudgeNumberValueIntervalId;
   mutationObserver: MutationObserver;
+  private userChangedValue;
   localizedValue: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -151,6 +151,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   onLabelClick(): void;
   incrementOrDecrementNumberValue(direction: NumberNudgeDirection, inputMax: number | null, inputMin: number | null, nativeEvent: KeyboardEvent | MouseEvent): void;
   private clearInputValue;
+  private emitChangeIfUserModified;
   private inputBlurHandler;
   private inputFocusHandler;
   private inputInputHandler;
@@ -166,6 +167,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private setChildNumberElRef;
   private setDisabledAction;
   private setInputValue;
+  private setPreviousEmittedValue;
   private setPreviousValue;
   private setValue;
   private inputKeyUpHandler;

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

@@ -156,6 +156,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;
   deactivate: () => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   keyUpHandler: (e: KeyboardEvent) => void;
   inputBlur: (e: CustomEvent<any>) => void;
   startInputFocus: () => void;

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

@@ -89,6 +89,7 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   setFocus(): Promise<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
+  keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   private shouldIncludeSeconds;
   private setCalcitePopoverEl;

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

@@ -51,4 +51,12 @@ export declare function getSlotted<T extends Element = Element>(element: Element
 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".
+ *
+ * @returns {string} The string conversion of a boolean value ("true" | "false").
+ */
+export declare function toAriaBoolean(value: boolean): string;
 export {};

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

@@ -3,12 +3,23 @@ import { FunctionalComponent } from "../stencil-public-runtime";
  * Exported for testing purposes.
  */
 export declare const hiddenFormInputSlotName = "hidden-form-input";
+/**
+ * Defines interface for form owning components.
+ *
+ * Allows calling submit/reset methods on the form.
+ */
+export interface FormOwner {
+  /**
+   * The form this component is associated with.
+   */
+  formEl: HTMLFormElement;
+}
 /**
  * Defines interface for form-associated components.
  *
  * Along with the interface, use the matching form utils to help set up the component behavior.
  */
-export interface FormComponent<T = any> {
+export interface FormComponent<T = any> extends FormOwner {
   /**
    * When true, this component's value will not be submitted in the form.
    */
@@ -23,10 +34,6 @@ export interface FormComponent<T = any> {
    * The host element.
    */
   readonly el: HTMLElement;
-  /**
-   * The form this component is associated with.
-   */
-  formEl: HTMLFormElement;
   /**
    * The name used to submit the value to the associated form.
    *
@@ -75,6 +82,14 @@ export interface CheckableFormCompoment<T = any> extends FormComponent<T> {
    */
   defaultChecked?: boolean;
 }
+/**
+ * Helper to submit a form.
+ */
+export declare function submitForm(component: FormOwner): void;
+/**
+ * Helper to reset a form.
+ */
+export declare function resetForm(component: FormOwner): void;
 /**
  * Helper to set up form interactions on connectedCallback.
  */