@esri/calcite-components 1.0.0-next.710 → 1.0.0-next.712

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-05T21:15:17",
+  "timestamp": "2023-01-06T17:13:01",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -14626,12 +14626,8 @@
       "docs": "`calcite-pick-list` lives in a panel and contains `calcite-pick-list-item`s. Each item is able to be be selected via radio button or checkboxes (which have a multiselect and shift-click capability). There is also an option for a filter at the top of the list for searching.",
       "docsTags": [
         {
-          "name": "slot",
-          "text": "- A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list."
-        },
-        {
-          "name": "slot",
-          "text": "menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting."
+          "name": "deprecated",
+          "text": "Use the `list` component instead."
         }
       ],
       "usage": {
@@ -14912,16 +14908,7 @@
         }
       ],
       "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list."
-        },
-        {
-          "name": "menu-actions",
-          "docs": "A slot for adding a button and menu combination for performing actions, such as sorting."
-        }
-      ],
+      "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -14943,7 +14930,8 @@
         "calcite-scrim": [
           "calcite-loader"
         ]
-      }
+      },
+      "deprecation": "Use the `list` component instead."
     },
     {
       "filePath": "./src/components/pick-list-group/pick-list-group.tsx",
@@ -14953,8 +14941,8 @@
       "docs": "`calcite-pick-list-group` is a wrapper for multiple `calcite-pick-list-item`s and lives in `calcite-pick-list`.",
       "docsTags": [
         {
-          "name": "slot",
-          "text": "- A slot for adding `calcite-pick-list-item` elements."
+          "name": "deprecated",
+          "text": "Use the `list` component instead."
         }
       ],
       "usage": {},
@@ -15017,16 +15005,12 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "A slot for adding `calcite-pick-list-item` elements."
-        }
-      ],
+      "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {},
+      "deprecation": "Use the `list` component instead."
     },
     {
       "filePath": "./src/components/pick-list-item/pick-list-item.tsx",
@@ -15036,12 +15020,8 @@
       "docs": "`calcite-pick-list-item`s are cards contained in a `calcite-pick-list`. They each can have a label and description, an icon, and be set to compact. The developer can disable or preselect each list item and give it a value.",
       "docsTags": [
         {
-          "name": "slot",
-          "text": "actions-end - A slot for adding `calcite-action`s or content to the end side of the component."
-        },
-        {
-          "name": "slot",
-          "text": "actions-start - A slot for adding `calcite-action`s or content to the start side of the component."
+          "name": "deprecated",
+          "text": "Use the `list` component instead."
         }
       ],
       "usage": {},
@@ -15289,16 +15269,7 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "actions-end",
-          "docs": "A slot for adding `calcite-action`s or content to the end side of the component."
-        },
-        {
-          "name": "actions-start",
-          "docs": "A slot for adding `calcite-action`s or content to the start side of the component."
-        }
-      ],
+      "slots": [],
       "parts": [],
       "dependents": [
         "calcite-value-list-item"
@@ -15319,7 +15290,8 @@
         "calcite-value-list-item": [
           "calcite-pick-list-item"
         ]
-      }
+      },
+      "deprecation": "Use the `list` component instead."
     },
     {
       "filePath": "./src/components/popover/popover.tsx",
@@ -16913,7 +16885,7 @@
       ],
       "events": [
         {
-          "event": "calciteRadioGroupChange",
+          "event": "calciteSegmentedControlChange",
           "detail": "void",
           "bubbles": true,
           "cancelable": false,
@@ -16924,7 +16896,7 @@
       ],
       "listeners": [
         {
-          "event": "calciteInternalRadioGroupItemChange",
+          "event": "calciteInternalSegmentedControlItemChange",
           "capture": false,
           "passive": false
         },
@@ -21891,12 +21863,8 @@
       "docs": "`calcite-value-list` is housed in a panel and contains `calcite-value-list-item`s. The value list has options for drag and drop, label editing, and single or multi-select of items which can be done through shift+click.",
       "docsTags": [
         {
-          "name": "slot",
-          "text": "- A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list."
-        },
-        {
-          "name": "slot",
-          "text": "menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting."
+          "name": "deprecated",
+          "text": "Use the `list` component instead."
         }
       ],
       "usage": {
@@ -22196,16 +22164,7 @@
         }
       ],
       "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list."
-        },
-        {
-          "name": "menu-actions",
-          "docs": "A slot for adding a button and menu combination for performing actions, such as sorting."
-        }
-      ],
+      "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -22227,7 +22186,8 @@
         "calcite-scrim": [
           "calcite-loader"
         ]
