@justeattakeaway/pie-data-table 0.3.15 → 0.3.17

package/custom-elements.json

@@ -18,7 +18,7 @@
           "type": {
             "text": "ComponentDefaultProps<DataTableProps, keyof Omit<DataTableProps, 'columns' | 'data' >>"
           },
-          "default": "{\n    additionalRows: [],\n}"
+          "default": "{ additionalRows: [], }"
         }
       ],
       "exports": [
@@ -59,7 +59,8 @@
               },
               "privacy": "public",
               "default": "[]",
-              "description": "Array of column definitions"
+              "description": "Array of column definitions",
+              "attribute": "columns"
             },
             {
               "kind": "field",
@@ -69,7 +70,8 @@
               },
               "privacy": "public",
               "default": "[]",
-              "description": "Array of data objects to display"
+              "description": "Array of data objects to display",
+              "attribute": "data"
             },
             {
               "kind": "field",
@@ -78,7 +80,8 @@
                 "text": "DataTableAdditionalRow[] | undefined"
               },
               "privacy": "public",
-              "description": "Arbitrary additional rows to display at the bottom of the table"
+              "description": "Arbitrary additional rows to display at the bottom of the table",
+              "attribute": "additionalRows"
             },
             {
               "kind": "method",
@@ -169,6 +172,34 @@
               "privacy": "private"
             }
           ],
+          "attributes": [
+            {
+              "name": "columns",
+              "type": {
+                "text": "Column[]"
+              },
+              "default": "[]",
+              "description": "Array of column definitions",
+              "fieldName": "columns"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "Record<string, unknown>[]"
+              },
+              "default": "[]",
+              "description": "Array of data objects to display",
+              "fieldName": "data"
+            },
+            {
+              "name": "additionalRows",
+              "type": {
+                "text": "DataTableAdditionalRow[] | undefined"
+              },
+              "description": "Arbitrary additional rows to display at the bottom of the table",
+              "fieldName": "additionalRows"
+            }
+          ],
           "mixins": [
             {
               "name": "RtlMixin",
@@ -189,7 +220,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/defs"
           }
         },
         {
@@ -243,7 +274,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-body/defs"
           }
         },
         {
@@ -280,7 +311,7 @@
           "type": {
             "text": "ComponentDefaultProps<DataTableCellProps, 'textAlign' | 'isHidden'>"
           },
-          "default": "{\n    textAlign: 'left',\n    isHidden: false,\n}"
+          "default": "{ textAlign: 'left', isHidden: false, }"
         }
       ],
       "exports": [
@@ -324,7 +355,8 @@
                 "text": "DataTableCellProps['textAlign'] | undefined"
               },
               "privacy": "public",
-              "description": "Text alignment for the cell content"
+              "description": "Text alignment for the cell content",
+              "attribute": "textAlign"
             },
             {
               "kind": "field",
@@ -333,7 +365,26 @@
                 "text": "DataTableCellProps['isHidden'] | undefined"
               },
               "privacy": "public",
-              "description": "Whether the cell is hidden"
+              "description": "Whether the cell is hidden",
+              "attribute": "isHidden"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "textAlign",
+              "type": {
+                "text": "DataTableCellProps['textAlign'] | undefined"
+              },
+              "description": "Text alignment for the cell content",
+              "fieldName": "textAlign"
+            },
+            {
+              "name": "isHidden",
+              "type": {
+                "text": "DataTableCellProps['isHidden'] | undefined"
+              },
+              "description": "Whether the cell is hidden",
+              "fieldName": "isHidden"
             }
           ],
           "superclass": {
@@ -350,7 +401,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-cell/defs"
           }
         },
         {
@@ -404,7 +455,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-contents/defs"
           }
         },
         {
@@ -458,7 +509,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-head/defs"
           }
         },
         {
@@ -495,7 +546,7 @@
           "type": {
             "text": "ComponentDefaultProps<DataTableHeadCellProps, 'textAlign' | 'isHidden'>"
           },
-          "default": "{\n    textAlign: 'left',\n    isHidden: false,\n}"
+          "default": "{ textAlign: 'left', isHidden: false, }"
         }
       ],
       "exports": [
@@ -539,7 +590,8 @@
                 "text": "DataTableHeadCellProps['textAlign'] | undefined"
               },
               "privacy": "public",
-              "description": "Text alignment for the cell content"
+              "description": "Text alignment for the cell content",
+              "attribute": "textAlign"
             },
             {
               "kind": "field",
@@ -548,7 +600,26 @@
                 "text": "DataTableHeadCellProps['isHidden'] | undefined"
               },
               "privacy": "public",
