@justeattakeaway/pie-data-table 0.0.0-snapshot-release-20250910151748 → 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

@@ -36,11 +36,11 @@ 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
      */

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,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,EAAE,MAAM,EAAE,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAEhC;;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"}
+{"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

@@ -50,16 +50,7 @@ export declare class PieDataTable extends PieDataTable_base implements DataTable
      * Renders the additional rows for the table
      */
     private renderAdditionalRows;
-    /**
-     * Util method that checks if a string contains HTML tags
-     */
-    private isHTMLString;
-    /**
-     * Renders the content of a table cell, handling different types of content
-     *
-     * @param value - The content to render in the cell
-     */
-    private renderCellContent;
+    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":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAKrF,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;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAoBzB,MAAM;IAkBN,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,20 +1,19 @@
-import { nothing as i, html as l, unsafeCSS as p } from "lit";
-import { unsafeHTML as g } from "lit/directives/unsafe-html.js";
+import { nothing as c, html as l, unsafeCSS as g } from "lit";
 import { property as h } from "lit/decorators.js";
-import { P as u } from "./PieElement-Y2VnHR4y.js";
-import { RtlMixin as f, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+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 w = "*,*: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,.c-data-table-cell-text-align--left{text-align:left}.c-data-table-header-text-align--right,.c-data-table-cell-text-align--right{text-align:right}.c-data-table-header-text-align--center,.c-data-table-cell-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--hidden,.c-data-table-row--hidden{display:none}", x = {
+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 y = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, c = (t, e, a, o) => {
-  for (var r = o > 1 ? void 0 : o ? $(e, a) : e, s = t.length - 1, b; s >= 0; s--)
-    (b = t[s]) && (r = (o ? b(e, a, r) : b(r)) || r);
-  return o && r && y(e, a, r), r;
+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 d = class extends f(u) {
+let o = class extends p(u) {
   constructor() {
-    super(...arguments), this.columns = [], this.data = [], this.additionalRows = x.additionalRows;
+    super(...arguments), this.columns = [], this.data = [], this.additionalRows = f.additionalRows;
   }
   /**
    * Maps text alignment values to corresponding CSS classes
@@ -23,11 +22,11 @@ let d = class extends f(u) {
    * @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, e) {
+  mapTextAlignClasses(t, a) {
     return {
-      [`${t}-text-align--left`]: e === "left",
-      [`${t}-text-align--right`]: e === "right",
-      [`${t}-text-align--center`]: e === "center"
+      [`${t}-text-align--left`]: a === "left",
+      [`${t}-text-align--right`]: a === "right",
+      [`${t}-text-align--center`]: a === "center"
     };
   }
   /**
@@ -35,13 +34,13 @@ let d = class extends f(u) {
    * @param column - The column definition to render
    */
   renderHeaderCell(t) {
-    const { width: e, heading: a, textAlign: o } = t, r = e ? `width: ${e}` : i, s = {
-      "c-data-table-header": !0,
-      ...this.mapTextAlignClasses("c-data-table-header", o)
+    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="${r}" class="${n(s)}">
-                ${a}
+            <th style="${String(r)}" class="${n(s)}">
+                ${e}
             </th>
         `;
   }
@@ -62,14 +61,14 @@ let d = class extends f(u) {
    * @param column - The column definition to render
    * @param row - The data object for the current row
    */
-  renderTableCell(t, e) {
-    const a = {
+  renderTableCell(t, a) {
+    const e = {
       "c-data-table-cell": !0,
       ...this.mapTextAlignClasses("c-data-table-cell", t.textAlign)
     };
     return l`
-            <td class="${n(a)}">
-                ${t.accessor ? this.renderCellContent(e[t.accessor]) : ""}
+            <td class="${n(e)}">
+                ${t.accessor ? a[t.accessor] : ""}
             </td>
         `;
   }
@@ -81,7 +80,7 @@ let d = class extends f(u) {
             <tbody>
                 ${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>
@@ -94,24 +93,24 @@ let d = class extends f(u) {
     return l`
             <tfoot>
                 ${this.additionalRows && this.additionalRows.length > 0 && this.additionalRows.map((t) => {
-      const e = {
+      const a = {
         "c-data-table-row": !0,
         "c-data-table-row--hidden": !!t.hideRow
       };
       return l`
-                        <tr class="${n(e)}">
-                        ${t.cells.map((a) => {
-        const o = {
+                        <tr class="${n(a)}">
+                        ${t.cells.map((e) => {
+        const d = {
           "c-data-table-cell": !0,
-          "c-data-table-cell--hidden": !!a.hideCell,
-          ...this.mapTextAlignClasses("c-data-table-cell", a.textAlign)
+          "c-data-table-cell--hidden": !!e.hideCell,
+          ...this.mapTextAlignClasses("c-data-table-cell", e.textAlign)
         };
         return l`
                                 <td
-                                    class="${n(o)}"
-                                    colspan=${a.colSpan || 1}
+                                    class="${n(d)}"
+                                    colspan=${e.colSpan || 1}
                                 >
-                                    ${a.content}
+                                    ${e.content}
                                 </td>
                             `;
       })}
@@ -121,19 +120,14 @@ let d = class extends f(u) {
             </tfoot>
         `;
   }
-  /**
-   * Util method that checks if a string contains HTML tags
-   */
-  isHTMLString(t) {
-    return /<[a-z][\s\S]*>/i.test(t.trim());
-  }
-  /**
-   * Renders the content of a table cell, handling different types of content
-   *
-   * @param value - The content to render in the cell
-   */
-  renderCellContent(t) {
-    return t == null ? "" : t instanceof HTMLElement || t && typeof t == "object" ? t : typeof t == "function" ? this.renderCellContent(t()) : typeof t == "string" && this.isHTMLString(t) ? g(t) : String(t);
+  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 l`
@@ -141,29 +135,25 @@ let d = class extends f(u) {
       "c-data-table": !0
     })}">
                 <slot name="table-header"></slot>
-                <table>
-                    ${this.columns.length > 0 ? this.renderTableHeader() : i}
-                    ${this.data.length > 0 ? this.renderTableRows() : i}
-                    ${this.additionalRows && this.additionalRows.length > 0 ? this.renderAdditionalRows() : i}
-                </table>
+                ${this.data.length > 0 && this.columns.length > 0 ? this.renderHTMLTable() : l`<slot></slot>`}
             </div>
         `;
   }
 };
-d.styles = p(w);
-c([
+o.styles = g(v);
+i([
   h({ type: Array })
-], d.prototype, "columns", 2);
-c([
+], o.prototype, "columns", 2);
+i([
   h({ type: Array })
-], d.prototype, "data", 2);
-c([
+], o.prototype, "data", 2);
+i([
   h({ type: Array })
-], d.prototype, "additionalRows", 2);
-d = c([
+], o.prototype, "additionalRows", 2);
+o = i([
   m("pie-data-table")
-], d);
+], o);
 export {
-  d as PieDataTable,
-  x as defaultProps
+  o as PieDataTable,
+  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"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head/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,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}