@altinn/altinn-components 0.18.4 → 0.18.5

package/dist/components/Dialog/DialogListGroup.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
+import * as m from "react";
 import { forwardRef as f } from "react";
-import { Button as c } from "../Button/Button.js";
+import { Button as p } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as p } from "../List/ListBase.js";
+import { ListBase as c } from "../List/ListBase.js";
 import { Heading as d } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as u } from "../Page/Section.js";
 import { u as g } from "../../useId-CsCRkvK3.js";
-var b = function(e, i) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
+var v = function(e, i) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      i.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
-  return o;
+    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+      i.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
+  return r;
 };
-const h = f((e, i) => {
-  var { title: o, titleId: t } = e, r = b(e, ["title", "titleId"]);
-  let l = g();
-  return l = o ? t || "title-" + l : void 0, a.createElement(
+const w = f((e, i) => {
+  var { title: r, titleId: t } = e, o = v(e, ["title", "titleId"]);
+  let n = g();
+  return n = r ? t || "title-" + n : void 0, m.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, r),
-    o ? a.createElement("title", { id: l }, o) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": n }, o),
+    r ? m.createElement("title", { id: n }, r) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
-}), P = ({ title: e, children: i }) => /* @__PURE__ */ m(u, { spacing: 3, children: [
-  e && /* @__PURE__ */ m(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ n(d, { size: "lg", children: e }),
-    /* @__PURE__ */ n(c, { variant: "text", icon: h, size: "sm", children: "Velg alle" })
+}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(u, { spacing: 3, children: [
+  e && /* @__PURE__ */ a(s, { direction: "row", align: "center", justify: "between", children: [
+    /* @__PURE__ */ l(d, { size: "lg", children: e }),
+    r && /* @__PURE__ */ l(p, { variant: "text", icon: w, size: "sm", children: r })
   ] }),
-  /* @__PURE__ */ n(p, { spacing: 3, children: i })
+  /* @__PURE__ */ l(c, { spacing: 3, children: i })
 ] });
 export {
   P as DialogListGroup

package/dist/components/Search/SearchField.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
 import { c as I } from "../../index-L8X2o7IH.js";
 import { useRef as N } from "react";
 import { Icon as v } from "../Icon/Icon.js";
@@ -19,31 +19,31 @@ import '../../assets/SearchField.css';const j = "_field_1y3oc_1", A = "_icon_1y3
   className: m,
   expanded: p,
   name: u = "q",
-  value: i,
+  value: o,
   placeholder: d = "Search",
   closeButtonAltText: f = "Close search",
   clearButtonAltText: _ = "Clear search",
   onFocus: y,
   onBlur: h,
   onChange: x,
-  onClear: S,
-  onClose: b,
-  onEnter: t,
+  onClear: b,
+  onClose: S,
+  onEnter: c,
   tabIndex: g
 }) => {
-  const c = N(null), k = (e) => {
+  const i = N(null), k = (e) => {
     var a, r;
-    e.key === "Escape" && ((a = c.current) == null || a.blur()), e.key === "Enter" && ((r = c.current) == null || r.blur(), t == null || t());
+    e.key === "Escape" && ((a = i.current) == null || a.blur()), e.key === "Enter" && ((r = i.current) == null || r.blur(), c == null || c());
   };
   return /* @__PURE__ */ C("div", { className: I(s.field, m), children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       "input",
       {
-        ref: c,
+        ref: i,
         onFocus: y,
         onBlur: h,
         name: u,
-        value: i,
+        value: o,
         onChange: x,
         placeholder: d,
         className: s.input,
@@ -52,28 +52,29 @@ import '../../assets/SearchField.css';const j = "_field_1y3oc_1", A = "_icon_1y3
         "aria-haspopup": !0,
         autoComplete: "off",
         "aria-autocomplete": "list",
-        tabIndex: g ?? 0
+        tabIndex: g ?? 0,
+        "data-testid": "searchbar-input"
       }
     ),
-    /* @__PURE__ */ o(v, { svgElement: T, className: s.icon }),
-    i && /* @__PURE__ */ o(
+    /* @__PURE__ */ t(v, { svgElement: T, className: s.icon }),
+    o && /* @__PURE__ */ t(
       n,
       {
         icon: l,
         variant: "solid",
         size: "custom",
         className: s.clear,
-        onClick: S,
+        onClick: b,
         dataTestId: "search-button-clear",
         iconAltText: _
       }
-    ) || p && /* @__PURE__ */ o(
+    ) || p && /* @__PURE__ */ t(
       n,
       {
         icon: l,
         variant: "text",
         className: s.dismiss,
-        onClick: b,
+        onClick: S,
         dataTestId: "search-button-close",
         iconAltText: f
       }

package/dist/types/lib/components/Dialog/DialogListGroup.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export interface DialogListGroupProps {
     title?: string;
     children?: ReactNode;
+    checkAllLabel?: string;
 }
-export declare const DialogListGroup: ({ title, children }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListGroup: ({ title, children, checkAllLabel }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.18.4",
+  "version": "0.18.5",
   "main": "dist/index.js",
   "files": [
     "dist/",