@maggioli-design-system/mds-table-row 4.7.1 → 4.8.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T16:22:40",
+  "timestamp": "2024-12-04T16:25:26",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,14 +9,15 @@
     "fsNamespace": "mds-table-row",
     "components": 1,
     "entries": 1,
-    "bundles": 90,
+    "bundles": 91,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 42,
+        "files": 43,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/date.js",
+          "./dist/collection/common/device.js",
           "./dist/collection/common/file.js",
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
@@ -74,19 +75,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-6df370d5.js",
+          "./dist/cjs/index-6ff13374.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-table-row.cjs.entry.js",
           "./dist/cjs/mds-table-row.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-6aef85b9.js",
+          "./dist/esm-es5/index-0a14d3b4.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-table-row.entry.js",
           "./dist/esm-es5/mds-table-row.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-6aef85b9.js",
+          "./dist/esm/index-0a14d3b4.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-table-row.entry.js",
@@ -96,25 +97,25 @@
           "./dist/mds-table-row/index.esm.js",
           "./dist/mds-table-row/mds-table-row.esm.js",
           "./dist/mds-table-row/mds-table-row.js",
+          "./dist/mds-table-row/p-25a5e94e.system.js",
+          "./dist/mds-table-row/p-33796315.entry.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
           "./dist/mds-table-row/p-56ba5cbf.system.js",
-          "./dist/mds-table-row/p-6fd17720.js",
-          "./dist/mds-table-row/p-81af01a5.entry.js",
-          "./dist/mds-table-row/p-93ae789e.system.js",
-          "./dist/mds-table-row/p-a349d802.system.js",
+          "./dist/mds-table-row/p-580bb30b.system.js",
+          "./dist/mds-table-row/p-60aa058b.js",
+          "./dist/mds-table-row/p-cca5599e.system.entry.js",
           "./dist/mds-table-row/p-e1255160.js",
-          "./dist/mds-table-row/p-fa157b43.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
+          "./www/build/p-25a5e94e.system.js",
+          "./www/build/p-33796315.entry.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-6fd17720.js",
-          "./www/build/p-81af01a5.entry.js",
-          "./www/build/p-93ae789e.system.js",
-          "./www/build/p-a349d802.system.js",
-          "./www/build/p-e1255160.js",
-          "./www/build/p-fa157b43.system.entry.js"
+          "./www/build/p-580bb30b.system.js",
+          "./www/build/p-60aa058b.js",
+          "./www/build/p-cca5599e.system.entry.js",
+          "./www/build/p-e1255160.js"
         ]
       },
       {
@@ -147,12 +148,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-81af01a5",
-        "fileName": "p-81af01a5.entry.js",
+        "bundleId": "p-33796315",
+        "fileName": "p-33796315.entry.js",
         "imports": [
-          "p-6fd17720.js"
+          "p-60aa058b.js"
         ],
-        "originalByteSize": 2399
+        "originalByteSize": 5883
       }
     ],
     "esm": [
@@ -164,9 +165,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-6aef85b9.js"
+          "index-0a14d3b4.js"
         ],
-        "originalByteSize": 2403
+        "originalByteSize": 5887
       }
     ],
     "es5": [
@@ -178,9 +179,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-6aef85b9.js"
+          "index-0a14d3b4.js"
         ],
-        "originalByteSize": 2403
+        "originalByteSize": 5887
       }
     ],
     "system": [
@@ -189,12 +190,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-fa157b43.system",
-        "fileName": "p-fa157b43.system.entry.js",
+        "bundleId": "p-cca5599e.system",
+        "fileName": "p-cca5599e.system.entry.js",
         "imports": [
-          "p-93ae789e.system.js"
+          "p-580bb30b.system.js"
         ],
-        "originalByteSize": 2690
+        "originalByteSize": 6480
       }
     ],
     "commonjs": [
@@ -206,9 +207,9 @@
         "bundleId": "mds-table-row.cjs",
         "fileName": "mds-table-row.cjs.entry.js",
         "imports": [
-          "index-6df370d5.js"
+          "index-6ff13374.js"
         ],
-        "originalByteSize": 2473
+        "originalByteSize": 5964
       }
     ]
   },
@@ -217,7 +218,7 @@
       "tag": "mds-table-row",
       "path": "./src/components/mds-table-row/mds-table-row.js",
       "source": "./src/components/mds-table-row/mds-table-row.tsx",
-      "elementRef": null,
+      "elementRef": "host",
       "componentClassName": "MdsTableRow",
       "assetsDirs": [],
       "dependencies": [],
@@ -267,6 +268,25 @@
             "text": ""
           },
           "internal": false
