@esri/calcite-components 1.9.0-next.9 → 1.9.0

package/dist/types/components.d.ts

@@ -49,6 +49,7 @@ import { InputTextMessages } from "./components/input-text/assets/input-text/t9n
 import { InputTimePickerMessages } from "./components/input-time-picker/assets/input-time-picker/t9n";
 import { TimePickerMessages } from "./components/time-picker/assets/time-picker/t9n";
 import { InputTimeZoneMessages } from "./components/input-time-zone/assets/input-time-zone/t9n";
+import { TimeZoneMode } from "./components/input-time-zone/interfaces";
 import { DragDetail } from "./utils/sortableComponent";
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
@@ -1564,6 +1565,18 @@ export namespace Components {
           * When `true`, the component will be hidden.
          */
         "closed": boolean;
+        /**
+          * Specifies the direction of the collapse.
+         */
+        "collapseDirection": "down" | "up";
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed": boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible": boolean;
         /**
           * A description for the component.
          */
@@ -1599,11 +1612,13 @@ export namespace Components {
         /**
           * Scrolls the component's content to a specified set of coordinates.
           * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
-          * @param options
+          * @param options - allows specific coordinates to be defined.
+          * @returns - promise that resolves once the content is scrolled to.
          */
         "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
         /**
           * Sets focus on the component.
+          * @returns promise.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -2012,6 +2027,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
         /**
           * Selected date as a string in ISO format (YYYY-MM-DD)
          */
@@ -2396,6 +2415,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
         /**
           * Specifies the granularity the component's `value` must adhere to (in seconds).
          */
@@ -2426,6 +2449,11 @@ export namespace Components {
           * Made into a prop for testing purposes only
          */
         "messages": InputTimeZoneMessages;
+        /**
+          * This specifies the type of `value` and the associated options presented to the user:  Using `"offset"` will provide options related
+          * @default "offset"
+         */
+        "mode": TimeZoneMode;
         /**
           * Specifies the name of the component.  Required to pass the component's `value` on form submission.
          */
@@ -2438,6 +2466,11 @@ export namespace Components {
           * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
+        /**
+          * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.  It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
+          * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
+         */
+        "referenceDate": Date | string;
         /**
           * When `true`, the component must have a value in order for the form to submit.
          */
@@ -3157,6 +3190,18 @@ export namespace Components {
           * When `true`, the component will be hidden.
          */
         "closed": boolean;
+        /**
+          * Specifies the direction of the collapse.
+         */
+        "collapseDirection": "down" | "up";
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed": boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible": boolean;
         /**
           * A description for the component.
          */
@@ -3192,7 +3237,8 @@ export namespace Components {
         /**
           * Scrolls the component's content to a specified set of coordinates.
           * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
-          * @param options
+          * @param options - allows specific coordinates to be defined.
+          * @returns - promise that resolves once the content is scrolled to.
          */
         "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
         /**
@@ -7433,6 +7479,14 @@ declare namespace LocalJSX {
           * When `true`, the component will be hidden.
          */
         "closed"?: boolean;
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed"?: boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible"?: boolean;
         /**
           * A description for the component.
          */
@@ -7473,6 +7527,10 @@ declare namespace LocalJSX {
           * Fires when the content is scrolled.
          */
         "onCalciteFlowItemScroll"?: (event: CalciteFlowItemCustomEvent<void>) => void;
+        /**
+          * Fires when the collapse button is clicked.
+         */
+        "onCalciteFlowItemToggle"?: (event: CalciteFlowItemCustomEvent<void>) => void;
     }
     interface CalciteGraph {
         /**
@@ -7865,6 +7923,10 @@ declare namespace LocalJSX {
           * Specifies the size of the component.
          */
         "scale"?: "s" | "m" | "l";
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
         /**
           * Selected date as a string in ISO format (YYYY-MM-DD)
          */
@@ -8238,6 +8300,10 @@ declare namespace LocalJSX {
           * Specifies the size of the component.
          */
         "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
         /**
           * Specifies the granularity the component's `value` must adhere to (in seconds).
          */
@@ -8264,6 +8330,11 @@ declare namespace LocalJSX {
           * Use this property to override individual strings used by the component.
          */
         "messageOverrides"?: Partial<InputTimeZoneMessages>;
+        /**
+          * This specifies the type of `value` and the associated options presented to the user:  Using `"offset"` will provide options related
+          * @default "offset"
+         */
+        "mode"?: TimeZoneMode;
         /**
           * Specifies the name of the component.  Required to pass the component's `value` on form submission.
          */
@@ -8281,6 +8352,11 @@ declare namespace LocalJSX {
           * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
+        /**
+          * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.  It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
+          * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
+         */
+        "referenceDate"?: Date | string;
         /**
           * Specifies the size of the component.
          */
@@ -8938,6 +9014,14 @@ declare namespace LocalJSX {
           * When `true`, the component will be hidden.
          */
         "closed"?: boolean;
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed"?: boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible"?: boolean;
         /**
           * A description for the component.
          */
@@ -8974,6 +9058,10 @@ declare namespace LocalJSX {
           * Fires when the content is scrolled.
          */
         "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<void>) => void;
+        /**
+          * Fires when the collapse button is clicked.
+         */
+        "onCalcitePanelToggle"?: (event: CalcitePanelCustomEvent<void>) => void;
     }
     /**
      * @deprecated Use the `list` component instead.

package/dist/types/preact.d.ts

@@ -151,10 +151,11 @@ declare module "preact/src/jsx" {
 
       "calcite-flow": JSX.CalciteFlow & JSXInternal.HTMLAttributes<HTMLCalciteFlowElement>
 
-      "calcite-flow-item": Omit<JSX.CalciteFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose"> & JSXInternal.HTMLAttributes<HTMLCalciteFlowItemElement> & {
+      "calcite-flow-item": Omit<JSX.CalciteFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose" | "onCalciteFlowItemToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteFlowItemElement> & {
         "oncalciteFlowItemBack"?: (event: CustomEvent<any>) => void;
         "oncalciteFlowItemScroll"?: (event: CustomEvent<any>) => void;
         "oncalciteFlowItemClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteFlowItemToggle"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-graph": JSX.CalciteGraph & JSXInternal.HTMLAttributes<HTMLCalciteGraphElement>
@@ -290,8 +291,9 @@ declare module "preact/src/jsx" {
         "oncalcitePaginationChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
+      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelToggle" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
         "oncalcitePanelClose"?: (event: CustomEvent<any>) => void;
+        "oncalcitePanelToggle"?: (event: CustomEvent<any>) => void;
         "oncalcitePanelScroll"?: (event: CustomEvent<any>) => void;
       }
 

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

@@ -1,7 +1,7 @@
 type AttributeObject = {
   [k: string]: any;
 };
-type AllowedGlobalAttribute = "lang" | "role";
+type AllowedGlobalAttribute = "lang" | "role" | "aria-expanded";
 /**
  * Watches global attributes of a component.
  *

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

@@ -3,6 +3,8 @@ export interface DragDetail {
   toEl: HTMLElement;
   fromEl: HTMLElement;
   dragEl: HTMLElement;
+  newIndex: number;
+  oldIndex: number;
 }
 export declare const CSS: {
   ghostClass: string;