@altinn/altinn-components 0.15.0 → 0.15.2

package/dist/types/lib/components/index.d.ts

@@ -1,6 +1,5 @@
 export * from '../types/';
 export * from './Attachment';
-export * from './Autocomplete';
 export * from './Avatar';
 export * from './Badge';
 export * from './Bookmarks';
@@ -19,7 +18,7 @@ export * from './List';
 export * from './Menu';
 export * from './Meta';
 export * from './RootProvider';
-export * from './Searchbar';
+export * from './Search';
 export * from './Snackbar';
 export * from './Skeleton';
 export * from './Timeline';

package/package.json

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

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,41 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as E, createElement as x } from "react";
-import { useMenu as A } from "../../hooks/useMenu.js";
-import { useEnterKey as h } from "../../hooks/useEnterKey.js";
-import { AutocompleteBase as v } from "./AutocompleteBase.js";
-import { AutocompleteGroup as k } from "./AutocompleteGroup.js";
-import { AutocompleteItem as I } from "./AutocompleteItem.js";
-const P = ({ className: s, items: n, groups: i = {}, expanded: c, onSelect: r }) => {
-  const p = E(null);
-  h(() => {
-    var o;
-    const e = (o = p.current) == null ? void 0 : o.querySelector('[data-active="true"]'), t = e == null ? void 0 : e.querySelector("a, button");
-    t == null || t.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
-  });
-  const { menu: d, setActiveIndex: a } = A({
-    items: n,
-    groups: i,
-    groupByKey: "groupId",
-    keyboardEvents: !0
-  });
-  return /* @__PURE__ */ u(v, { className: s, expanded: c, ref: p, children: d.map((e, t) => /* @__PURE__ */ x(k, { ...e.props, key: t }, /* @__PURE__ */ u("ul", { children: e.items.map((o, f) => {
-    const {
-      active: l,
-      menuIndex: y,
-      props: { groupId: M, onClick: m, ...b }
-    } = o;
-    return /* @__PURE__ */ u("li", { tabIndex: -1, onMouseEnter: () => a(y), children: /* @__PURE__ */ u(
-      I,
-      {
-        ...b,
-        onClick: () => {
-          m == null || m(), r == null || r();
-        },
-        active: l
-      }
-    ) }, f);
-  }) }))) });
-};
-export {
-  P as Autocomplete
-};

package/dist/components/Autocomplete/index.js

@@ -1,8 +0,0 @@
-import { Autocomplete as t } from "./Autocomplete.js";
-import { AutocompleteItem as p } from "./AutocompleteItem.js";
-import { ScopeListItem as c } from "./ScopeListItem.js";
-export {
-  t as Autocomplete,
-  p as AutocompleteItem,
-  c as ScopeListItem
-};

package/dist/components/Dialog/DialogHistoryDetails.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { useState as u } from "react";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as x } from "./DialogMetadata.js";
-import { DialogAttachments as g } from "./DialogAttachments.js";
-import { DialogTransmissions as D } from "./DialogTransmissions.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-const C = ({ attachments: o, transmissions: r }) => {
-  const l = o == null ? void 0 : o.title, p = r == null ? void 0 : r.title, [i, t] = u(!1), f = () => {
-    t(!0);
-  };
-  return !o && !r ? !1 : i ? /* @__PURE__ */ d(m, { children: [
-    o && /* @__PURE__ */ e(g, { ...o }),
-    r && /* @__PURE__ */ e(D, { ...r })
-  ] }) : /* @__PURE__ */ e(x, { attachmentsLabel: l, transmissionsLabel: p, onClick: f });
-};
-export {
-  C as DialogHistoryDetails
-};

package/dist/components/Dialog/DialogHistoryItem.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "react";
-import { Typography as s } from "../Typography/Typography.js";
-import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { TimelineSection as a } from "../Timeline/TimelineSection.js";
-import { DialogHistoryDetails as c } from "./DialogHistoryDetails.js";
-const b = ({
-  createdBy: i,
-  createdAt: t,
-  createdAtLabel: m,
-  summary: r,
-  attachments: l,
-  transmissions: p,
-  children: e
-}) => /* @__PURE__ */ o(
-  a,
-  {
-    color: "neutral",
-    size: "xs",
-    datetime: t,
-    dateline: m,
-    byline: i == null ? void 0 : i.name,
-    avatar: i,
-    children: /* @__PURE__ */ n(s, { color: "article", size: "md", children: [
-      r && /* @__PURE__ */ o("p", { children: r }),
-      /* @__PURE__ */ o(c, { attachments: l, transmissions: p }),
-      e
-    ] })
-  }
-);
-export {
-  b as DialogHistoryItem
-};

package/dist/components/Dialog/DraftDialog.js

