@altinn/altinn-components 0.56.13 → 0.56.14

package/dist/assets/QueryLabel.css

@@ -1 +1 @@
-._label_yf5z4_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_yf5z4_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_yf5z4_1{font-size:var(--dsc-item-font-size);display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_yf5z4_25{display:inline-flex;align-items:center;column-gap:.25rem}._plus_yf5z4_31{color:var(--ds-color-text-subtle)}._item_yf5z4_35{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_yf5z4_35[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_yf5z4_35[data-type=search]:before{content:"«"}._item_yf5z4_35[data-type=search]:after{content:"»"}._item_yf5z4_35[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:var(--dsc-item-padding-y) var(--dsc-item-padding-x);border-radius:2px}
+._label_1qrdy_1{--dsc-item-font-size: .875rem;--dsc-item-padding-x: .5em;--dsc-item-padding-y: .25em;--dsc-item-color: var(--ds-color-text-default);overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1qrdy_1[data-variant=subtle]{--dsc-item-color: var(--ds-color-text-subtle)}._label_1qrdy_1[data-size=xs]{--dsc-item-font-size: .75rem;--dsc-item-padding-x: .25em;--dsc-item-padding-y: 0}._label_1qrdy_1{font-size:var(--dsc-item-font-size);color:var(--dsc-item-color);display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1qrdy_31{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1qrdy_37{color:var(--ds-color-text-subtle)}._item_1qrdy_41{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}._item_1qrdy_41[data-type=search]{background-color:transparent;font-weight:500;border-bottom:1px solid;padding:var(--dsc-item-padding-y) 0}._item_1qrdy_41[data-type=search]:before{content:"«"}._item_1qrdy_41[data-type=search]:after{content:"»"}._item_1qrdy_41[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:var(--dsc-item-padding-y) var(--dsc-item-padding-x);border-radius:2px}

package/dist/components/Searchbar/QueryLabel.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const n = "_label_yf5z4_1", o = "_group_yf5z4_25", p = "_plus_yf5z4_31", m = "_item_yf5z4_35", l = {
-  label: n,
-  group: o,
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import '../../assets/QueryLabel.css';const o = "_label_1qrdy_1", d = "_group_1qrdy_31", p = "_plus_1qrdy_37", u = "_item_1qrdy_41", a = {
+  label: o,
+  group: d,
   plus: p,
-  item: m
-}, u = ({ type: s = "search", label: t }) => /* @__PURE__ */ e("span", { className: l.item, "data-type": s, children: t }), i = ({ params: s = [], size: t = "sm" }) => /* @__PURE__ */ e("div", { className: l.label, "data-size": t, children: s.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
-  /* @__PURE__ */ e(u, { ...r }),
-  s[a + 1] && /* @__PURE__ */ e("span", { className: l.plus, children: "+" })
-] }, a)) });
+  item: u
+}, i = ({ type: s = "search", label: l }) => /* @__PURE__ */ e("span", { className: a.item, "data-type": s, children: l }), _ = ({ params: s = [], size: l = "sm", variant: r = "default" }) => /* @__PURE__ */ e("div", { className: a.label, "data-size": l, "data-variant": r, children: s.map((c, t) => /* @__PURE__ */ n("div", { className: a.group, children: [
+  /* @__PURE__ */ e(i, { ...c }),
+  s[t + 1] && /* @__PURE__ */ e("span", { className: a.plus, children: "+" })
+] }, t)) });
 export {
-  u as QueryItem,
-  i as QueryLabel
+  i as QueryItem,
+  _ as QueryLabel
 };

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -1,80 +1,82 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { useState as b } from "react";
+import { useState as y } from "react";
 import { Button as d } from "../Button/Button.js";
 import { ButtonGroup as h } from "../Button/ButtonGroup.js";
-import { ContextMenu as z } from "../ContextMenu/ContextMenu.js";
+import { ContextMenu as C } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as k } from "../Searchbar/QueryLabel.js";
-import { TextField as C } from "../Forms/TextField.js";
+import { QueryLabel as G } from "../Searchbar/QueryLabel.js";
+import { TextField as j } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as G } from "./SettingsItemBase.js";
-import { SettingsModal as j } from "./SettingsModal.js";
-import { S as M } from "../../MagnifyingGlass-bwVhw07z.js";
-const O = ({
-  id: u,
-  icon: m = M,
-  loading: x,
-  title: l,
-  params: n,
-  controls: L,
+import { SettingsItemBase as z } from "./SettingsItemBase.js";
+import { SettingsModal as L } from "./SettingsModal.js";
+import { BookmarksSettingsItemLabel as M } from "./BookmarksSettingsItemLabel.js";
+import { S as Q } from "../../MagnifyingGlass-bwVhw07z.js";
+const X = ({
+  id: S,
+  icon: m = Q,
+  loading: l,
+  title: n,
+  untitled: T,
+  highlightWords: u,
+  params: a,
+  controls: V,
   inputValue: s,
-  titleField: a,
-  saveButton: t,
-  removeButton: o,
-  contextMenu: f,
-  onChange: p,
-  open: c = !1,
+  titleField: f,
+  saveButton: o,
+  removeButton: i,
+  contextMenu: p,
+  onChange: c,
+  open: k = !1,
   onClose: e,
-  ...S
+  ...b
 }) => {
-  const [y, I] = b("");
+  const [x, I] = y("");
   return /* @__PURE__ */ r(
-    G,
+    z,
     {
-      ...S,
-      id: u,
-      expanded: c,
+      ...b,
+      id: S,
+      expanded: k,
       icon: m,
-      loading: x,
-      title: l,
-      value: /* @__PURE__ */ r(k, { params: n, size: "xs" }),
-      controls: f && /* @__PURE__ */ r(z, { ...f }),
+      loading: l,
+      label: /* @__PURE__ */ r(M, { highlightWords: u, loading: l, params: a, title: n }),
+      controls: p && /* @__PURE__ */ r(C, { ...p }),
       linkIcon: !0,
-      children: /* @__PURE__ */ g(j, { icon: m, title: l, open: c, onClose: e, children: [
-        /* @__PURE__ */ r(k, { params: n }),
+      children: /* @__PURE__ */ g(L, { icon: m, title: n, open: k, onClose: e, children: [
+        /* @__PURE__ */ r(G, { params: a }),
         /* @__PURE__ */ r(
-          C,
+          j,
           {
-            ...a,
-            label: a?.label || "Gi søket et navn",
+            ...f,
+            label: f?.label || "Gi søket et navn",
             size: "sm",
             name: "title",
-            value: typeof s == "string" ? s : y,
-            onChange: (i) => {
-              typeof p == "function" ? p(i) : I(i.target.value);
+            value: typeof s == "string" ? s : x,
+            onChange: (t) => {
+              typeof c == "function" ? c(t) : I(t.target.value);
             }
           }
         ),
-        (t || o) && /* @__PURE__ */ g(h, { size: "md", children: [
-          t && /* @__PURE__ */ r(
+        (o || i) && /* @__PURE__ */ g(h, { size: "md", children: [
+          o && /* @__PURE__ */ r(
             d,
             {
-              ...t,
-              onClick: (i) => {
-                t.onClick?.(i), e();
+              ...o,
+              onClick: (t) => {
+                o.onClick?.(t), e();
               }
             }
           ),
-          o && /* @__PURE__ */ r(
+          i && /* @__PURE__ */ r(
             d,
             {
-              ...o,
+              ...i,
               variant: "outline",
               color: "danger",
-              onClick: (i) => {
-                o.onClick?.(i), e();
+              onClick: (t) => {
+                i.onClick?.(t), e();
               }
             }
           )
@@ -84,5 +86,5 @@ const O = ({
   );
 };
 export {
-  O as BookmarksSettingsItem
+  X as BookmarksSettingsItem
 };

package/dist/components/Settings/BookmarksSettingsItemLabel.js

@@ -0,0 +1,21 @@
+import { jsxs as e, Fragment as s, jsx as m } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import { Heading as p } from "../Typography/Heading.js";
+import "../Button/Button.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { QueryLabel as a } from "../Searchbar/QueryLabel.js";
+import "../Snackbar/useSnackbar.js";
+const h = ({
+  loading: o,
+  title: r,
+  params: i,
+  highlightWords: t
+}) => /* @__PURE__ */ e(s, { children: [
+  r && /* @__PURE__ */ m(p, { size: "sm", loading: o, highlightWords: t, children: r }),
+  /* @__PURE__ */ m(a, { params: i, size: r ? "xs" : "sm", variant: r ? "subtle" : "default" })
+] });
+export {
+  h as BookmarksSettingsItemLabel
+};

package/dist/components/Settings/BookmarksSettingsList.js

@@ -30,7 +30,8 @@ const q = ({
         {
           ...r,
           key: r.id,
-          title: r?.title || l,
+          title: r?.title,
+          untitled: l,
           loading: e || r.loading,
           onToggle: () => d?.(r.id),
           expanded: p === r.id

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,12 +1,12 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as h } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../SearchField-DhPNZyyE.js";
-const d = ({
+import { S as l } from "../../SearchField-DhPNZyyE.js";
+const j = ({
   value: r,
   name: o,
   placeholder: t = "Search",
@@ -15,10 +15,11 @@ const d = ({
   clearButtonAltText: i = "Clear search",
   onChange: p,
   onClear: m,
-  menu: s,
-  minLength: c
-}) => /* @__PURE__ */ f(
-  h,
+  onKeyDown: s,
+  menu: c,
+  minLength: f
+}) => /* @__PURE__ */ h(
+  l,
   {
     size: "xs",
     value: r,
@@ -27,15 +28,16 @@ const d = ({
     clearButtonAltText: i,
     onChange: p,
     onClear: m,
+    onKeyDown: s,
     collapsible: a,
     autoComplete: "off",
     autoCapitalize: "off",
     type: "search",
-    minLength: c,
+    minLength: f,
     loading: e,
-    menu: s
+    menu: c
   }
 );
 export {
-  d as ToolbarSearch
+  j as ToolbarSearch
 };

package/dist/types/lib/components/Searchbar/QueryLabel.d.ts

@@ -9,5 +9,6 @@ export declare const QueryItem: ({ type, label }: QueryItemProps) => import("rea
 export interface QueryLabelProps {
     params?: QueryItemProps[];
     size?: QueryItemSize;
+    variant?: 'default' | 'subtle';
 }
-export declare const QueryLabel: ({ params, size }: QueryLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QueryLabel: ({ params, size, variant }: QueryLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/BookmarksSettingsItem.d.ts

@@ -8,6 +8,8 @@ export interface BookmarksSettingsItemProps extends SettingsItemProps {
     loading?: boolean;
     /** Optional title */
     title?: string;
+    /** Optional title */
+    untitled?: string;
     /** Query params */
     params?: QueryItemProps[];
     /** Input value */
@@ -27,4 +29,4 @@ export interface BookmarksSettingsItemProps extends SettingsItemProps {
     /** Open */
     open?: boolean;
 }
-export declare const BookmarksSettingsItem: ({ id, icon, loading, title, params, controls, inputValue, titleField, saveButton, removeButton, contextMenu, onChange, open, onClose, ...rest }: BookmarksSettingsItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksSettingsItem: ({ id, icon, loading, title, untitled, highlightWords, params, controls, inputValue, titleField, saveButton, removeButton, contextMenu, onChange, open, onClose, ...rest }: BookmarksSettingsItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/BookmarksSettingsItemLabel.d.ts

@@ -0,0 +1,12 @@
+import { QueryItemProps } from '..';
+export interface BookmarksSettingsItemLabelProps {
+    /** Optional title */
+    title?: string;
+    /** Query params */
+    params?: QueryItemProps[];
+    /** Loading */
+    loading?: boolean;
+    /** Highlight words */
+    highlightWords?: string[];
+}
+export declare const BookmarksSettingsItemLabel: ({ loading, title, params, highlightWords, }: BookmarksSettingsItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts

@@ -2,4 +2,4 @@ import { SearchFieldProps } from '../Forms';
 export interface ToolbarSearchProps extends SearchFieldProps {
     collapsible?: boolean;
 }
-export declare const ToolbarSearch: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSearch: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, menu, minLength, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {

package/package.json

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