@esri/calcite-components 1.0.0-beta.78 → 1.0.0-beta.81

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

@@ -28,6 +28,7 @@ export declare class Tree {
   onFocusIn(event: FocusEvent): void;
   onFocusOut(event: FocusEvent): void;
   onClick(e: CustomEvent<TreeItemSelectDetail>): void;
+  keyDownHandler(event: KeyboardEvent): void;
   updateAncestorTree(e: CustomEvent<TreeItemSelectDetail>): void;
   /**
    * Emitted when user selects/deselects tree items. An object including an array of selected items will be passed in the event's `detail` property.

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

@@ -2,11 +2,12 @@ import Sortable from "sortablejs";
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ICON_TYPES } from "./resources";
 import { ListFocusId, ItemData } from "../pick-list/shared-list-logic";
+import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-value-list-item` elements. Items are displayed as a vertical list.
  * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
  */
-export declare class ValueList<ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement> {
+export declare class ValueList<ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement> implements InteractiveComponent {
   /**
    * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
    */
@@ -55,6 +56,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   filterEl: HTMLCalciteFilterElement;
   connectedCallback(): void;
   componentDidLoad(): void;
+  componentDidRender(): void;
   disconnectedCallback(): void;
   /**
    * Emitted when any of the item selections have changed.
@@ -64,6 +66,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    * Emitted when the order of the list has changed.
    */
   calciteListOrderChange: EventEmitter<any[]>;
+  calciteListFocusOutHandler(event: FocusEvent): void;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
   calciteListItemPropsChangeHandler(event: CustomEvent): void;

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

@@ -1,11 +1,12 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ICON_TYPES } from "../pick-list/resources";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot actions-end - A slot for adding actions or content to the end side of the item.
  * @slot actions-start - A slot for adding actions or content to the start side of the item.
  */
-export declare class ValueListItem implements ConditionalSlotComponent {
+export declare class ValueListItem implements ConditionalSlotComponent, InteractiveComponent {
   /**
    * An optional description for this item. Will appear below the label text.
    */
@@ -13,7 +14,7 @@ export declare class ValueListItem implements ConditionalSlotComponent {
   /**
    * When true, the item cannot be clicked and is visually muted
    */
-  disabled?: boolean;
+  disabled: boolean;
   /**
    * @internal When false, the item cannot be deselected by user interaction.
    */
@@ -56,6 +57,7 @@ export declare class ValueListItem implements ConditionalSlotComponent {
   guid: string;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  componentDidRender(): void;
   /**
    * Used to toggle the selection state. By default this won't trigger an event.
    * The first argument allows the value to be coerced, rather than swapping values.

package/dist/types/components.d.ts

@@ -7,8 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccordionAppearance } from "./components/accordion/interfaces";
 import { Alignment, Appearance, Columns, FlipContext, Layout, Position, Scale, Status, Width } from "./components/interfaces";
-import { Placement } from "@popperjs/core";
-import { OverlayPositioning, PopperPlacement } from "./utils/popper";
+import { ComputedPlacement, MenuPlacement, OverlayPositioning, PopperPlacement } from "./utils/popper";
 import { AlertDuration, AlertPlacement, StatusColor } from "./components/alert/interfaces";
 import { HeadingLevel } from "./components/functional/Heading";
 import { BlockSectionToggleDisplay } from "./components/block-section/interfaces";
@@ -20,8 +19,8 @@ import { ComboboxChildElement, ComboboxSelectionMode } from "./components/combob
 import { DateRangeChange } from "./components/date-picker/interfaces";
 import { DateLocaleData } from "./components/date-picker/utils";
 import { HoverRange } from "./utils/date";
-import { DropdownPlacement, ItemKeyboardEvent } from "./components/dropdown/interfaces";
 import { SelectionMode } from "./components/dropdown-group/interfaces";
+import { ItemKeyboardEvent } from "./components/dropdown/interfaces";
 import { ColorStop, DataSeries } from "./components/graph/interfaces";
 import { InputPlacement } from "./components/input/interfaces";
 import { ModalBackgroundColor } from "./components/modal/interfaces";
@@ -208,7 +207,7 @@ export namespace Components {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: Placement[];
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * Text string for the actions menu.
          */
@@ -498,7 +497,7 @@ export namespace Components {
         /**
           * The type attribute to apply to the button
          */
-        "type"?: string;
+        "type": string;
         /**
           * specify the width of the button, defaults to auto
          */
@@ -631,6 +630,10 @@ export namespace Components {
           * Internal prop for advanced use-cases.
          */
         "color": InternalColor | null;
+        /**
+          * When true, disabled prevents user interaction.
+         */
+        "disabled": boolean;
         /**
           * The format of the value property.  When "auto", the format will be inferred from `value` when set.
           * @default "auto"
@@ -818,6 +821,10 @@ export namespace Components {
           * Disable combobox input
          */
         "disabled": boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * string to override the English "Remove tag" text for when an item is selected.
           * @default "Remove tag"
@@ -1156,6 +1163,10 @@ export namespace Components {
           * is the dropdown disabled
          */
         "disabled": boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
@@ -1168,7 +1179,7 @@ export namespace Components {
           * Determines where the dropdown will be positioned relative to the button.
           * @default "bottom-leading"
          */
-        "placement": DropdownPlacement;
+        "placement": MenuPlacement;
         /**
           * Updates the position of the component.
          */
@@ -1323,7 +1334,7 @@ export namespace Components {
         /**
           * Filter value.
          */
-        "value"?: string;
+        "value": string;
     }
     interface CalciteFlow {
         /**
@@ -1591,6 +1602,10 @@ export namespace Components {
           * @deprecated use valueAsDate instead
          */
         "endAsDate"?: Date;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * Number at which section headings should start for this component.
          */
@@ -1642,6 +1657,11 @@ export namespace Components {
           * 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 date-picker component will be positioned relative to the input.
+          * @default "bottom-leading"
+         */
+        "placement": MenuPlacement;
         /**
           * Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.
          */
@@ -1773,6 +1793,11 @@ export namespace Components {
           * The name of the time input
          */
         "name": string;
+        /**
+          * Determines where the popover will be positioned relative to the input.
+          * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+         */
+        "placement": PopperPlacement;
         /**
           * When true, makes the component required for form-submission.
          */
@@ -1805,6 +1830,7 @@ export namespace Components {
         "disableSpacing": boolean;
         /**
           * is the label disabled
+          * @deprecated use the `disabled` property on the interactive components instead
          */
         "disabled": boolean;
         /**
@@ -1864,6 +1890,10 @@ export namespace Components {
         "target"?: string;
     }
     interface CalciteList {
+        /**
+          * When true, disabled prevents user interaction.
+         */
+        "disabled": boolean;
         /**
           * Number at which section headings should start for this component.
          */
@@ -2239,7 +2269,7 @@ export namespace Components {
         /**
           * When true, the item cannot be clicked and is visually muted.
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
         /**
           * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
@@ -2301,7 +2331,7 @@ export namespace Components {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: Placement[];
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * Heading text.
          */
@@ -2778,7 +2808,7 @@ export namespace Components {
         /**
           * Currently selected number (if single select)
          */
-        "value": null | number;
+        "value": null | number | number[];
     }
     interface CalciteSortableList {
         /**
@@ -3151,6 +3181,10 @@ export namespace Components {
         "width": Extract<"auto" | "full", Width>;
     }
     interface CalciteTileSelectGroup {
+        /**
+          * The disabled state of the tile select.
+         */
+        "disabled": boolean;
         /**
           * Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts
          */
@@ -3272,7 +3306,7 @@ export namespace Components {
     }
     interface CalciteTipManager {
         /**
-          * Alternate text for closing the `calcite-tip-manager`.
+          * Closed state of the `calcite-tip-manager`.
          */
         "closed": boolean;
         /**
@@ -3446,7 +3480,7 @@ export namespace Components {
         /**
           * When true, the item cannot be clicked and is visually muted
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
         "handleActivated"?: boolean;
         /**
           * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
@@ -4290,7 +4324,7 @@ declare namespace LocalJSX {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: Placement[];
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * Text string for the actions menu.
          */
@@ -4709,6 +4743,10 @@ declare namespace LocalJSX {
           * specify the appearance - default (containing border), or minimal (no containing border)
          */
         "appearance"?: ColorAppearance;
+        /**
+          * When true, disabled prevents user interaction.
+         */
+        "disabled"?: boolean;
         /**
           * The format of the value property.  When "auto", the format will be inferred from `value` when set.
           * @default "auto"
@@ -4900,6 +4938,10 @@ declare namespace LocalJSX {
           * Disable combobox input
          */
         "disabled"?: boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * string to override the English "Remove tag" text for when an item is selected.
           * @default "Remove tag"
@@ -5267,6 +5309,10 @@ declare namespace LocalJSX {
           * is the dropdown disabled
          */
         "disabled"?: boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
@@ -5291,7 +5337,7 @@ declare namespace LocalJSX {
           * Determines where the dropdown will be positioned relative to the button.
           * @default "bottom-leading"
          */
-        "placement"?: DropdownPlacement;
+        "placement"?: MenuPlacement;
         /**
           * specify the scale of dropdown, defaults to m
          */
@@ -5418,7 +5464,7 @@ 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.
          */
@@ -5703,6 +5749,10 @@ declare namespace LocalJSX {
           * @deprecated use valueAsDate instead
          */
         "endAsDate"?: Date;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * Number at which section headings should start for this component.
          */
@@ -5769,6 +5819,11 @@ declare namespace LocalJSX {
           * 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 date-picker component will be positioned relative to the input.
+          * @default "bottom-leading"
+         */
+        "placement"?: MenuPlacement;
         /**
           * Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.
          */
@@ -5888,6 +5943,11 @@ declare namespace LocalJSX {
           * Fires when the time value is changed as a result of user input.
          */
         "onCalciteInputTimePickerChange"?: (event: CustomEvent<string>) => void;
+        /**
+          * Determines where the popover will be positioned relative to the input.
+          * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+         */
+        "placement"?: PopperPlacement;
         /**
           * The scale (size) of the time input
          */
@@ -5912,6 +5972,7 @@ declare namespace LocalJSX {
         "disableSpacing"?: boolean;
         /**
           * is the label disabled
+          * @deprecated use the `disabled` property on the interactive components instead
          */
         "disabled"?: boolean;
         /**
@@ -5967,6 +6028,10 @@ declare namespace LocalJSX {
         "target"?: string;
     }
     interface CalciteList {
+        /**
+          * When true, disabled prevents user interaction.
+         */
+        "disabled"?: boolean;
         /**
           * Number at which section headings should start for this component.
          */
@@ -6401,7 +6466,7 @@ declare namespace LocalJSX {
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
-        "flipPlacements"?: Placement[];
+        "flipPlacements"?: ComputedPlacement[];
         /**
           * Heading text.
          */
@@ -6866,7 +6931,7 @@ declare namespace LocalJSX {
         /**
           * Currently selected number (if single select)
          */
-        "value"?: null | number;
+        "value"?: null | number | number[];
     }
     interface CalciteSortableList {
         /**
@@ -7206,6 +7271,10 @@ declare namespace LocalJSX {
         "width"?: Extract<"auto" | "full", Width>;
     }
     interface CalciteTileSelectGroup {
+        /**
+          * The disabled state of the tile select.
+         */
+        "disabled"?: boolean;
         /**
           * Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts
          */
@@ -7323,7 +7392,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTipManager {
         /**
-          * Alternate text for closing the `calcite-tip-manager`.
+          * Closed state of the `calcite-tip-manager`.
          */
         "closed"?: boolean;
         /**