+        },
+        {
+          "name": "overlayActions",
+          "type": "boolean",
+          "attribute": "overlay-actions",
+          "reflect": true,
+          "mutable": true,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "internal": false
         }
       ],
       "shadowDelegatesFocus": false,
@@ -283,7 +303,7 @@
           "excludeFromCollection": false,
           "isCollectionDependency": false,
           "componentClassName": "MdsTableRow",
-          "elementRef": null,
+          "elementRef": "host",
           "encapsulation": "shadow",
           "shadowDelegatesFocus": false,
           "properties": [
@@ -305,6 +325,25 @@
                 "text": ""
               },
               "internal": false
+            },
+            {
+              "name": "overlayActions",
+              "type": "boolean",
+              "attribute": "overlay-actions",
+              "reflect": true,
+              "mutable": true,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": ""
+              },
+              "internal": false
             }
           ],
           "virtualProperties": [],
@@ -352,7 +391,7 @@
           "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-table-row/src/components/mds-table-row/mds-table-row.tsx",
           "sourceMapPath": null,
           "hasAttributeChangedCallbackFn": false,
-          "hasComponentWillLoadFn": false,
+          "hasComponentWillLoadFn": true,
           "hasComponentDidLoadFn": false,
           "hasComponentShouldUpdateFn": false,
           "hasComponentWillUpdateFn": false,
@@ -364,7 +403,7 @@
           "hasDisconnectedCallbackFn": false,
           "hasElement": false,
           "hasEvent": false,
-          "hasLifecycle": false,
+          "hasLifecycle": true,
           "hasListener": true,
           "hasListenerTarget": true,
           "hasListenerTargetWindow": false,
@@ -386,7 +425,7 @@
           "hasStyle": true,
           "hasVdomAttribute": true,
           "hasVdomXlink": false,
-          "hasVdomClass": false,
+          "hasVdomClass": true,
           "hasVdomFunctional": false,
           "hasVdomKey": true,
           "hasVdomListener": false,
@@ -394,15 +433,18 @@
           "hasVdomRef": false,
           "hasVdomRender": true,
           "hasVdomStyle": false,
-          "hasVdomText": false,
+          "hasVdomText": true,
           "hasWatchCallback": false,
           "isPlain": false,
           "htmlAttrNames": [
             "key",
-            "role"
+            "role",
+            "class",
+            "name"
           ],
           "htmlTagNames": [
-            "slot"
+            "slot",
+            "div"
           ],
           "htmlParts": [],
           "isUpdateable": true,