-      }
+      },
+      "deprecation": "Use the `list` component instead."
     },
     {
       "filePath": "./src/components/value-list-item/value-list-item.tsx",
@@ -22237,12 +22197,8 @@
       "docs": "`calcite-value-list-item`s are cards contained in a `calcite-value-list`. They each can have a label and description, an icon and can have their label's be editable (inherited from `calcite-value-list`). The developer can disable or preselect each list item and give it a value.",
       "docsTags": [
         {
-          "name": "slot",
-          "text": "actions-end - A slot for adding `calcite-action`s or content to the end side of the component."
-        },
-        {
-          "name": "slot",
-          "text": "actions-start - A slot for adding `calcite-action`s or content to the start side of the component."
+          "name": "deprecated",
+          "text": "Use the `list` component instead."
         }
       ],
       "usage": {},
@@ -22472,16 +22428,7 @@
         }
       ],
       "styles": [],
-      "slots": [
-        {
-          "name": "actions-end",
-          "docs": "A slot for adding `calcite-action`s or content to the end side of the component."
-        },
-        {
-          "name": "actions-start",
-          "docs": "A slot for adding `calcite-action`s or content to the start side of the component."
-        }
-      ],
+      "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
@@ -22501,7 +22448,8 @@
           "calcite-loader",
           "calcite-icon"
         ]
-      }
+      },
+      "deprecation": "Use the `list` component instead."
     }
   ]
 }

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.710
+ * v1.0.0-next.712
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.710
+ * v1.0.0-next.712
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.710
+ * v1.0.0-next.712
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.710
+ * v1.0.0-next.712
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

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

@@ -8,6 +8,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
  * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.
  */
