@pine-ds/core 1.1.0 → 1.3.0-dev.0

package/dist/types/components/pds-table/pds-table-row/pds-table-row.d.ts

@@ -1,7 +1,15 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class PdsTableRow {
     hostElement: HTMLPdsTableRowElement;
-    tableRef: HTMLPdsTableElement;
+    private tableRef;
+    /**
+     * Indicates that the selection state is indeterminate.
+     * */
+    indeterminate?: boolean;
+    /**
+     * A local state to track whether the row is currently selected.
+     */
+    isSelected?: boolean;
     /**
      * Event that is emitted when the checkbox is clicked, carrying the selected value.
      */
@@ -9,13 +17,11 @@ export declare class PdsTableRow {
         rowIndex: number;
         isSelected: boolean;
     }>;
-    /**
-     * A local state to track whether the row is currently selected.
-     */
-    isSelected: boolean;
-    private handleCheckboxClick;
+    private handleClick;
+    private handleSelect;
     private classNames;
     componentWillRender(): void;
+    componentWillLoad(): void;
     private generateUniqueId;
     render(): any;
 }

package/dist/types/components/pds-table/pds-table.d.ts

@@ -1,6 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PdsTable {
     el: HTMLPdsTableElement;
-    tableRef: HTMLElement;
     /**
      * Determines if table displays compact which reduces the spacing of table cells.
      */
@@ -23,6 +23,19 @@ export declare class PdsTable {
     selectable: boolean;
     sortingColumn: string | null;
     sortingDirection: 'asc' | 'desc';
+    /**
+     * Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.
+     */
+    pdsTableSelect: EventEmitter<{
+        rowIndex: number;
+        isSelected: boolean;
+    }>;
+    /**
+     * Event that is emitted when the select all checkbox is clicked, carrying the selected value.
+     */
+    pdsTableSelectAll: EventEmitter<{
+        isSelected: boolean;
+    }>;
     componentWillLoad(): void;
     private classNames;
     private sortTable;
@@ -30,5 +43,12 @@ export declare class PdsTable {
         column: string;
         direction: 'asc' | 'desc';
     }>): void;
+    handleTableSelectAll(event: CustomEvent<{
+        isSelected: boolean;
+    }>): void;
+    handleTableSelect(event: CustomEvent<{
+        rowIndex: number;
+        isSelected: boolean;
+    }>): Promise<void>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -224,7 +224,7 @@ export namespace Components {
         /**
           * It determines whether or not the checkbox is checked.
          */
-        "checked": boolean;
+        "checked"?: boolean;
         /**
           * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
          */
@@ -449,6 +449,29 @@ export namespace Components {
          */
         "variant": 'inline' | 'plain';
     }
+    interface PdsLoader {
+        /**
+          * If false, the loader will be hidden.
+         */
+        "isLoading": boolean;
+        /**
+          * Determines whether the loader should display a label.
+         */
+        "showLabel"?: boolean;
+        /**
+          * Sets the size of the spinner loader. Value can be preset or custom.
+         */
+        "size"?: | 'xs' // 24px
+  | 'sm' // 32px
+  | 'md' // 48px
+  | 'lg' // 64px
+  | 'xl' // 80px
+  | string;
+        /**
+          * Determines the type of loader.
+         */
+        "variant": 'spinner' | 'typing';
+    }
     interface PdsProgress {
         /**
           * Determines whether or not progress is animated.
@@ -680,6 +703,14 @@ export namespace Components {
         "truncate": boolean;
     }
     interface PdsTableHead {
+        /**
+          * Indicates that the selection state is indeterminate.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * A local state to track whether the row is currently selected.
+         */
+        "isSelected": boolean;
     }
     interface PdsTableHeadCell {
         /**
@@ -688,6 +719,14 @@ export namespace Components {
         "sortable": boolean;
     }
     interface PdsTableRow {
+        /**
+          * Indicates that the selection state is indeterminate.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * A local state to track whether the row is currently selected.
+         */
+        "isSelected"?: boolean;
     }
     interface PdsTabpanel {
         /**
@@ -853,6 +892,14 @@ export interface PdsTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsTabElement;
 }
+export interface PdsTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsTableElement;
+}
+export interface PdsTableHeadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPdsTableHeadElement;
+}
 export interface PdsTableHeadCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPdsTableHeadCellElement;
@@ -896,6 +943,7 @@ declare global {
     };
     interface HTMLPdsCheckboxElementEventMap {
         "pdsCheckboxChange": CheckboxChangeEventDetail;
+        "pdsCheckboxInput": CheckboxChangeEventDetail;
     }
     interface HTMLPdsCheckboxElement extends Components.PdsCheckbox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPdsCheckboxElementEventMap>(type: K, listener: (this: HTMLPdsCheckboxElement, ev: PdsCheckboxCustomEvent<HTMLPdsCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -980,6 +1028,12 @@ declare global {
         prototype: HTMLPdsLinkElement;
         new (): HTMLPdsLinkElement;
     };
+    interface HTMLPdsLoaderElement extends Components.PdsLoader, HTMLStencilElement {
+    }
+    var HTMLPdsLoaderElement: {
+        prototype: HTMLPdsLoaderElement;
+        new (): HTMLPdsLoaderElement;
+    };
     interface HTMLPdsProgressElement extends Components.PdsProgress, HTMLStencilElement {
     }
     var HTMLPdsProgressElement: {
@@ -1066,7 +1120,19 @@ declare global {
         prototype: HTMLPdsTabElement;
         new (): HTMLPdsTabElement;
     };
+    interface HTMLPdsTableElementEventMap {
+        "pdsTableSelect": { rowIndex: number; isSelected: boolean };
+        "pdsTableSelectAll": { isSelected: boolean };
+    }
     interface HTMLPdsTableElement extends Components.PdsTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsTableElementEventMap>(type: K, listener: (this: HTMLPdsTableElement, ev: PdsTableCustomEvent<HTMLPdsTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPdsTableElementEventMap>(type: K, listener: (this: HTMLPdsTableElement, ev: PdsTableCustomEvent<HTMLPdsTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPdsTableElement: {
         prototype: HTMLPdsTableElement;
@@ -1084,7 +1150,18 @@ declare global {
         prototype: HTMLPdsTableCellElement;
         new (): HTMLPdsTableCellElement;
     };
+    interface HTMLPdsTableHeadElementEventMap {
+        "pdsTableSelectAll": { isSelected: boolean };
+    }
     interface HTMLPdsTableHeadElement extends Components.PdsTableHead, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPdsTableHeadElementEventMap>(type: K, listener: (this: HTMLPdsTableHeadElement, ev: PdsTableHeadCustomEvent<HTMLPdsTableHeadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPdsTableHeadElementEventMap>(type: K, listener: (this: HTMLPdsTableHeadElement, ev: PdsTableHeadCustomEvent<HTMLPdsTableHeadElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPdsTableHeadElement: {
         prototype: HTMLPdsTableHeadElement;
@@ -1183,6 +1260,7 @@ declare global {
         "pds-image": HTMLPdsImageElement;
         "pds-input": HTMLPdsInputElement;
         "pds-link": HTMLPdsLinkElement;
+        "pds-loader": HTMLPdsLoaderElement;
         "pds-progress": HTMLPdsProgressElement;
         "pds-radio": HTMLPdsRadioElement;
         "pds-row": HTMLPdsRowElement;
@@ -1456,6 +1534,7 @@ declare namespace LocalJSX {
           * Event emitted that contains the `value` and `checked`.
          */
         "onPdsCheckboxChange"?: (event: PdsCheckboxCustomEvent<CheckboxChangeEventDetail>) => void;
+        "onPdsCheckboxInput"?: (event: PdsCheckboxCustomEvent<CheckboxChangeEventDetail>) => void;
         /**
           * It determines whether or not the checkbox is required.
          */
@@ -1656,6 +1735,29 @@ declare namespace LocalJSX {
          */
         "variant"?: 'inline' | 'plain';
     }
+    interface PdsLoader {
+        /**
+          * If false, the loader will be hidden.
+         */
+        "isLoading"?: boolean;
+        /**
+          * Determines whether the loader should display a label.
+         */
+        "showLabel"?: boolean;
+        /**
+          * Sets the size of the spinner loader. Value can be preset or custom.
+         */
+        "size"?: | 'xs' // 24px
+  | 'sm' // 32px
+  | 'md' // 48px
+  | 'lg' // 64px
+  | 'xl' // 80px
+  | string;
+        /**
+          * Determines the type of loader.
+         */
+        "variant"?: 'spinner' | 'typing';
+    }
     interface PdsProgress {
         /**
           * Determines whether or not progress is animated.
@@ -1877,6 +1979,14 @@ declare namespace LocalJSX {
           * Determines if table displays fixed column which fixes the first column of the table.
          */
         "fixedColumn"?: boolean;
+        /**
+          * Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.
+         */
+        "onPdsTableSelect"?: (event: PdsTableCustomEvent<{ rowIndex: number; isSelected: boolean }>) => void;
+        /**
+          * Event that is emitted when the select all checkbox is clicked, carrying the selected value.
+         */
+        "onPdsTableSelectAll"?: (event: PdsTableCustomEvent<{ isSelected: boolean }>) => void;
         /**
           * Enables the table to be responsive by horizontally scrolling on smaller screens.
          */
@@ -1895,6 +2005,18 @@ declare namespace LocalJSX {
         "truncate"?: boolean;
     }
     interface PdsTableHead {
+        /**
+          * Indicates that the selection state is indeterminate.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * A local state to track whether the row is currently selected.
+         */
+        "isSelected"?: boolean;
+        /**
+          * Event that is emitted when the select all checkbox is clicked, carrying the selected value.
+         */
+        "onPdsTableSelectAll"?: (event: PdsTableHeadCustomEvent<{ isSelected: boolean }>) => void;
     }
     interface PdsTableHeadCell {
         /**
@@ -1907,6 +2029,14 @@ declare namespace LocalJSX {
         "sortable"?: boolean;
     }
     interface PdsTableRow {
+        /**
+          * Indicates that the selection state is indeterminate.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * A local state to track whether the row is currently selected.
+         */
+        "isSelected"?: boolean;
         /**
           * Event that is emitted when the checkbox is clicked, carrying the selected value.
          */
@@ -2055,6 +2185,7 @@ declare namespace LocalJSX {
         "pds-image": PdsImage;
         "pds-input": PdsInput;
         "pds-link": PdsLink;
+        "pds-loader": PdsLoader;
         "pds-progress": PdsProgress;
         "pds-radio": PdsRadio;
         "pds-row": PdsRow;
@@ -2089,6 +2220,7 @@ declare module "@stencil/core" {
             "pds-image": LocalJSX.PdsImage & JSXBase.HTMLAttributes<HTMLPdsImageElement>;
             "pds-input": LocalJSX.PdsInput & JSXBase.HTMLAttributes<HTMLPdsInputElement>;
             "pds-link": LocalJSX.PdsLink & JSXBase.HTMLAttributes<HTMLPdsLinkElement>;
+            "pds-loader": LocalJSX.PdsLoader & JSXBase.HTMLAttributes<HTMLPdsLoaderElement>;
             "pds-progress": LocalJSX.PdsProgress & JSXBase.HTMLAttributes<HTMLPdsProgressElement>;
             "pds-radio": LocalJSX.PdsRadio & JSXBase.HTMLAttributes<HTMLPdsRadioElement>;
             "pds-row": LocalJSX.PdsRow & JSXBase.HTMLAttributes<HTMLPdsRowElement>;

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

@@ -0,0 +1 @@
+export declare const closest: (selector: string, el: Element | Document) => any;