@@ -418,12 +460,13 @@
   ],
   "componentGraph": {
     "sc-mds-table-row": [
-      "p-6fd17720.js"
+      "p-60aa058b.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
     "./src/common/date.ts": [],
+    "./src/common/device.ts": [],
     "./src/common/file.ts": [],
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],

package/dist/types/common/aria.d.ts

@@ -1,5 +1,7 @@
 declare const unslugName: (name: string) => string;
 declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
+declare const removeAttributesIf: (element: HTMLElement, attribute: string, valueCheck: string | undefined, cleanAttributes: string | string[]) => boolean;
+declare const ifAttribute: (element: HTMLElement, attribute: string, valueCheck?: string) => boolean;
 declare const hashValue: (value: string) => string;
 declare const hashRandomValue: (value?: string) => string;
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

package/dist/types/common/device.d.ts

@@ -0,0 +1,2 @@
+declare const isMobileDevice: () => boolean;
+export { isMobileDevice, };

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

@@ -2,7 +2,11 @@
  * @slot default - Put `mds-table-cell` element/s.
  */
 export declare class MdsTableRow {
+    host: HTMLMdsTableRowElement;
+    private actions;
     interactive: boolean;
+    overlayActions: boolean;
     tableInteractiveHandler(event: CustomEvent<boolean>): void;
+    componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface MdsTableRow {
         "interactive": boolean;
+        "overlayActions": boolean;
     }
 }
 declare global {
@@ -24,6 +25,7 @@ declare global {
 declare namespace LocalJSX {
     interface MdsTableRow {
         "interactive"?: boolean;
+        "overlayActions"?: boolean;
     }
     interface IntrinsicElements {
         "mds-table-row": MdsTableRow;

package/dist/types/dictionary/text.d.ts

@@ -1,2 +1,4 @@
+declare const typographyTagDictionary: string[];
+declare const typographyHeadingTagDictionary: string[];
 declare const truncateDictionary: string[];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

package/dist/types/type/text.d.ts

@@ -1 +1,3 @@
+export type TypographyTagType = 'abbr' | 'address' | 'article' | 'b' | 'bdo' | 'blockquote' | 'cite' | 'code' | 'dd' | 'del' | 'details' | 'dfn' | 'div' | 'dl' | 'dt' | 'em' | 'figcaption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'i' | 'ins' | 'kbd' | 'label' | 'legend' | 'li' | 'mark' | 'ol' | 'p' | 'pre' | 'q' | 'rb' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'summary' | 'sup' | 'time' | 'u' | 'ul' | 'var';
+export type TypographyHeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyTruncateType = 'all' | 'none' | 'word';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T16:00:58",
+  "timestamp": "2024-12-04T15:30:05",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",
@@ -40,6 +40,27 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "overlayActions",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "overlay-actions",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -476,6 +497,11 @@
       "docstring": "",
       "path": "src/components/mds-push-notification/meta/event-detail.ts"
     },
+    "src/type/text.ts::TypographyHeadingTagType": {
+      "declaration": "export type TypographyHeadingTagType =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -507,7 +533,7 @@
       "path": "src/components/mds-tab-item/meta/event-detail.ts"
     },
     "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": {
-      "declaration": "export type SortDirectionType =\n  | 'asc'\n  | 'desc'\n  | 'none'",
+      "declaration": "export type SortDirectionType =\n  | 'ascending'\n  | 'descending'\n  | 'none'",
       "docstring": "",
       "path": "src/components/mds-table-header-cell/meta/types.ts"
     },
@@ -516,10 +542,10 @@
       "docstring": "",
       "path": "src/components/mds-text/meta/types.ts"
     },
-    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+    "src/type/text.ts::TypographyTagType": {
       "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
       "docstring": "",
-      "path": "src/components/mds-text/meta/types.ts"
+      "path": "src/type/text.ts"
     },
     "src/type/variant.ts::ThemeLuminanceVariantType": {
       "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-table-row",
-  "version": "4.7.1",
+  "version": "4.8.0",
   "description": "mds-table-row is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,7 +23,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-table-cell": "4.7.1",
+    "@maggioli-design-system/mds-table-cell": "4.7.2",
     "@maggioli-design-system/styles": "15.5.0",
     "@stencil/core": "4.22.2"
   },

package/readme.md

@@ -9,9 +9,10 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 
 ## Properties
 
-| Property      | Attribute     | Description | Type      | Default     |
-| ------------- | ------------- | ----------- | --------- | ----------- |
-| `interactive` | `interactive` |             | `boolean` | `undefined` |
+| Property         | Attribute         | Description | Type      | Default     |
+| ---------------- | ----------------- | ----------- | --------- | ----------- |
+| `interactive`    | `interactive`     |             | `boolean` | `undefined` |
+| `overlayActions` | `overlay-actions` |             | `boolean` | `undefined` |
 
 
 ## Slots

package/src/common/aria.ts

@@ -20,6 +20,24 @@ const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: str
   return value
 }
 
+const removeAttributesIf = (element: HTMLElement, attribute: string, valueCheck: string = 'true', cleanAttributes: string | string[]): boolean => {
+  if (ifAttribute(element, attribute, valueCheck)) {
+    const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes]
+    attributesList.forEach(attributeToRemove => {
+      element.removeAttribute(attributeToRemove)
+    })
+    return true
+  }
+  return false
+}
+
+const ifAttribute = (element: HTMLElement, attribute: string, valueCheck: string = 'true'): boolean => {
+  if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
+    return true
+  }
+  return false
+}
+
 const hashValue = (value: string): string => `${value}-${hash(value)}`
 
 const hashRandomValue = (value?: string): string => {
@@ -32,8 +50,10 @@ const hashRandomValue = (value?: string): string => {
 }
 
 export {
-  unslugName,
-  setAttributeIfEmpty,
   hashRandomValue,
   hashValue,
+  removeAttributesIf,
+  setAttributeIfEmpty,
+  ifAttribute,
+  unslugName,
 }

package/src/common/device.ts

@@ -0,0 +1,9 @@
+const isMobileDevice = (): boolean => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera
+  return /android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
+}
+
+export {
+  isMobileDevice,
+}

package/src/common/keyboard-manager.ts