+/** @deprecated Use the `list` component instead. */
 export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement> implements InteractiveComponent, LoadableComponent {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.

package/dist/types/components/pick-list-group/pick-list-group.d.ts

@@ -4,6 +4,7 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-pick-list-item` elements.
  */
+/** @deprecated Use the `list` component instead. */
 export declare class PickListGroup implements ConditionalSlotComponent {
   /**
    * Specifies the title for all nested `calcite-pick-list-item`s.

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

@@ -9,6 +9,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.
  * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.
  */
+/** @deprecated Use the `list` component instead. */
 export declare class PickListItem implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent {
   /**
    * A description for the component that displays below the label text.

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -7,7 +7,7 @@ import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-segmented-control-item`s.
  */
-export declare class RadioGroup implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent {
+export declare class SegmentedControl implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent {
   el: HTMLCalciteSegmentedControlElement;
   /** Specifies the appearance style of the component. */
   appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
@@ -49,12 +49,12 @@ export declare class RadioGroup implements LabelableComponent, FormComponent, In
   protected handleSelected(event: Event): void;
   protected handleKeyDown(event: KeyboardEvent): void;
   /** Fires when the selected option changes, where the event detail is the new value. */
-  calciteRadioGroupChange: EventEmitter<void>;
+  calciteSegmentedControlChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
-  defaultValue: RadioGroup["value"];
+  defaultValue: SegmentedControl["value"];
   onLabelClick(): void;
   private getItems;
   private selectItem;

package/dist/types/components/segmented-control-item/segmented-control-item.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-export declare class RadioGroupItem {
+export declare class SegmentedControlItem {
   el: HTMLCalciteSegmentedControlItemElement;
   /** When `true`, the component is checked. */
   checked: boolean;
@@ -20,5 +20,5 @@ export declare class RadioGroupItem {
    *
    * @internal
    */
-  calciteInternalRadioGroupItemChange: EventEmitter<void>;
+  calciteInternalSegmentedControlItemChange: EventEmitter<void>;
 }

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

@@ -3,11 +3,12 @@ import { TreeItemSelectDetail } from "./interfaces";
 import { Scale, SelectionMode } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot - A slot for adding text.
  * @slot children - A slot for adding nested `calcite-tree` elements.
  */
-export declare class TreeItem implements ConditionalSlotComponent, InteractiveComponent {
+export declare class TreeItem implements ConditionalSlotComponent, InteractiveComponent, OpenCloseComponent {
   el: HTMLCalciteTreeItemElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
@@ -49,13 +50,37 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
    */
   selectionMode: SelectionMode;
   getselectionMode(): void;
+  openTransitionProp: string;
+  transitionProp: string;
+  /**
+   * Specifies element that the transition is allowed to emit on.
+   */
+  transitionEl: HTMLDivElement;
+  /**
+   * Defines method for `beforeOpen` event handler.
+   */
+  onBeforeOpen(): void;
+  /**
+   * Defines method for `open` event handler:
+   */
+  onOpen(): void;
+  /**
+   * Defines method for `beforeClose` event handler:
+   */
+  onBeforeClose(): void;
+  /**
+   * Defines method for `close` event handler:
+   */
+  onClose(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillRender(): void;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
   private isSelectionMultiLike;
   render(): VNode;
+  setTransitionEl(el: HTMLDivElement): void;
   onClick(event: Event): void;
   iconClickHandler: (event: MouseEvent) => void;
   childrenClickHandler: (event: MouseEvent) => void;

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

@@ -11,6 +11,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot - A slot for adding `calcite-value-list-item` elements. List items are displayed as a vertical list.
  * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.
  */
+/** @deprecated Use the `list` component instead. */
 export declare class ValueList<ItemElement extends HTMLCalciteValueListItemElement = HTMLCalciteValueListItemElement> implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.

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

@@ -7,6 +7,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.
  * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.
  */
+/** @deprecated Use the `list` component instead. */
 export declare class ValueListItem implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent {
   /**
    * A description for the component that displays below the label text.

package/dist/types/components.d.ts

@@ -7599,7 +7599,7 @@ declare namespace LocalJSX {
         /**
           * Fires when the selected option changes, where the event detail is the new value.
          */
-        "onCalciteRadioGroupChange"?: (event: CalciteSegmentedControlCustomEvent<void>) => void;
+        "onCalciteSegmentedControlChange"?: (event: CalciteSegmentedControlCustomEvent<void>) => void;
         /**
           * Specifies the size of the component.
          */

package/dist/types/preact.d.ts

@@ -287,12 +287,12 @@ declare module "preact/src/jsx" {
 
       "calcite-scrim": JSX.CalciteScrim & JSXInternal.HTMLAttributes<HTMLCalciteScrimElement>
 
-      "calcite-segmented-control": Omit<JSX.CalciteRadioGroup, "onCalciteRadioGroupChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioGroupElement> & {
-        "oncalciteRadioGroupChange"?: (event: CustomEvent<any>) => void;
+      "calcite-segmented-control": Omit<JSX.CalciteSegmentedControl, "onCalciteSegmentedControlChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSegmentedControlElement> & {
+        "oncalciteSegmentedControlChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-segmented-control-item": Omit<JSX.CalciteRadioGroupItem, "onCalciteInternalRadioGroupItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioGroupItemElement> & {
-        "oncalciteInternalRadioGroupItemChange"?: (event: CustomEvent<any>) => void;
+      "calcite-segmented-control-item": Omit<JSX.CalciteSegmentedControlItem, "onCalciteInternalSegmentedControlItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSegmentedControlItemElement> & {
+        "oncalciteInternalSegmentedControlItemChange"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-select": Omit<JSX.CalciteSelect, "onCalciteSelectChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSelectElement> & {

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

@@ -10,7 +10,11 @@ export interface OpenCloseComponent {
   /**
    * When true, the component opens.
    */
-  open: boolean;
+  open?: boolean;
+  /**
+   *  Specifies the name of transitionProp.
+   */
+  transitionProp?: string;
   /**
    * Specifies property on which active transition is watched for.
    */
@@ -41,11 +45,14 @@ export interface OpenCloseComponent {
  * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).
  *
  * @param component
+ * @param nonOpenCloseComponent
  */
-export declare function onToggleOpenCloseComponent(component: OpenCloseComponent): void;
+export declare function onToggleOpenCloseComponent(component: OpenCloseComponent, nonOpenCloseComponent?: boolean): void;
 /**
  * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
  *
+ * For component which do not have open prop, use `onToggleOpenCloseComponent` implementation.
+ *
  * @param component
  */
 export declare function connectOpenCloseComponent(component: OpenCloseComponent): void;