@oslokommune/punkt-react 13.6.7 → 13.6.9

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.6.9](https://github.com/oslokommune/punkt/compare/13.6.8...13.6.9) (2025-09-24)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Utvid table-komponentene til å ta alle tilgjengelige HTML-props (#3044). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [13.6.4](https://github.com/oslokommune/punkt/compare/13.6.3...13.6.4) (2025-09-19)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -604,28 +604,28 @@ declare interface ISpecObject {
     default?: any;
 }
 
-declare interface ITableBodyProps {
+declare interface ITableBodyProps extends React_2.HTMLAttributes<HTMLTableSectionElement> {
     className?: string;
     children: React_2.ReactNode;
 }
 
-declare interface ITableDataCellProps {
+declare interface ITableDataCellProps extends React_2.HTMLAttributes<HTMLTableCellElement> {
     className?: string;
     children?: React_2.ReactNode;
     dataLabel?: string;
 }
 
-declare interface ITableHeaderCellProps {
+declare interface ITableHeaderCellProps extends React_2.HTMLAttributes<HTMLTableCellElement> {
     className?: string;
     children: React_2.ReactNode;
 }
 
-declare interface ITableHeaderProps {
+declare interface ITableHeaderProps extends React_2.HTMLAttributes<HTMLTableSectionElement> {
     className?: string;
     children: React_2.ReactNode;
 }
 
-declare interface ITableProps {
+declare interface ITableProps extends React_2.HTMLAttributes<HTMLTableElement> {
     compact?: boolean;
     skin?: 'basic' | 'zebra-blue';
     responsiveView?: boolean;
@@ -633,7 +633,7 @@ declare interface ITableProps {
     children: React_2.ReactNode;
 }
 
-declare interface ITableRowProps {
+declare interface ITableRowProps extends React_2.HTMLAttributes<HTMLTableRowElement> {
     className?: string;
     children: React_2.ReactNode;
 }
@@ -729,17 +729,17 @@ export declare const PktStep: ({ children, className, status, title }: IPktStep)
 
 export declare const PktStepper: default_2.ForwardRefExoticComponent<IPktStepper & default_2.RefAttributes<HTMLOListElement>>;
 
-export declare const PktTable: ({ className, compact, skin, responsiveView, children, }: ITableProps) => JSX_2.Element;
+export declare const PktTable: ({ className, compact, skin, responsiveView, children, ...props }: ITableProps) => JSX_2.Element;
 
-export declare const PktTableBody: ({ children, className }: ITableBodyProps) => JSX_2.Element;
+export declare const PktTableBody: ({ id, children, className, ...props }: ITableBodyProps) => JSX_2.Element;
 
-export declare const PktTableDataCell: ({ children, className, dataLabel }: ITableDataCellProps) => JSX_2.Element;
+export declare const PktTableDataCell: ({ children, className, dataLabel, ...props }: ITableDataCellProps) => JSX_2.Element;
 
-export declare const PktTableHeader: ({ className, children }: ITableHeaderProps) => JSX_2.Element;
+export declare const PktTableHeader: ({ className, children, ...props }: ITableHeaderProps) => JSX_2.Element;
 
-export declare const PktTableHeaderCell: ({ className, children }: ITableHeaderCellProps) => JSX_2.Element;
+export declare const PktTableHeaderCell: ({ className, children, ...props }: ITableHeaderCellProps) => JSX_2.Element;
 
-export declare const PktTableRow: ({ className, children }: ITableRowProps) => JSX_2.Element;
+export declare const PktTableRow: ({ className, children, ...props }: ITableRowProps) => JSX_2.Element;
 
 export declare const PktTabs: default_2.ForwardRefExoticComponent<IPktTabs & default_2.RefAttributes<HTMLDivElement>>;
 

package/dist/punkt-react.es.js

@@ -5946,7 +5946,7 @@ let Rt = class extends pt {
   filterOptions() {
     this.searchValue ? this._filteredOptions = this.options.filter((t) => {
       var r;
-      return (t.label + t.value).toLowerCase().includes(((r = this.searchValue) == null ? void 0 : r.toLowerCase()) || "");
+      return (t.fulltext || t.label + t.value + (t.prefix || "")).toLowerCase().includes(((r = this.searchValue) == null ? void 0 : r.toLowerCase()) || "");
     }) : this._filteredOptions = [...this.options];
   }
   isLetterOrSpace(t) {
@@ -6375,7 +6375,7 @@ let it = class extends ge {
       case ((i.length === 0 || !o) && this.allowUserInput):
         this._addValueText = r, this._userInfoMessage = "";
         break;
-      case (i.length === 0 && !this.allowUserInput):
+      case (i.length === 0 && !this._options.length && !this.allowUserInput):
         this._addValueText = null, this._userInfoMessage = "Ingen match i søket";
         break;
       case !!a:
@@ -37554,7 +37554,8 @@ const rf = Ke(
   compact: t = !1,
   skin: r = "basic",
   responsiveView: n = !0,
-  children: a
+  children: a,
+  ...i
 }) => /* @__PURE__ */ f.jsx(
   "table",
   {
@@ -37566,15 +37567,17 @@ const rf = Ke(
       "pkt-table--zebra-blue": r === "zebra-blue"
     }),
     role: "table",
+    ...i,
     children: a
   }
-), qs = ({ className: e, children: t }) => /* @__PURE__ */ f.jsx("thead", { className: _r(e, "pkt-table__header", {}), role: "rowgroup", children: t }), Gs = ({ children: e, className: t }) => /* @__PURE__ */ f.jsx("tbody", { className: _r(t, "pkt-table__body", {}), role: "rowgroup", children: e }), On = ({ className: e, children: t }) => /* @__PURE__ */ f.jsx("tr", { className: _r(e, "pkt-table__row", {}), role: "row", children: t }), vr = ({ className: e, children: t }) => /* @__PURE__ */ f.jsx("th", { className: _r(e, "pkt-table__header-cell", {}), role: "columnheader", children: t }), ar = ({ children: e, className: t, dataLabel: r }) => /* @__PURE__ */ f.jsx(
+), qs = ({ className: e, children: t, ...r }) => /* @__PURE__ */ f.jsx("thead", { className: _r(e, "pkt-table__header", {}), role: "rowgroup", ...r, children: t }), Gs = ({ id: e, children: t, className: r, ...n }) => /* @__PURE__ */ f.jsx("tbody", { id: e, className: _r(r, "pkt-table__body", {}), ...n, role: "rowgroup", children: t }), On = ({ className: e, children: t, ...r }) => /* @__PURE__ */ f.jsx("tr", { className: _r(e, "pkt-table__row", {}), role: "row", ...r, children: t }), vr = ({ className: e, children: t, ...r }) => /* @__PURE__ */ f.jsx("th", { className: _r(e, "pkt-table__header-cell", {}), role: "columnheader", ...r, children: t }), ar = ({ children: e, className: t, dataLabel: r, ...n }) => /* @__PURE__ */ f.jsx(
   "td",
   {
     className: _r(t, "pkt-table__data-cell", {}),
     "data-label": r,
     role: "cell",
     "data-testid": "pkt-table__data-cell",
+    ...n,
     children: e
   }
 ), c3 = ({ specs: e }) => {