@esri/calcite-components 1.3.0-next.5 → 1.3.0-next.7

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.3.0-next.5
+ * v1.3.0-next.7
  */
 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.3.0-next.5
+ * v1.3.0-next.7
  */
 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.3.0-next.5
+ * v1.3.0-next.7
  */
 (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/button/button.d.ts

@@ -106,6 +106,13 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
   defaultMessages: ButtonMessages;
   private updateHasContent;
   private setupTextContentObserver;
+  /** keeps track of the tooltipText */
+  tooltipText: string;
+  /** keep track of the rendered contentEl */
+  private contentEl;
+  resizeObserver: ResizeObserver;
   onLabelClick(): void;
   private handleClick;
+  private setTooltipText;
+  private setChildEl;
 }

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

@@ -75,6 +75,7 @@ export declare class List implements InteractiveComponent, LoadableComponent {
   handleCalciteInternalFocusPreviousItem(event: CustomEvent): void;
   handleCalciteListItemActive(event: CustomEvent): void;
   handleCalciteListItemSelect(event: CustomEvent): void;
+  handleCalciteListItemClose(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): void;

package/dist/types/components/list-item/assets/list-item/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type ListItemMessages = {
+  close: string;
+};

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

@@ -2,6 +2,9 @@ import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { InteractiveComponent } from "../../utils/interactive";
 import { SelectionMode } from "../interfaces";
 import { SelectionAppearance } from "../list/resources";
+import { LocalizedComponent } from "../../utils/locale";
+import { T9nComponent } from "../../utils/t9n";
+import { ListItemMessages } from "./assets/list-item/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
@@ -11,7 +14,7 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
  * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
-export declare class ListItem implements InteractiveComponent, LoadableComponent {
+export declare class ListItem implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /**
    * Sets the item as focusable. Only one item should be focusable within a list.
    *
@@ -19,6 +22,10 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   active: boolean;
   activeHandler(active: boolean): void;
+  /** When `true`, a close button is added to the component. */
+  closable: boolean;
+  /** When `true`, hides the component. */
+  closed: boolean;
   /**
    * A description for the component. Displays below the label text.
    */
@@ -72,10 +79,25 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    * @internal
    */
   selectionAppearance: SelectionAppearance;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<ListItemMessages>;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: ListItemMessages;
+  onMessagesChange(): void;
   /**
    * Emits when the item's content is selected.
    */
   calciteListItemSelect: EventEmitter<void>;
+  /**
+   * Fires when the close button is clicked.
+   */
+  calciteListItemClose: EventEmitter<void>;
   /**
    *
    * @internal
@@ -92,6 +114,9 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
    */
   calciteInternalFocusPreviousItem: EventEmitter<void>;
   el: HTMLCalciteListItemElement;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: ListItemMessages;
   level: number;
   visualLevel: number;
   parentListEl: HTMLCalciteListElement;
@@ -106,9 +131,10 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   actionsStartEl: HTMLTableCellElement;
   actionsEndEl: HTMLTableCellElement;
   connectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   renderSelected(): VNode;
@@ -121,6 +147,7 @@ export declare class ListItem implements InteractiveComponent, LoadableComponent
   renderContentProperties(): VNode;
   renderContentContainer(): VNode;
   render(): VNode;
+  closeClickHandler: () => void;
   handleContentSlotChange: (event: Event) => void;
   handleActionsStartSlotChange: (event: Event) => void;
   handleActionsEndSlotChange: (event: Event) => void;

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

@@ -34,4 +34,5 @@ export declare const ICONS: {
   closedRTL: string;
   open: string;
   blank: string;
+  close: string;
 };

package/dist/types/components.d.ts

@@ -47,6 +47,7 @@ import { InputTextMessages } from "./components/input-text/assets/input-text/t9n
 import { TimePickerMessages } from "./components/time-picker/assets/time-picker/t9n";
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
+import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
 import { ModalMessages } from "./components/modal/assets/modal/t9n";
 import { NoticeMessages } from "./components/notice/assets/notice/t9n";
 import { PaginationMessages } from "./components/pagination/assets/pagination/t9n";
@@ -2303,6 +2304,14 @@ export namespace Components {
           * Sets the item as focusable. Only one item should be focusable within a list.
          */
         "active": boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed": boolean;
         /**
           * A description for the component. Displays below the label text.
          */
@@ -2315,6 +2324,14 @@ export namespace Components {
           * The label text of the component. Displays above the description text.
          */
         "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ListItemMessages;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
@@ -7209,6 +7226,14 @@ declare namespace LocalJSX {
         "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
     }
     interface CalciteListItem {
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed"?: boolean;
         /**
           * A description for the component. Displays below the label text.
          */
@@ -7221,10 +7246,18 @@ declare namespace LocalJSX {
           * The label text of the component. Displays above the description text.
          */
         "label"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ListItemMessages>;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
         "metadata"?: Record<string, unknown>;
+        /**
+          * Fires when the close button is clicked.
+         */
+        "onCalciteListItemClose"?: (event: CalciteListItemCustomEvent<void>) => void;
         /**
           * Emits when the item's content is selected.
          */

package/dist/types/preact.d.ts

@@ -207,8 +207,9 @@ declare module "preact/src/jsx" {
         "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
+      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteListItemClose" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
         "oncalciteListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteListItemClose"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemActive"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalFocusPreviousItem"?: (event: CustomEvent<any>) => void;