@justeattakeaway/pie-data-table 0.0.0-snapshot-release-20250818121553 → 0.0.0-snapshot-release-20251010234024

package/dist/{PieElement-Y2VnHR4y.js → PieElement-DgHPBi0_.js}

@@ -4,7 +4,7 @@ const t = class t extends i {
     this.getAttribute("v") || this.setAttribute("v", t.v);
   }
 };
-t.v = "0.1.1";
+t.v = "0.1.2";
 let s = t;
 export {
   s as P

package/dist/defs.d.ts

@@ -1,4 +1,5 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
+type TextAlign = 'left' | 'right' | 'center';
 export interface Column {
     /**
      * Unique identifier for the column
@@ -11,7 +12,7 @@ export interface Column {
     /**
      * Optional property to specify the text alignment of the column
      * */
-    textAlign?: 'left' | 'right' | 'center';
+    textAlign?: TextAlign;
     /**
      * Optional property to specify the width of the column
      * */
@@ -21,15 +22,30 @@ export interface Column {
      * */
     accessor?: string;
 }
+export type AdditionalCell = {
+    content: string | number;
+    textAlign?: TextAlign;
+    colSpan?: number;
+    hideCell?: boolean;
+};
+export type DataTableAdditionalRow = {
+    cells: AdditionalCell[];
+    hideRow?: boolean;
+};
 export interface DataTableProps {
     /**
      * Array of column definitions
      */
-    columns: Column[];
+    columns?: Column[];
     /**
      * Array of data objects to display
      */
-    data: Record<string, unknown>[];
+    data?: Record<string, unknown>[];
+    /**
+     * Arbitrary additional rows to display at the bottom of the table
+     */
+    additionalRows?: DataTableAdditionalRow[];
 }
 export declare const defaultProps: ComponentDefaultProps<DataTableProps, keyof Omit<DataTableProps, 'columns' | 'data'>>;
+export {};
 //# sourceMappingURL=defs.d.ts.map

package/dist/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../src/defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,WAAW,MAAM;IACrB;;SAEK;IACL,EAAE,EAAE,MAAM,CAAC;IACX;;SAEK;IACL,OAAO,EAAE,MAAM,CAAC;IAChB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAExC;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,CAAC,CAG9G,CAAC"}
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../src/defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,MAAM;IACrB;;SAEK;IACL,EAAE,EAAE,MAAM,CAAC;IACX;;SAEK;IACL,OAAO,EAAE,MAAM,CAAC;IAChB;;SAEK;IACL,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAEjC;;OAEG;IACH,cAAc,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAC3C;AAED,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,CAAE,CAE/G,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { DataTableProps, Column } from './defs';
+import { DataTableProps, Column, DataTableAdditionalRow } from './defs';
 export * from './defs';
 declare const componentSelector = "pie-data-table";
 declare const PieDataTable_base: import('@justeattakeaway/pie-webc-core').GenericConstructor<import('@justeattakeaway/pie-webc-core').RTLInterface> & typeof PieElement;
@@ -15,6 +15,18 @@ export declare class PieDataTable extends PieDataTable_base implements DataTable
      * Array of data objects to display
      */
     data: Record<string, unknown>[];
+    /**
+     * Arbitrary additional rows to display at the bottom of the table
+     */
+    additionalRows?: DataTableAdditionalRow[];
+    /**
+     * Maps text alignment values to corresponding CSS classes
+     *
+     * @param prefix - The prefix for the CSS class
+     * @param textAlign - The text alignment value
+     * @returns An object with CSS classes as keys and boolean values indicating whether the class should be applied
+     */
+    private mapTextAlignClasses;
     /**
      * Renders a header cell for the table
      * @param column - The column definition to render
@@ -34,6 +46,11 @@ export declare class PieDataTable extends PieDataTable_base implements DataTable
      * Renders the table rows
      */
     private renderTableRows;
+    /**
+     * Renders the additional rows for the table
+     */
+    private renderAdditionalRows;
+    private renderHTMLTable;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAKrF,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,MAAM,EACd,MAAM,QAAQ,CAAC;AAGhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,mBAAmB,CAAC;;AAE3C;;GAEG;AACH,qBACa,YAAa,SAAQ,iBAAqB,YAAW,cAAc;IAC5E;;OAEG;IAEI,OAAO,EAAE,MAAM,EAAE,CAAM;IAE9B;;OAEG;IAEI,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE5C;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAiBxB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAevB;;OAEG;IACH,OAAO,CAAC,eAAe;IAYvB,MAAM;IAiBN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC;KACrC;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAYrF,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,sBAAsB,EAE9B,MAAM,QAAQ,CAAC;AAGhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,mBAAmB,CAAC;;AAE3C;;GAEG;AACH,qBACa,YAAa,SAAQ,iBAAqB,YAAW,cAAc;IAC5E;;OAEG;IAEI,OAAO,EAAE,MAAM,EAAE,CAAM;IAE9B;;OAEG;IAEI,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE5C;;OAEG;IAEI,cAAc,CAAC,EAAE,sBAAsB,EAAE,CAA+B;IAE/E;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAexB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAavB;;OAEG;IACH,OAAO,CAAC,eAAe;IAYvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAmC5B,OAAO,CAAC,eAAe;IAUvB,MAAM;IAcN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC;KACrC;CACJ"}

package/dist/index.js

@@ -1,35 +1,46 @@
-import { nothing as n, html as d, unsafeCSS as g } from "lit";
+import { nothing as c, html as l, unsafeCSS as g } from "lit";
 import { property as h } from "lit/decorators.js";
-import { P as p } from "./PieElement-Y2VnHR4y.js";
-import { RtlMixin as u, safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
-import { classMap as i } from "lit/directives/class-map.js";
-const x = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table{--data-table-background-color: var(--dt-color-container-default);--data-table-background-hover-or-active: var(--dt-color-container-subtle);--data-table-border-color: var(--dt-color-border-default);--data-table-border-radius: var(--dt-radius-rounded-c);--data-table-text-color: var(--dt-color-content-default);background-color:var(--data-table-background-color);border:1px solid var(--data-table-border-color);border-radius:var(--data-table-border-radius);color:var(--data-table-text-color);width:100%;overflow:hidden}.c-data-table table{border-spacing:0;width:100%}.c-data-table tbody{overflow:auto}.c-data-table tbody tr:hover{background-color:var(--data-table-background-hover-or-active)}.c-data-table-header{background-color:transparent;font-weight:var(--dt-font-weight-bold);color:var(--data-table-header-color);text-align:left;padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-header-text-align--left{text-align:left}.c-data-table-header-text-align--right{text-align:right}.c-data-table-header-text-align--center{text-align:center}.c-data-table-cell{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-cell-text-align--left{text-align:left}.c-data-table-cell-text-align--right{text-align:right}.c-data-table-cell-text-align--center{text-align:center}", T = {
-  hasBorder: !0,
-  isStriped: !1
+import { P as u } from "./PieElement-DgHPBi0_.js";
+import { RtlMixin as p, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+import { classMap as n } from "lit/directives/class-map.js";
+const v = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table{--data-table-background-color: var(--dt-color-container-default);--data-table-background-hover-or-active: var(--dt-color-container-subtle);--data-table-border-color: var(--dt-color-border-default);--data-table-border-radius: var(--dt-radius-rounded-c);--data-table-text-color: var(--dt-color-content-default);background-color:var(--data-table-background-color);border:1px solid var(--data-table-border-color);border-radius:var(--data-table-border-radius);color:var(--data-table-text-color);width:100%;overflow:hidden}.c-data-table table{border-spacing:0;width:100%}.c-data-table tbody{overflow:auto}.c-data-table tbody tr:hover{background-color:var(--data-table-background-hover-or-active)}.c-data-table-head-cell{background-color:transparent;font-weight:var(--dt-font-weight-bold);color:var(--data-table-header-color);text-align:left}.c-data-table-head-cell-text-align--left,.c-data-table-cell-text-align--left{text-align:left}.c-data-table-head-cell-text-align--right,.c-data-table-cell-text-align--right{text-align:right}.c-data-table-head-cell-text-align--center,.c-data-table-cell-text-align--center{text-align:center}.c-data-table-cell,.c-data-table-head-cell{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-cell--hidden,.c-data-table-row--hidden{display:none}", f = {
+  additionalRows: []
 };
-var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, b = (t, e, l, r) => {
-  for (var a = r > 1 ? void 0 : r ? m(e, l) : e, c = t.length - 1, s; c >= 0; c--)
-    (s = t[c]) && (a = (r ? s(e, l, a) : s(a)) || a);
-  return r && a && v(e, l, a), a;
+var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, a, e, d) => {
+  for (var r = d > 1 ? void 0 : d ? x(a, e) : a, s = t.length - 1, b; s >= 0; s--)
+    (b = t[s]) && (r = (d ? b(a, e, r) : b(r)) || r);
+  return d && r && w(a, e, r), r;
 };
-let o = class extends u(p) {
+let o = class extends p(u) {
   constructor() {
-    super(...arguments), this.columns = [], this.data = [];
+    super(...arguments), this.columns = [], this.data = [], this.additionalRows = f.additionalRows;
+  }
+  /**
+   * Maps text alignment values to corresponding CSS classes
+   *
+   * @param prefix - The prefix for the CSS class
+   * @param textAlign - The text alignment value
+   * @returns An object with CSS classes as keys and boolean values indicating whether the class should be applied
+   */
+  mapTextAlignClasses(t, a) {
+    return {
+      [`${t}-text-align--left`]: a === "left",
+      [`${t}-text-align--right`]: a === "right",
+      [`${t}-text-align--center`]: a === "center"
+    };
   }
   /**
    * Renders a header cell for the table
    * @param column - The column definition to render
    */
   renderHeaderCell(t) {
-    const { width: e, heading: l, textAlign: r } = t, a = e ? `width: ${e}` : n;
-    return d`
-            <th style="${a}" class="${i({
-      "c-data-table-header": !0,
-      "c-data-table-header-text-align--left": r === "left",
-      "c-data-table-header-text-align--right": r === "right",
-      "c-data-table-header-text-align--center": r === "center"
-    })}">
-                ${l}
+    const { width: a, heading: e, textAlign: d } = t, r = a ? `width: ${a}` : c, s = {
+      "c-data-table-head-cell": !0,
+      ...this.mapTextAlignClasses("c-data-table-head-cell", d)
+    };
+    return l`
+            <th style="${String(r)}" class="${n(s)}">
+                ${e}
             </th>
         `;
   }
@@ -37,7 +48,7 @@ let o = class extends u(p) {
    * Renders the table header
    */
   renderTableHeader() {
-    return d`
+    return l`
             <thead>
                 <tr>
                     ${this.columns.map((t) => this.renderHeaderCell(t))}
@@ -50,16 +61,14 @@ let o = class extends u(p) {
    * @param column - The column definition to render
    * @param row - The data object for the current row
    */
-  renderTableCell(t, e) {
-    const l = {
+  renderTableCell(t, a) {
+    const e = {
       "c-data-table-cell": !0,
-      "c-data-table-cell-text-align--left": t.textAlign === "left",
-      "c-data-table-cell-text-align--right": t.textAlign === "right",
-      "c-data-table-cell-text-align--center": t.textAlign === "center"
+      ...this.mapTextAlignClasses("c-data-table-cell", t.textAlign)
     };
-    return d`
-            <td class="${i(l)}">
-                ${t.accessor ? e[t.accessor] : ""}
+    return l`
+            <td class="${n(e)}">
+                ${t.accessor ? a[t.accessor] : ""}
             </td>
         `;
   }
@@ -67,41 +76,84 @@ let o = class extends u(p) {
    * Renders the table rows
    */
   renderTableRows() {
-    return d`
+    return l`
             <tbody>
-                ${this.data.map((t) => d`
+                ${this.data.map((t) => l`
                     <tr class="c-data-table-row">
-                        ${this.columns.map((e) => this.renderTableCell(e, t))}
+                        ${this.columns.map((a) => this.renderTableCell(a, t))}
                     </tr>
                 `)} 
             </tbody>
         `;
   }
+  /**
+   * Renders the additional rows for the table
+   */
+  renderAdditionalRows() {
+    return l`
+            <tfoot>
+                ${this.additionalRows && this.additionalRows.length > 0 && this.additionalRows.map((t) => {
+      const a = {
+        "c-data-table-row": !0,
+        "c-data-table-row--hidden": !!t.hideRow
+      };
+      return l`
+                        <tr class="${n(a)}">
+                        ${t.cells.map((e) => {
+        const d = {
+          "c-data-table-cell": !0,
+          "c-data-table-cell--hidden": !!e.hideCell,
+          ...this.mapTextAlignClasses("c-data-table-cell", e.textAlign)
+        };
+        return l`
+                                <td
+                                    class="${n(d)}"
+                                    colspan=${e.colSpan || 1}
+                                >
+                                    ${e.content}
+                                </td>
+                            `;
+      })}
+                        </tr>
+                    `;
+    })}
+            </tfoot>
+        `;
+  }
+  renderHTMLTable() {
+    return l`
+            <table>
+                ${this.columns.length > 0 ? this.renderTableHeader() : c}
+                ${this.data.length > 0 ? this.renderTableRows() : c}
+                ${this.additionalRows && this.additionalRows.length > 0 ? this.renderAdditionalRows() : c}
+            </table>
+        `;
+  }
   render() {
-    return d`
-            <div class="${i({
+    return l`
+            <div class="${n({
       "c-data-table": !0
     })}">
                 <slot name="table-header"></slot>
-                <table>
-                    ${this.columns.length > 0 ? this.renderTableHeader() : n}
-                    ${this.data.length > 0 ? this.renderTableRows() : n}
-                </table>
+                ${this.data.length > 0 && this.columns.length > 0 ? this.renderHTMLTable() : l`<slot></slot>`}
             </div>
         `;
   }
 };
-o.styles = g(x);
-b([
+o.styles = g(v);
+i([
   h({ type: Array })
 ], o.prototype, "columns", 2);
-b([
+i([
   h({ type: Array })
 ], o.prototype, "data", 2);
-o = b([
-  f("pie-data-table")
+i([
+  h({ type: Array })
+], o.prototype, "additionalRows", 2);
+o = i([
+  m("pie-data-table")
 ], o);
 export {
   o as PieDataTable,
-  T as defaultProps
+  f as defaultProps
 };

package/dist/pie-data-table-body/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-body/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-body/defs.d.ts

@@ -0,0 +1,2 @@
+export type DataTableBodyProps = Partial<HTMLTableSectionElement>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-body/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/defs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/pie-data-table-body/index.d.ts

@@ -0,0 +1,17 @@
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableBodyProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-body";
+/**
+ * @tagname pie-data-table-body
+ */
+export declare class PieDataTableBody extends PieElement implements DataTableBodyProps {
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableBody;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-body/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBACa,gBAAiB,SAAQ,UAAW,YAAW,kBAAkB;IAC1E,MAAM;IAKN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

package/dist/pie-data-table-body/index.js

@@ -0,0 +1,21 @@
+import { unsafeCSS as n, html as p } from "lit";
+import { P as f } from "../PieElement-DgHPBi0_.js";
+import { safeCustomElement as i } from "@justeattakeaway/pie-webc-core";
+const u = ":host{display:table-row-group}";
+var y = Object.getOwnPropertyDescriptor, b = (s, o, m, l) => {
+  for (var e = l > 1 ? void 0 : l ? y(o, m) : o, t = s.length - 1, a; t >= 0; t--)
+    (a = s[t]) && (e = a(e) || e);
+  return e;
+};
+let r = class extends f {
+  render() {
+    return p`<slot></slot>`;
+  }
+};
+r.styles = n(u);
+r = b([
+  i("pie-data-table-body")
+], r);
+export {
+  r as PieDataTableBody
+};

package/dist/pie-data-table-body/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableBody as PieDataTableBodyLit } from './index';
+import { DataTableBodyProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableBody: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableBodyProps> & React.RefAttributes<PieDataTableBodyLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-body/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,EAA4B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAC5H,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-body/react.js

@@ -0,0 +1,13 @@
+import * as a from "react";
+import { createComponent as e } from "@lit/react";
+import { PieDataTableBody as t } from "./index.js";
+const o = e({
+  displayName: "PieDataTableBody",
+  elementClass: t,
+  react: a,
+  tagName: "pie-data-table-body",
+  events: {}
+}), l = o;
+export {
+  l as PieDataTableBody
+};

package/dist/pie-data-table-cell/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-cell/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-cell/defs.d.ts

@@ -0,0 +1,14 @@
+import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
+export declare const dataTableCellTextAlign: readonly ["left", "right", "center"];
+export interface DataTableCellProps {
+    /**
+     * Text alignment for the cell content
+     */
+    textAlign?: typeof dataTableCellTextAlign[number];
+    /**
+     * Whether the cell is hidden
+     */
+    isHidden?: boolean;
+}
+export declare const defaultProps: ComponentDefaultProps<DataTableCellProps, 'textAlign' | 'isHidden'>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-cell/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,eAAO,MAAM,sBAAsB,sCAAuC,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAClD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,kBAAkB,EAAE,WAAW,GAAG,UAAU,CAG5F,CAAC"}

package/dist/pie-data-table-cell/index.d.ts

@@ -0,0 +1,27 @@
+import { nothing } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableCellProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-cell";
+/**
+ * @tagname pie-data-table-cell
+ */
+export declare class PieDataTableCell extends PieElement implements DataTableCellProps {
+    /**
+     * Text alignment for the cell content
+     */
+    textAlign?: DataTableCellProps['textAlign'];
+    /**
+     * Whether the cell is hidden
+     */
+    isHidden?: DataTableCellProps['isHidden'];
+    connectedCallback(): void;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableCell;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAa,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EACH,KAAK,kBAAkB,EAG1B,MAAM,QAAQ,CAAC;AAEhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;GAEG;AACH,qBACa,gBAAiB,SAAQ,UAAW,YAAW,kBAAkB;IAC1E;;OAEG;IAGI,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAEnD;;OAEG;IAEI,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEjD,iBAAiB;IAQjB,MAAM;IAWN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

package/dist/pie-data-table-cell/index.js

@@ -0,0 +1,39 @@
+import { unsafeCSS as c, nothing as d, html as f } from "lit";
+import { property as p } from "lit/decorators.js";
+import { P as g } from "../PieElement-DgHPBi0_.js";
+import { validPropertyValues as b, safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
+const m = ":host{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color);display:table-cell}:host([textAlign=right]){text-align:right}:host([textAlign=center]){text-align:center}:host([textAlign=left]){text-align:left}:host([isHidden]){display:none}", x = ["left", "right", "center"], u = {
+  textAlign: "left",
+  isHidden: !1
+};
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (l, r, n, o) => {
+  for (var t = o > 1 ? void 0 : o ? v(r, n) : r, i = l.length - 1, s; i >= 0; i--)
+    (s = l[i]) && (t = (o ? s(r, n, t) : s(t)) || t);
+  return o && t && y(r, n, t), t;
+};
+const A = "pie-data-table-cell";
+let e = class extends g {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "cell"), super.connectedCallback();
+  }
+  render() {
+    const { isHidden: l } = this;
+    return l ? d : f`<slot></slot>`;
+  }
+};
+e.styles = c(m);
+a([
+  p({ type: String }),
+  b(A, x, u.textAlign)
+], e.prototype, "textAlign", 2);
+a([
+  p({ type: Boolean })
+], e.prototype, "isHidden", 2);
+e = a([
+  h("pie-data-table-cell")
+], e);
+export {
+  e as PieDataTableCell,
+  x as dataTableCellTextAlign,
+  u as defaultProps
+};

package/dist/pie-data-table-cell/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableCell as PieDataTableCellLit } from './index';
+import { DataTableCellProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableCellProps> & React.RefAttributes<PieDataTableCellLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-cell/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,EAA4B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAC5H,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-cell/react.js

@@ -0,0 +1,16 @@
+import * as e from "react";
+import { createComponent as a } from "@lit/react";
+import { PieDataTableCell as l } from "./index.js";
+import { dataTableCellTextAlign as s, defaultProps as C } from "./index.js";
+const t = a({
+  displayName: "PieDataTableCell",
+  elementClass: l,
+  react: e,
+  tagName: "pie-data-table-cell",
+  events: {}
+}), i = t;
+export {
+  i as PieDataTableCell,
+  s as dataTableCellTextAlign,
+  C as defaultProps
+};

package/dist/pie-data-table-contents/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-contents/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-contents/defs.d.ts

@@ -0,0 +1,2 @@
+export type DataTableContentsProps = Partial<HTMLTableElement>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-contents/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/defs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/pie-data-table-contents/index.d.ts

@@ -0,0 +1,18 @@
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableContentsProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-contents";
+/**
+ * @tagname pie-data-table-contents
+ */
+export declare class PieDataTableContents extends PieElement implements DataTableContentsProps {
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableContents;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-contents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,4BAA4B,CAAC;AAEpD;;GAEG;AACH,qBACa,oBAAqB,SAAQ,UAAW,YAAW,sBAAsB;IAClF,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;KAC7C;CACJ"}

package/dist/pie-data-table-contents/index.js

@@ -0,0 +1,24 @@
+import { unsafeCSS as i, html as c } from "lit";
+import { P as m } from "../PieElement-DgHPBi0_.js";
+import { safeCustomElement as p } from "@justeattakeaway/pie-webc-core";
+const b = ":host{inline-size:100%;display:table}";
+var f = Object.getOwnPropertyDescriptor, u = (r, l, o, a) => {
+  for (var e = a > 1 ? void 0 : a ? f(l, o) : l, t = r.length - 1, n; t >= 0; t--)
+    (n = r[t]) && (e = n(e) || e);
+  return e;
+};
+let s = class extends m {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "table"), super.connectedCallback();
+  }
+  render() {
+    return c`<slot></slot>`;
+  }
+};
+s.styles = i(b);
+s = u([
+  p("pie-data-table-contents")
+], s);
+export {
+  s as PieDataTableContents
+};

package/dist/pie-data-table-contents/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableContents as PieDataTableContentsLit } from './index';
+import { DataTableContentsProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableContents: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableContentsProps> & React.RefAttributes<PieDataTableContentsLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-contents/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,IAAI,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,oBAAoB,EAAgC,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,sBAAsB,CAAC,GACxI,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-contents/react.js

@@ -0,0 +1,13 @@
+import * as t from "react";
+import { createComponent as e } from "@lit/react";
+import { PieDataTableContents as a } from "./index.js";
+const n = e({
+  displayName: "PieDataTableContents",
+  elementClass: a,
+  react: t,
+  tagName: "pie-data-table-contents",
+  events: {}
+}), i = n;
+export {
+  i as PieDataTableContents
+};

package/dist/pie-data-table-head/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-head/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}