-              "description": "Whether the cell is hidden"
+              "description": "Whether the cell is hidden",
+              "attribute": "isHidden"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "textAlign",
+              "type": {
+                "text": "DataTableHeadCellProps['textAlign'] | undefined"
+              },
+              "description": "Text alignment for the cell content",
+              "fieldName": "textAlign"
+            },
+            {
+              "name": "isHidden",
+              "type": {
+                "text": "DataTableHeadCellProps['isHidden'] | undefined"
+              },
+              "description": "Whether the cell is hidden",
+              "fieldName": "isHidden"
             }
           ],
           "superclass": {
@@ -565,7 +636,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-head-cell/defs"
           }
         },
         {
@@ -602,7 +673,7 @@
           "type": {
             "text": "ComponentDefaultProps<DataTableHeaderProps, keyof Omit<DataTableHeaderProps, 'heading' | 'subHeading'>>"
           },
-          "default": "{\n    variant: 'subtle',\n}"
+          "default": "{ variant: 'subtle', }"
         }
       ],
       "exports": [
@@ -646,7 +717,8 @@
                 "text": "DataTableHeaderProps['heading']"
               },
               "privacy": "public",
-              "description": "heading text for the data table header"
+              "description": "heading text for the data table header",
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -655,7 +727,8 @@
                 "text": "DataTableHeaderProps['subHeading']"
               },
               "privacy": "public",
-              "description": "Sub heading text for the data table header"
+              "description": "Sub heading text for the data table header",
+              "attribute": "subHeading"
             },
             {
               "kind": "field",
@@ -664,7 +737,8 @@
                 "text": "typeof defaultProps.variant | undefined"
               },
               "privacy": "public",
-              "description": "Emphasis level for the header"
+              "description": "Emphasis level for the header",
+              "attribute": "variant"
             },
             {
               "kind": "field",
@@ -704,6 +778,32 @@
               "description": "Handles the slot change event to determine if there are action buttons."
             }
           ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "DataTableHeaderProps['heading']"
+              },
+              "description": "heading text for the data table header",
+              "fieldName": "heading"
+            },
+            {
+              "name": "subHeading",
+              "type": {
+                "text": "DataTableHeaderProps['subHeading']"
+              },
+              "description": "Sub heading text for the data table header",
+              "fieldName": "subHeading"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "typeof defaultProps.variant | undefined"
+              },
+              "description": "Emphasis level for the header",
+              "fieldName": "variant"
+            }
+          ],
           "superclass": {
             "name": "PieElement",
             "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
@@ -718,7 +818,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-header/defs"
           }
         },
         {
@@ -747,7 +847,7 @@
           "type": {
             "text": "ComponentDefaultProps<DataTableRowProps, 'isSelected' | 'isHidden'>"
           },
-          "default": "{\n    isSelected: false,\n    isHidden: false,\n}"
+          "default": "{ isSelected: false, isHidden: false, }"
         }
       ],
       "exports": [
@@ -783,7 +883,8 @@
                 "text": "DataTableRowProps['isSelected'] | undefined"
               },
               "privacy": "public",
-              "description": "Whether the row is currently selected"
+              "description": "Whether the row is currently selected",
+              "attribute": "isSelected"
             },
             {
               "kind": "field",
@@ -792,7 +893,26 @@
                 "text": "DataTableRowProps['isHidden'] | undefined"
               },
               "privacy": "public",
