@altinn/altinn-components 0.13.0 → 0.13.1

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,75 +1,81 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useState as z } from "react";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useState as S } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { QueryLabel as h } from "./QueryLabel.js";
-import { Button as u } from "../Button/Button.js";
-import { IconButton as C } from "../Button/IconButton.js";
+import { QueryLabel as I } from "./QueryLabel.js";
+import { Button as L } from "../Button/Button.js";
+import { IconButton as b } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as I } from "../List/ListItemBase.js";
-import { ListItemHeader as L } from "../List/ListItemHeader.js";
+import { ListItemBase as v } from "../List/ListItemBase.js";
+import { ListItemHeader as y } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as H } from "../Page/Section.js";
-import { Flex as Q } from "../Page/Flex.js";
-import { TextField as U } from "../TextField/TextField.js";
-const X = ({
-  size: l = "sm",
-  icon: k = "bookmark",
+import { Section as z } from "../Page/Section.js";
+import { Flex as F } from "../Page/Flex.js";
+import { TextField as H } from "../TextField/TextField.js";
+const R = ({
+  size: p = "sm",
+  icon: f = "bookmark",
   expanded: t,
   loading: o,
   title: i,
-  titleField: a,
-  untitled: b = "Untitled bookmark",
-  params: m,
-  onToggle: n,
-  saveButton: c,
+  titleField: l,
+  untitled: C = "Untitled bookmark",
+  params: a,
+  onToggle: m,
+  saveButton: n,
   removeButton: e,
-  as: v,
-  ...s
+  inputValue: k,
+  onChange: u,
+  as: j,
+  ...c
 }) => {
-  const [p, j] = z({ title: i, params: m }), w = (x) => {
-    const { name: F, value: S } = x.target;
-    j((y) => ({
-      ...y,
-      [F]: S
-    }));
-  };
-  return t && !o ? /* @__PURE__ */ f(I, { loading: o, expanded: t, children: [
+  const [w, x] = S("");
+  return t && !o ? /* @__PURE__ */ s(v, { loading: o, expanded: t, children: [
     /* @__PURE__ */ r(
-      L,
+      y,
       {
-        size: l,
-        title: i || b,
+        size: p,
+        title: i || C,
         loading: o,
-        icon: k,
-        onClick: n,
-        controls: /* @__PURE__ */ r(C, { variant: "outline", size: "sm", icon: "chevron-up", onClick: n }),
-        ...s
+        icon: f,
+        onClick: m,
+        controls: /* @__PURE__ */ r(b, { variant: "outline", size: "sm", icon: "chevron-up", onClick: m }),
+        ...c
       }
     ),
-    t && /* @__PURE__ */ f(H, { padding: "lg", spacing: "lg", children: [
-      /* @__PURE__ */ r(h, { params: m }),
-      a && /* @__PURE__ */ r(U, { ...a, name: "title", value: (p == null ? void 0 : p.title) || "", onChange: w }),
-      (c || e) && /* @__PURE__ */ f(Q, { as: "footer", direction: "row", spacing: "sm", children: [
-        c && /* @__PURE__ */ r(u, { ...c }),
-        e && /* @__PURE__ */ r(u, { ...e, variant: "outline" })
+    t && /* @__PURE__ */ s(z, { padding: "lg", spacing: "lg", children: [
+      /* @__PURE__ */ r(I, { params: a }),
+      l && /* @__PURE__ */ r(
+        H,
+        {
+          ...l,
+          name: "title",
+          value: typeof k == "string" ? k : w,
+          onChange: (h) => {
+            typeof u == "function" ? u(h) : x(h.target.value);
+          }
+        }
+      ),
+      (n || e) && /* @__PURE__ */ s(F, { as: "footer", direction: "row", spacing: "sm", children: [
+        n && /* @__PURE__ */ r(L, { ...n }),
+        e && /* @__PURE__ */ r(L, { ...e, variant: "outline" })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ r(I, { ...s, loading: o, expanded: t, children: /* @__PURE__ */ r(
-    L,
+  ] }) : /* @__PURE__ */ r(v, { ...c, loading: o, expanded: t, children: /* @__PURE__ */ r(
+    y,
     {
-      as: v,
-      size: l,
+      as: j,
+      size: p,
       title: i,
       loading: o,
-      icon: k,
-      controls: !o && /* @__PURE__ */ r(C, { variant: "outline", size: "sm", icon: "chevron-down", onClick: n }),
-      ...s,
-      children: !i && !o && /* @__PURE__ */ r(h, { params: m })
+      icon: f,
+      controls: !o && /* @__PURE__ */ r(b, { variant: "outline", size: "sm", icon: "chevron-down", onClick: m }),
+      ...c,
+      children: !i && !o && /* @__PURE__ */ r(I, { params: a })
     }
   ) });
 };
 export {
-  X as BookmarksListItem
+  R as BookmarksListItem
 };

package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts

@@ -2,6 +2,10 @@ import { ButtonProps, ListItemInputProps, TextFieldProps } from '..';
 import { QueryItemProps } from './QueryLabel';
 export interface BookmarksListItemProps extends ListItemInputProps {
     id: string;
+    /** Input value */
+    inputValue?: string;
+    /** On change */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /** Loading */
     loading?: boolean;
     /** Expanded */
@@ -23,4 +27,4 @@ export interface BookmarksListItemProps extends ListItemInputProps {
     /** Render as **/
     as?: React.ElementType;
 }
-export declare const BookmarksListItem: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, as, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksListItem: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, inputValue, onChange, as, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, as, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, inputValue, onChange, as, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/package.json

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