@esri/calcite-components 1.0.0-beta.71 → 1.0.0-beta.72

package/dist/types/components/calcite-time-picker/resources.d.ts

@@ -1,24 +1,30 @@
 export declare const CSS: {
+  button: string;
   buttonBottomLeft: string;
   buttonBottomRight: string;
-  button: string;
-  delimiter: string;
-  hour: string;
   buttonHourDown: string;
   buttonHourUp: string;
-  input: string;
-  meridiem: string;
   buttonMeridiemDown: string;
   buttonMeridiemUp: string;
-  minute: string;
   buttonMinuteDown: string;
   buttonMinuteUp: string;
-  second: string;
   buttonSecondDown: string;
   buttonSecondUp: string;
-  timePicker: string;
   buttonTopLeft: string;
   buttonTopRight: string;
+  column: string;
+  delimiter: string;
+  hour: string;
+  input: string;
+  meridiem: string;
+  minute: string;
+  second: string;
+  showMeridiem: string;
+  showSecond: string;
+  "scale-s": string;
+  "scale-m": string;
+  "scale-l": string;
+  timePicker: string;
 };
 export declare const TEXT: {
   hour: string;

package/dist/types/components.d.ts

@@ -24,7 +24,6 @@ import { DropdownPlacement, ItemKeyboardEvent } from "./components/calcite-dropd
 import { SelectionMode } from "./components/calcite-dropdown-group/interfaces";
 import { ColorStop, DataSeries } from "./components/calcite-graph/interfaces";
 import { InputPlacement } from "./components/calcite-input/interfaces";
-import { HourDisplayFormat, Time, TimeFocusId } from "./utils/time";
 import { ModalBackgroundColor } from "./components/calcite-modal/interfaces";
 import { CalcitePaginationDetail } from "./components/calcite-pagination/calcite-pagination";
 import { ListFocusId } from "./components/calcite-pick-list/shared-list-logic";
@@ -34,6 +33,7 @@ import { TabID, TabLayout, TabPosition } from "./components/calcite-tabs/interfa
 import { TabChangeEventDetail } from "./components/calcite-tab/interfaces";
 import { TileSelectType } from "./components/calcite-tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/calcite-tile-select-group/interfaces";
+import { TimePart } from "./utils/time";
 import { TreeSelectDetail, TreeSelectionMode } from "./components/calcite-tree/interfaces";
 import { TreeItemSelectDetail } from "./components/calcite-tree-item/interfaces";
 export namespace Components {
@@ -940,6 +940,11 @@ export namespace Components {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * BCP 47 language tag for desired language and country format
          */
@@ -1100,6 +1105,10 @@ export namespace Components {
           * Localized string for previous month.
          */
         "intlPrevMonth": string;
+        /**
+          * Localized string for year.
+         */
+        "intlYear": string;
         /**
           * User's language and region as BCP 47 formatted string.
          */
@@ -1269,11 +1278,6 @@ export namespace Components {
         "textEnabled": boolean;
     }
     interface CalciteFilter {
-        /**
-          * The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.
-          * @deprecated use `items` instead.
-         */
-        "data": object[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -1596,6 +1600,11 @@ export namespace Components {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * Layout
          */
@@ -1703,10 +1712,6 @@ export namespace Components {
           * The disabled state of the time input
          */
         "disabled": boolean;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat": HourDisplayFormat;
         /**
           * aria-label for the hour input
          */
@@ -1755,6 +1760,10 @@ export namespace Components {
           * aria-label for the second up button
          */
         "intlSecondUp"?: string;
+        /**
+          * BCP 47 language tag for desired language and country format
+         */
+        "locale": string;
         /**
           * The name of the time input
          */
@@ -2368,32 +2377,6 @@ export namespace Components {
          */
         "value": number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked": boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled": boolean;
-        /**
-          * The focused state of the radio.
-         */
-        "focused": boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden": boolean;
-        /**
-          * The hovered state of the radio.
-         */
-        "hovered": boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale": Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -2758,6 +2741,10 @@ export namespace Components {
           * When true, makes the component required for form-submission.
          */
         "required": boolean;
+        /**
+          * Specify the scale of the slider, defaults to m
+         */
+        "scale": Scale;
         /**
           * Sets focus on the component.
          */
@@ -3156,14 +3143,6 @@ export namespace Components {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat": HourDisplayFormat;
         /**
           * aria-label for the hour input
           * @default "Hour"
@@ -3225,25 +3204,25 @@ export namespace Components {
          */
         "intlSecondUp": string;
         /**
-          * The minute value
+          * BCP 47 language tag for desired language and country format
          */
-        "minute"?: string;
+        "locale": string;
         /**
           * The scale (size) of the time picker
          */
         "scale": Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * Sets focus on the component.
          */
-        "setFocus": (target: TimeFocusId) => Promise<void>;
+        "setFocus": (target: TimePart) => Promise<void>;
         /**
           * number that specifies the granularity that the value must adhere to
          */
         "step": number;
+        /**
+          * The selected time in UTC
+         */
+        "value": string;
     }
     interface CalciteTip {
         /**
@@ -3837,12 +3816,6 @@ declare global {
         prototype: HTMLCalciteProgressElement;
         new (): HTMLCalciteProgressElement;
     };
-    interface HTMLCalciteRadioElement extends Components.CalciteRadio, HTMLStencilElement {
-    }
-    var HTMLCalciteRadioElement: {
-        prototype: HTMLCalciteRadioElement;
-        new (): HTMLCalciteRadioElement;
-    };
     interface HTMLCalciteRadioButtonElement extends Components.CalciteRadioButton, HTMLStencilElement {
     }
     var HTMLCalciteRadioButtonElement: {
@@ -4099,7 +4072,6 @@ declare global {
         "calcite-popover": HTMLCalcitePopoverElement;
         "calcite-popover-manager": HTMLCalcitePopoverManagerElement;
         "calcite-progress": HTMLCalciteProgressElement;
-        "calcite-radio": HTMLCalciteRadioElement;
         "calcite-radio-button": HTMLCalciteRadioButtonElement;
         "calcite-radio-button-group": HTMLCalciteRadioButtonGroupElement;
         "calcite-radio-group": HTMLCalciteRadioGroupElement;
@@ -5044,6 +5016,11 @@ declare namespace LocalJSX {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * BCP 47 language tag for desired language and country format
          */
@@ -5221,6 +5198,10 @@ declare namespace LocalJSX {
           * Localized string for previous month.
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for year.
+         */
+        "intlYear"?: string;
         /**
           * User's language and region as BCP 47 formatted string.
          */
@@ -5394,11 +5375,6 @@ declare namespace LocalJSX {
         "textEnabled"?: boolean;
     }
     interface CalciteFilter {
-        /**
-          * The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.
-          * @deprecated use `items` instead.
-         */
-        "data"?: object[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -5419,11 +5395,11 @@ declare namespace LocalJSX {
         /**
           * The items to filter through. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.  This property is required.
          */
-        "items"?: object[];
+        "items": object[];
         /**
           * This event fires when the filter text changes.
          */
-        "onCalciteFilterChange"?: (event: CustomEvent<any>) => void;
+        "onCalciteFilterChange"?: (event: CustomEvent<void>) => void;
         /**
           * Placeholder text for the input element's placeholder attribute
          */
@@ -5714,6 +5690,11 @@ declare namespace LocalJSX {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * Layout
          */
@@ -5818,10 +5799,6 @@ declare namespace LocalJSX {
           * The disabled state of the time input
          */
         "disabled"?: boolean;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat"?: HourDisplayFormat;
         /**
           * aria-label for the hour input
          */
@@ -6472,24 +6449,6 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked"?: boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled"?: boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden"?: boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale"?: Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -6850,6 +6809,10 @@ declare namespace LocalJSX {
           * When true, makes the component required for form-submission.
          */
         "required"?: boolean;
+        /**
+          * Specify the scale of the slider, defaults to m
+         */
+        "scale"?: Scale;
         /**
           * When true, enables snap selection along the step interval
          */
@@ -7211,14 +7174,6 @@ declare namespace LocalJSX {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat"?: HourDisplayFormat;
         /**
           * aria-label for the hour input
           * @default "Hour"
@@ -7279,22 +7234,18 @@ declare namespace LocalJSX {
           * @default "Increase second"
          */
         "intlSecondUp"?: string;
-        /**
-          * The minute value
-         */
-        "minute"?: string;
         /**
           * The scale (size) of the time picker
          */
         "scale"?: Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * number that specifies the granularity that the value must adhere to
          */
         "step"?: number;
+        /**
+          * The selected time in UTC
+         */
+        "value"?: string;
     }
     interface CalciteTip {
         /**
@@ -7584,7 +7535,6 @@ declare namespace LocalJSX {
         "calcite-popover": CalcitePopover;
         "calcite-popover-manager": CalcitePopoverManager;
         "calcite-progress": CalciteProgress;
-        "calcite-radio": CalciteRadio;
         "calcite-radio-button": CalciteRadioButton;
         "calcite-radio-button-group": CalciteRadioButtonGroup;
         "calcite-radio-group": CalciteRadioGroup;
@@ -7681,7 +7631,6 @@ declare module "@stencil/core" {
             "calcite-popover": LocalJSX.CalcitePopover & JSXBase.HTMLAttributes<HTMLCalcitePopoverElement>;
             "calcite-popover-manager": LocalJSX.CalcitePopoverManager & JSXBase.HTMLAttributes<HTMLCalcitePopoverManagerElement>;
             "calcite-progress": LocalJSX.CalciteProgress & JSXBase.HTMLAttributes<HTMLCalciteProgressElement>;
-            "calcite-radio": LocalJSX.CalciteRadio & JSXBase.HTMLAttributes<HTMLCalciteRadioElement>;
             "calcite-radio-button": LocalJSX.CalciteRadioButton & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonElement>;
             "calcite-radio-button-group": LocalJSX.CalciteRadioButtonGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonGroupElement>;
             "calcite-radio-group": LocalJSX.CalciteRadioGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioGroupElement>;

package/dist/types/preact.d.ts

@@ -238,8 +238,6 @@ declare module "preact/src/jsx" {
 
       "calcite-progress": JSX.CalciteProgress & JSXInternal.HTMLAttributes<HTMLCalciteProgressElement>
 
-      "calcite-radio": JSX.CalciteRadio & JSXInternal.HTMLAttributes<HTMLCalciteRadioElement>
-
       "calcite-radio-button": Omit<JSX.CalciteRadioButton, "onCalciteInternalRadioButtonBlur" | "onCalciteRadioButtonChange" | "onCalciteInternalRadioButtonCheckedChange" | "onCalciteInternalRadioButtonFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonElement> & {
         "oncalciteInternalRadioButtonBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteRadioButtonChange"?: (event: CustomEvent<any>) => void;

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

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+export declare function connectConditionalSlotComponent(component: ConditionalSlotComponent): void;
+/**
+ * Helper to tear down a conditional slot component on disconnectedCallback.
+ */
+export declare function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void;

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

@@ -9,10 +9,6 @@ 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 getElementStyleDir(el: HTMLElement): Direction;
-/**
- * @deprecated use getElementStyleDir instead.
- */
 export declare function getElementDir(el: HTMLElement): Direction;
 export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
 export declare function getRootNode(el: Element): HTMLDocument | ShadowRoot;

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

@@ -1,7 +1,3 @@
-/**
- * Standardize key property of keyboard event (mostly for ie11)
- */
-export declare function getKey(key: string, dir?: "rtl" | "ltr"): string;
 export declare function isActivationKey(key: string): boolean;
 export declare const numberKeys: string[];
 export declare const letterKeys: string[];

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

@@ -1,4 +1,6 @@
 export declare function isValidNumber(numberString: string): boolean;
 export declare function parseNumberString(numberString?: string): string;
 export declare function sanitizeDecimalString(decimalString: string): string;
+export declare function sanitizeNegativeString(negativeString: string): string;
+export declare function sanitizeLeadingZeroString(zeroString: string): string;
 export declare function sanitizeNumberString(value: string): string;

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

@@ -1,4 +1,13 @@
-export declare type HourDisplayFormat = "12" | "24";
+export declare type HourCycle = "12" | "24";
+export interface LocalizedTime {
+  localizedHour: string;
+  localizedHourSuffix: string;
+  localizedMinute: string;
+  localizedMinuteSuffix: string;
+  localizedSecond: string;
+  localizedSecondSuffix: string;
+  localizedMeridiem: string;
+}
 export declare type Meridiem = "AM" | "PM";
 export declare type MinuteOrSecond = "minute" | "second";
 export interface Time {
@@ -6,10 +15,14 @@ export interface Time {
   minute: string;
   second: string;
 }
-export declare type TimeFocusId = "hour" | MinuteOrSecond | "meridiem";
+export declare type TimePart = "hour" | "hourSuffix" | "minute" | "minuteSuffix" | "second" | "secondSuffix" | "meridiem";
 export declare const maxTenthForMinuteAndSecond = 5;
+export declare function formatTimePart(number: number): string;
+export declare function formatTimeString(value: string): string;
+export declare function getLocaleHourCycle(locale: string): HourCycle;
 export declare function getMeridiem(hour: string): Meridiem;
-export declare function getMeridiemHour(hour: string): string;
+export declare function isValidTime(value: string): boolean;
+export declare function localizeTimePart(value: string, part: TimePart, locale: string): string;
+export declare function localizeTimeString(value: string, locale?: string, includeSeconds?: boolean): string;
+export declare function localizeTimeStringToParts(value: string, locale?: string): LocalizedTime;
 export declare function parseTimeString(value: string): Time;
-export declare function formatTimeString(value: string): string;
-export declare function formatTimePart(number: number): string;