-              "description": "Whether the row is hidden"
+              "description": "Whether the row is hidden",
+              "attribute": "isHidden"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "isSelected",
+              "type": {
+                "text": "DataTableRowProps['isSelected'] | undefined"
+              },
+              "description": "Whether the row is currently selected",
+              "fieldName": "isSelected"
+            },
+            {
+              "name": "isHidden",
+              "type": {
+                "text": "DataTableRowProps['isHidden'] | undefined"
+              },
+              "description": "Whether the row is hidden",
+              "fieldName": "isHidden"
             }
           ],
           "superclass": {
@@ -809,7 +929,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/pie-data-table-row/defs"
           }
         },
         {

package/dist/{PieElement-DXI7Vr-d.js → PieElement-BcLpgB4V.js}

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

package/dist/index.js

@@ -1,6 +1,6 @@
 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-DXI7Vr-d.js";
+import { P as p } from "./PieElement-BcLpgB4V.js";
 import { RtlMixin as u, safeCustomElement as f } 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-size:calc(var(--dt-font-body-strong-l-size) * 1px);line-height:calc(var(--dt-font-body-strong-l-line-height) * 1px);font-weight:var(--dt-font-body-strong-l-weight);color:var(--data-table-text-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}", m = {

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

@@ -1,5 +1,5 @@
 import { unsafeCSS as p, html as d } from "lit";
-import { P as i } from "../PieElement-DXI7Vr-d.js";
+import { P as i } from "../PieElement-BcLpgB4V.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 const b = ":host{display:table-row-group}:host ::slotted(pie-data-table-row){--pie-data-table-row-background-hover: var(--dt-color-container-subtle)}";
 var u = Object.getOwnPropertyDescriptor, c = (o, a, n, s) => {

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

@@ -1,6 +1,6 @@
 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-DXI7Vr-d.js";
+import { P as g } from "../PieElement-BcLpgB4V.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",

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

@@ -1,5 +1,5 @@
 import { unsafeCSS as i, html as c } from "lit";
-import { P as m } from "../PieElement-DXI7Vr-d.js";
+import { P as m } from "../PieElement-BcLpgB4V.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) => {

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

@@ -1,5 +1,5 @@
 import { unsafeCSS as d, html as i } from "lit";
-import { P as c } from "../PieElement-DXI7Vr-d.js";
+import { P as c } from "../PieElement-BcLpgB4V.js";
 import { safeCustomElement as b } from "@justeattakeaway/pie-webc-core";
 const p = ":host{background-color:transparent;font-size:calc(var(--dt-font-body-strong-l-size) * 1px);line-height:calc(var(--dt-font-body-strong-l-line-height) * 1px);font-weight:var(--dt-font-body-strong-l-weight);color:var(--dt-color-content-default);border-bottom:1px solid var(--data-table-border-color);display:table-header-group}";
 var f = Object.getOwnPropertyDescriptor, h = (o, a, n, l) => {

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

@@ -1,6 +1,6 @@
 import { unsafeCSS as p, nothing as c, html as f } from "lit";
 import { property as d } from "lit/decorators.js";
-import { P as h } from "../PieElement-DXI7Vr-d.js";
+import { P as h } from "../PieElement-BcLpgB4V.js";
 import { validPropertyValues as g, safeCustomElement as b } 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",

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

@@ -1,6 +1,6 @@
 import { unsafeCSS as p, nothing as h, html as d } from "lit";
 import { property as c, queryAssignedElements as g, state as b } from "lit/decorators.js";
-import { P as f } from "../PieElement-DXI7Vr-d.js";
+import { P as f } from "../PieElement-BcLpgB4V.js";
 import { validPropertyValues as u, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 import { classMap as v } from "lit/directives/class-map.js";
 const y = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table-header{--data-table-header-background: transparent;--data-table-border-color: var(--dt-color-border-default);padding:var(--dt-spacing-d);background-color:var(--data-table-header-background);border-bottom:1px solid var(--data-table-border-color);display:flex;justify-content:space-between;align-items:flex-end}.c-data-table-header-heading-wrapper{display:flex;flex-direction:column;gap:var(--dt-spacing-b)}.c-data-table-header-heading{font-family:var(--dt-font-heading-m-family);font-weight:var(--dt-font-heading-m-weight);font-size:calc(var(--dt-font-heading-m-size--wide) * 1px);line-height:calc(var(--dt-font-heading-m-line-height--wide) * 1px)}.c-data-table-header-sub-heading{font-family:var(--dt-font-body-l-family);font-weight:var(--dt-font-body-l-weight);font-size:calc(var(--dt-font-body-l-size) * 1px);line-height:calc(var(--dt-font-body-l-line-height) * 1px)}.c-data-table-header--strong{--data-table-header-background: var(--dt-color-support-brand-02)}.c-data-table-action-buttons-wrapper{display:flex;gap:var(--dt-spacing-d)}", w = ["subtle", "strong"], x = {

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

@@ -1,6 +1,6 @@
 import { unsafeCSS as d, nothing as c, html as f } from "lit";
 import { property as i } from "lit/decorators.js";
-import { P as b } from "../PieElement-DXI7Vr-d.js";
+import { P as b } from "../PieElement-BcLpgB4V.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 const u = ":host{display:table-row;border-bottom:1px solid var(--data-table-border-color)}:host(:hover){background-color:var(--pie-data-table-row-background-hover, transparent)}:host([isSelected]){background-color:var(--dt-color-container-subtle)}", S = {
   isSelected: !1,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-data-table",
   "description": "PIE Design System Data Table built using Web Components",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -20,30 +20,27 @@
   },
   "scripts": {
     "build": "run -T vite build",
-    "build:react-wrapper": "npx build-react-wrapper",
+    "build:react-wrapper": "run -T build-react-wrapper",
     "create:manifest": "run -T cem analyze --litelement",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "yarn lint:scripts --fix",
     "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
     "lint:style:fix": "yarn lint:style --fix",
     "watch": "run -T vite build --watch",
-    "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
+    "test:browsers": "run -T playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
-    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_DATA_TABLE} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
+    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_DATA_TABLE} percy exec --allowed-hostname cloudfront.net -- run -T playwright test -c ./playwright-lit-visual.config.ts",
     "test:visual:ci": "yarn test:visual"
   },
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.21.1",
+    "@justeattakeaway/pie-components-config": "0.21.3",
     "@justeattakeaway/pie-css": "1.1.1",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.0"
+    "@justeattakeaway/pie-monorepo-utils": "0.9.2"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "14.0.1"
-  },
-  "volta": {
-    "extends": "../../../package.json"
+    "@justeattakeaway/pie-webc-core": "14.0.2"
   },
   "customElements": "custom-elements.json",
   "sideEffects": [