@@ -1,65 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "react";
-import { Typography as g } from "../Typography/Typography.js";
-import { Heading as B } from "../Typography/Heading.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as P } from "./DialogMetadata.js";
-import { DialogActions as w } from "./DialogActions.js";
-import { DialogSection as d } from "./DialogSection.js";
-import { Avatar as F } from "../Avatar/Avatar.js";
-import { DialogAttachments as H } from "./DialogAttachments.js";
-import "../RootProvider/RootProvider.js";
-import { Byline as M } from "../Byline/Byline.js";
-import "../Snackbar/useSnackbar.js";
-import { PageBase as N } from "../Page/PageBase.js";
-import { PageNav as T } from "../Page/PageNav.js";
-import { Article as k } from "../Page/Article.js";
-import { Section as t } from "../Page/Section.js";
-import { Flex as q } from "../Page/Flex.js";
-const n = ({
-  backButton: x,
-  menu: o,
-  updatedAt: y,
-  updatedAtLabel: z,
-  dueAt: D,
-  dueAtLabel: A,
-  status: S,
-  title: u,
-  sender: p,
-  recipient: h,
-  recipientLabel: b = "to",
-  summary: j = "Summary.",
-  body: v,
-  actions: l = [],
-  attachments: s,
-  additionalInfo: m,
-  contactInfo: e
-}) => /* @__PURE__ */ i(N, { theme: "default", shadow: "xs", children: [
-  /* @__PURE__ */ r(T, { backButton: x, menu: o, padding: 2, children: /* @__PURE__ */ r(P, { status: S, dueAt: D, dueAtLabel: A }) }),
-  /* @__PURE__ */ i(k, { padding: "page", spacing: 6, children: [
-    /* @__PURE__ */ i(t, { as: "header", spacing: 3, children: [
-      /* @__PURE__ */ i(q, { align: "center", spacing: 3, children: [
-        /* @__PURE__ */ r(F, { size: "xl", ...p }),
-        /* @__PURE__ */ r(B, { size: "xl", children: u })
-      ] }),
-      /* @__PURE__ */ i(M, { size: "md", datetime: y, children: [
-        /* @__PURE__ */ r("strong", { children: h == null ? void 0 : h.name }),
-        b + " " + (p == null ? void 0 : p.name) + ", ",
-        z
-      ] })
-    ] }),
-    /* @__PURE__ */ r(t, { padding: 6, spacing: 4, style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
-      /* @__PURE__ */ r("p", { children: j }),
-      v,
-      s && /* @__PURE__ */ r(H, { ...s }),
-      (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ r(w, { items: l })
-    ] }) }),
-    m && /* @__PURE__ */ r(d, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) }),
-    e && /* @__PURE__ */ r(d, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) })
-  ] })
-] });
-export {
-  n as DraftDialog
-};

package/dist/components/Searchbar/index.js

@@ -1,4 +0,0 @@
-import { Searchbar as e } from "./Searchbar.js";
-export {
-  e as Searchbar
-};

package/dist/types/lib/components/Autocomplete/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Autocomplete';
-export * from './AutocompleteItem';
-export * from './ScopeListItem';

package/dist/types/lib/components/Dialog/DialogContent.stories.d.ts

@@ -1,22 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ updatedAt, updatedAtLabel, seenBy, activityLog, children }: import('./DialogContent').DialogContentProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    args: {
-        updatedAt: string;
-        updatedAtLabel: string;
-        children: string;
-        seenBy: {
-            seenByEndUser: true;
-            label: string;
-        };
-        activityLog: {
-            label: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const ExtendedContent: Story;

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

@@ -1,6 +0,0 @@
-import { DialogAttachmentsProps, DialogTransmissionsProps } from '../';
-export interface DialogHistoryDetailsProps {
-    attachments?: DialogAttachmentsProps;
-    transmissions?: DialogTransmissionsProps;
-}
-export declare const DialogHistoryDetails: ({ attachments, transmissions }: DialogHistoryDetailsProps) => false | import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { AvatarProps, DialogAttachmentsProps, DialogTransmissionsProps } from '../';
-export interface DialogHistoryItemProps {
-    createdAt?: string;
-    createdAtLabel?: string;
-    createdBy?: AvatarProps;
-    summary?: string;
-    attachments?: DialogAttachmentsProps;
-    transmissions?: DialogTransmissionsProps;
-    collapsed?: boolean;
-    children?: ReactNode;
-}
-export declare const DialogHistoryItem: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, children, }: DialogHistoryItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-import { DialogProps } from '..';
-/**
- * Draft dialog variant,
- */
-export declare const DraftDialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, recipientLabel, summary, body, actions, attachments, additionalInfo, contactInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export * from './Searchbar';

package/dist/components/{Autocomplete → Search}/ScopeListItem.js

@@ -2,8 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Icon/SvgIcon.js";
-import "./AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "./AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as i } from "../List/ListItem.js";
 import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", e = {