@pine-ds/core 0.0.2-rc.0 → 0.0.3-rc.0

package/dist/types/components/pds-checkbox/checkbox-interface.d.ts

@@ -0,0 +1,4 @@
+export interface CheckboxChangeEventDetail<T = any> {
+    checked: boolean;
+    value: T;
+}

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { CheckboxChangeEventDetail } from './checkbox-interface';
 export declare class PdsCheckbox {
     /**
      * It determines whether or not the checkbox is checked.
@@ -33,6 +34,10 @@ export declare class PdsCheckbox {
      * String used for label text next to checkbox.
      */
     label: string;
+    /**
+   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+   */
+    labelHidden: boolean;
     /**
      * String used for checkbox `name` attribute.
      */
@@ -46,9 +51,9 @@ export declare class PdsCheckbox {
      */
     value: string;
     /**
-     * Emits a boolean indicating whether the checkbox is currently checked or unchecked.
+     * Event emitted that contains the `value` and `checked`.
      */
-    pdsCheckboxChange: EventEmitter<boolean>;
+    pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;
     private handleCheckboxChange;
     private classNames;
     render(): any;

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

@@ -0,0 +1,35 @@
+import { BoxTShirtSizeType } from '../../utils/types';
+export declare class PdsRow {
+    /**
+     * Defines the vertical alignment of the row items.
+     * @defaultValue start
+    */
+    alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;
+    /**
+     * If `true`, the row will have a border.
+     */
+    border?: boolean;
+    /**
+     * Defines the spacing between the row items.
+    */
+    colGap?: BoxTShirtSizeType | null;
+    /**
+     * A unique identifier used for the underlying component `id` attribute.
+     */
+    componentId: string;
+    /**
+     * Defines the horizontal alignment of the row items.
+     * @defaultValue start
+    */
+    justifyContent?: `start` | `center` | `end` | `space-between` | `space-around`;
+    /**
+     * The minimum height of the row. Used in conjunction with alignment props
+     */
+    minHeight?: string;
+    /**
+     * If `true`, the row items will not wrap to the next line if horizontal space is not available.
+     */
+    noWrap?: boolean;
+    private colGapMap;
+    render(): any;
+}

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

@@ -0,0 +1,3 @@
+export declare class PdsTableBody {
+    render(): any;
+}

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

@@ -0,0 +1,14 @@
+export declare class PdsTableCell {
+    hostElement: HTMLPdsTableCellElement;
+    tableRef: HTMLPdsTableElement;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    /**
+     * Truncates content to a max width of 100px and adds an ellipsis.
+     */
+    truncate: boolean;
+    private tableScrolling;
+    private classNames;
+    private handleScroll;
+    render(): any;
+}

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

@@ -0,0 +1,6 @@
+export declare class PdsTableHead {
+    hostElement: HTMLPdsTableHeadElement;
+    tableRef: HTMLPdsTableElement;
+    componentWillRender(): void;
+    render(): any;
+}

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

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class PdsTableHeadCell {
+    hostElement: HTMLPdsTableHeadCellElement;
+    tableRef: HTMLPdsTableElement;
+    /**
+     * Determines whether the table column is sortable when set to `true`.
+     */
+    sortable: boolean;
+    /**
+     * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.
+     */
+    pdsTableSort: EventEmitter<{
+        column: string;
+        direction: string;
+    }>;
+    private sortingDirection;
+    private tableScrolling;
+    componentWillRender(): void;
+    componentDidLoad(): void;
+    private handleScroll;
+    private toggleSort;
+    private classNames;
+    render(): any;
+}

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

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class PdsTableRow {
+    hostElement: HTMLPdsTableRowElement;
+    tableRef: HTMLPdsTableElement;
+    /**
+     * Event that is emitted when the checkbox is clicked, carrying the selected value.
+     */
+    pdsTableRowSelected: EventEmitter<{
+        rowIndex: number;
+        isSelected: boolean;
+    }>;
+    /**
+     * A local state to track whether the row is currently selected.
+     */
+    isSelected: boolean;
+    private handleCheckboxClick;
+    private classNames;
+    componentWillRender(): void;
+    private generateUniqueId;
+    render(): any;
+}

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

@@ -0,0 +1,34 @@
+export declare class PdsTable {
+    el: HTMLPdsTableElement;
+    tableRef: HTMLElement;
+    /**
+     * Determines if table displays compact which reduces the spacing of table cells.
+     */
+    compact: boolean;
+    /**
+     * A unique identifier used for the table `id` attribute.
+     */
+    componentId: string;
+    /**
+     * Enables the table to be responsive by horizontally scrolling on smaller screens.
+     */
+    responsive: boolean;
+    /**
+     * Determines if table displays fixed column which fixes the first column of the table.
+     */
+    fixedColumn: boolean;
+    /**
+     * Determines if table displays checkboxes for selectable rows.
+     */
+    selectable: boolean;
+    sortingColumn: string | null;
+    sortingDirection: 'asc' | 'desc';
+    componentWillLoad(): void;
+    private classNames;
+    private sortTable;
+    handleTableSort(event: CustomEvent<{
+        column: string;
+        direction: 'asc' | 'desc';
+    }>): void;
+    render(): any;
+}