@umbraco-ui/uui-table 0.0.19 → 0.1.0

package/README.md

@@ -2,6 +2,10 @@
 
 [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-table?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-table)
 
+### See it in action
+
+Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-table)
+
 ## Installation
 
 ### ES imports

package/custom-elements.json

@@ -56,7 +56,7 @@
       "slots": [
         {
           "name": "",
-          "description": "for table cell content"
+          "description": "slot for table cell content"
         }
       ]
     },
@@ -127,7 +127,7 @@
       "slots": [
         {
           "name": "",
-          "description": "for table cell content"
+          "description": "slot for table cell content"
         }
       ]
     },
@@ -145,7 +145,7 @@
       "slots": [
         {
           "name": "",
-          "description": "for uui-table-head-cell elements."
+          "description": "slot for uui-table-head-cell elements."
         }
       ]
     },
@@ -197,6 +197,16 @@
           "default": "false"
         }
       ],
+      "events": [
+        {
+          "name": "selected",
+          "description": "fires when the media card is selected"
+        },
+        {
+          "name": "unselected",
+          "description": "fires when the media card is unselected"
+        }
+      ],
       "slots": [
         {
           "name": "",
@@ -218,7 +228,7 @@
       "slots": [
         {
           "name": "",
-          "description": "for uui-table-head and uui-table-row elements. Make a table out of them."
+          "description": "slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them."
         }
       ]
     }

package/lib/index.js

@@ -1,6 +1,6 @@
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { css, LitElement, html } from 'lit';
-import { property, queryAssignedNodes } from 'lit/decorators.js';
+import { property, queryAssignedElements } from 'lit/decorators.js';
 import { SelectOnlyMixin, SelectableMixin } from '@umbraco-ui/uui-base/lib/mixins';
 
 var __defProp$5 = Object.defineProperty;
@@ -246,10 +246,15 @@ let UUITableRowElement = class extends SelectOnlyMixin(SelectableMixin(LitElemen
   updateChildSelectOnly() {
     if (this.slotCellNodes) {
       this.slotCellNodes.forEach((el) => {
-        el.disableChildInteraction = this.selectOnly;
+        if (this.elementIsTableCell(el)) {
+          el.disableChildInteraction = this.selectOnly;
+        }
       });
     }
   }
+  elementIsTableCell(element) {
+    return element instanceof UUITableCellElement;
+  }
   render() {
     return html` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `;
   }
@@ -272,7 +277,10 @@ UUITableRowElement.styles = [
     `
 ];
 __decorateClass([
-  queryAssignedNodes(void 0, true, "uui-table-cell")
+  queryAssignedElements({
+    flatten: true,
+    selector: "uui-table-cell, [uui-table-cell], [role=cell]"
+  })
 ], UUITableRowElement.prototype, "slotCellNodes", 2);
 UUITableRowElement = __decorateClass([
   defineElement("uui-table-row")

package/lib/uui-table-cell.element.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 /**
  *  Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row
  *  @element uui-table-cell
- *  @slot for table cell content
+ *  @slot - slot for table cell content
  */
 export declare class UUITableCellElement extends LitElement {
     static styles: import("lit").CSSResult[];

package/lib/uui-table-head.element.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 /**
  *  Table head element. Holds the styles for table head. Parent to uui-table-head-cell.
  *  @element uui-table-head
- *  @slot for uui-table-head-cell elements.
+ *  @slot - slot for uui-table-head-cell elements.
  */
 export declare class UUITableHeadElement extends LitElement {
     static styles: import("lit").CSSResult[];

package/lib/uui-table-row.element.d.ts

@@ -11,6 +11,7 @@ export declare class UUITableRowElement extends UUITableRowElement_base {
     private slotCellNodes?;
     protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
     private updateChildSelectOnly;
+    private elementIsTableCell;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/lib/uui-table.element.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 /**
  *  Recreation of native table and it's child elements. `<uui-table>` is a parent element to `<uui-table-head>` `<and uui-table-row>`. To make it fully accessible remember to add aria-label and aria-describedby.
  *  @element uui-table
- *  @slot for uui-table-head and uui-table-row elements. Make a table out of them.
+ *  @slot - slot for `<uui-table-head>` and `<uui-table-row>` elements. Make a table out of them.
  */
 export declare class UUITableElement extends LitElement {
     static styles: import("lit").CSSResult[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-table",
-  "version": "0.0.19",
+  "version": "0.1.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.0.17"
+    "@umbraco-ui/uui-base": "0.1.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -41,5 +41,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-table",
-  "gitHead": "3b7c6cf892e89054b2980b19d8c2f8bead2752e8"
+  "gitHead": "9ed7860ce865d310b85bd1718f37b59db873aefd"
 }