@@ -36,14 +36,14 @@ export class KeyboardManager {
 
   attachEscapeBehavior = (callback: () => void): void => {
     this.escapeCallback = callback
-    if (window !== undefined) {
+    if (typeof window !== 'undefined') {
       window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }
 
   detachEscapeBehavior = (): void => {
     this.escapeCallback = () => { return }
-    if (window !== undefined) {
+    if (typeof window !== 'undefined') {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }

package/src/components/mds-table-row/mds-table-row.css

@@ -4,6 +4,8 @@
 
   --mds-table-row-color-hover: var(--mds-table-color-hover, theme('colors.tone-neutral-02'));
   --mds-table-row-color: var(--mds-table-color, theme('colors.tone-neutral-03'));
+  --mds-table-row-actions-gap: var(--mds-table-actions-gap, theme('spacing.400'));
+
 
   @apply
     duration-200
@@ -11,10 +13,68 @@
 
   color: var(--mds-table-row-color);
   display: table-row;
+  position: relative;
   transition-property: color;
 
 }
 
+.actions-wrapper {
+  inset: 0;
+  display: flex;
+  justify-content: end;
+  pointer-events: none;
+  position: absolute;
+}
+
+.actions {
+  align-items: center;
+  background-color: var(--mds-table-cell-background);
+  border-bottom-color: transparent;
+  border-bottom-style: solid;
+  border-bottom-width: var(--mds-table-border-width);
+  border-top-color: var(--mds-table-border-color);
+  border-top-style: solid;
+  border-top-width: var(--mds-table-border-width);
+  box-sizing: border-box;
+  display: inline-flex;
+  gap: var(--mds-table-row-actions-gap);
+  height: 100%;
+  margin-top: calc(var(--mds-table-border-width) * -1);
+  padding: var(--mds-table-cell-padding);
+  pointer-events: auto;
+  position: sticky;
+  right: 0;
+  transform: translateX(100%);
+  transition-duration: theme('transitionDuration.500');
+  transition-property: transform, background-color;
+  transition-timing-function: theme('transitionTimingFunction.out-expo');
+}
+
+.actions-wrapper--mobile {
+  position: relative;
+}
+
+.actions-wrapper--mobile .actions {
+  position: static;
+  transform: translateX(0);
+}
+
+:host(:hover) .actions {
+  transform: translateX(0);
+}
+
+:host([overlay-actions]:not([overlay-actions="false"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {
+  transform: translateX(100%);
+}
+
+:host([interactive]:not([interactive="false"])) .actions {
+  --mds-table-cell-background: var(--mds-table-body-background);
+}
+
+:host([interactive]:not([interactive="false"]):hover) .actions {
+  --mds-table-cell-background: var(--mds-table-cell-background-hover);
+}
+
 :host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {
 
   --mds-table-cell-background: var(--mds-table-cell-background-hover);

package/src/components/mds-table-row/mds-table-row.tsx

@@ -1,4 +1,6 @@
-import { Component, Host, h, Listen, Prop } from '@stencil/core'
+import { Component, Host, h, Listen, Prop, Element } from '@stencil/core'
+import { isMobileDevice } from '@common/device'
+import clsx from 'clsx'
 
 /**
  * @slot default - Put `mds-table-cell` element/s.
@@ -11,17 +13,33 @@ import { Component, Host, h, Listen, Prop } from '@stencil/core'
 })
 export class MdsTableRow {
 
+  @Element() host: HTMLMdsTableRowElement
+  private actions: boolean
+
   @Prop({ mutable: true, reflect: true }) interactive: boolean
 
+  @Prop({ mutable: true, reflect: true }) overlayActions: boolean
+
   @Listen('mdsTableInteractiveChange', { target: 'document' })
   tableInteractiveHandler (event: CustomEvent<boolean>): void {
     this.interactive = event.detail
   }
 
+  componentWillLoad (): void {
+    this.actions = this.host.querySelector('[slot="action"]') !== null
+  }
+
   render () {
     return (
       <Host role="row">
         <slot/>
+        { this.actions
+          && <div class={clsx('actions-wrapper', isMobileDevice() && 'actions-wrapper--mobile')} role="cell">
+            <div class="actions">
+              <slot name="action"></slot>
+            </div>
+          </div>
+        }
       </Host>
     )
   }

package/src/components/mds-table-row/readme.md

@@ -7,9 +7,10 @@
 
 ## Properties
 
-| Property      | Attribute     | Description | Type      | Default     |
-| ------------- | ------------- | ----------- | --------- | ----------- |
-| `interactive` | `interactive` |             | `boolean` | `undefined` |
+| Property         | Attribute         | Description | Type      | Default     |
+| ---------------- | ----------------- | ----------- | --------- | ----------- |
+| `interactive`    | `interactive`     |             | `boolean` | `undefined` |
+| `overlayActions` | `overlay-actions` |             | `boolean` | `undefined` |
 
 
 ## Slots

package/src/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 export namespace Components {
     interface MdsTableRow {
         "interactive": boolean;
+        "overlayActions": boolean;
     }
 }
 declare global {
@@ -24,6 +25,7 @@ declare global {
 declare namespace LocalJSX {
     interface MdsTableRow {
         "interactive"?: boolean;
+        "overlayActions"?: boolean;
     }
     interface IntrinsicElements {
         "mds-table-row": MdsTableRow;