@altinn/altinn-components 0.7.5 → 0.8.0

package/dist/Autocomplete-hEFuiN2u.js

@@ -1,287 +0,0 @@
-"use client";
-import { jsx as e, jsxs as _, Fragment as $ } from "react/jsx-runtime";
-import { Fragment as G, forwardRef as K, createElement as R } from "react";
-import { useMenu as E } from "./hooks/useMenu.js";
-import { AutocompleteBase as Q } from "./components/Searchbar/AutocompleteBase.js";
-import { AutocompleteGroup as V } from "./components/Searchbar/AutocompleteGroup.js";
-import { c as q } from "./index-L8X2o7IH.js";
-import "./components/Icon/SvgIcon.js";
-import { useRootContext as J } from "./components/RootProvider/RootProvider.js";
-import { ListItemBase as D } from "./components/List/ListItemBase.js";
-import { ListItemLabel as H } from "./components/List/ListItemLabel.js";
-import { DialogBorder as C } from "./components/Dialog/DialogBorder.js";
-import { DialogMetadata as T } from "./components/Dialog/DialogMetadata.js";
-import { DialogHeaderBase as O } from "./components/Dialog/DialogHeaderBase.js";
-import { DialogHeadings as U } from "./components/Dialog/DialogHeadings.js";
-import { DialogTitle as W } from "./components/Dialog/DialogTitle.js";
-import { DialogTouchedBy as X } from "./components/Dialog/DialogTouchedBy.js";
-import { DialogSelect as Y } from "./components/Dialog/DialogSelect.js";
-import { DialogDescription as Z } from "./components/Dialog/DialogDescription.js";
-import { Badge as z } from "./components/Badge/Badge.js";
-import { MenuItem as P } from "./components/Menu/MenuItem.js";
-import { MenuHeader as ee } from "./components/Menu/MenuHeader.js";
-import { MenuList as te, MenuListItem as B } from "./components/Menu/MenuBase.js";
-import { IconButton as oe } from "./components/Button/IconButton.js";
-import { DropdownBase as ne } from "./components/Dropdown/DropdownBase.js";
-import { Icon as re } from "./components/Icon/Icon.js";
-import { ListItemHeader as se } from "./components/List/ListItemHeader.js";
-import { QueryLabel as ce } from "./components/Bookmarks/QueryLabel.js";
-import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, description: o, params: s, ...a }) => /* @__PURE__ */ e(L, { size: t, icon: "magnifying-glass", linkIcon: "chevron-right", ...a, children: !n && /* @__PURE__ */ e(ce, { params: s }) }), me = "_toggle_ya7jy_1", ie = "_button_ya7jy_5", le = "_icon_ya7jy_14", de = "_dropdown_ya7jy_18", w = {
-  toggle: me,
-  button: ie,
-  icon: le,
-  dropdown: de
-}, ue = ({
-  size: t = "sm",
-  placement: n = "right",
-  expanded: o = !1,
-  className: s,
-  onToggle: a,
-  children: i
-}) => /* @__PURE__ */ _("div", { className: q(w.toggle, s), "data-theme": "neutral", children: [
-  /* @__PURE__ */ e(
-    oe,
-    {
-      className: w.button,
-      size: t,
-      icon: "menu-elipsis-horizontal",
-      iconSize: "md",
-      variant: "text",
-      color: "secondary",
-      onClick: a
-    }
-  ),
-  /* @__PURE__ */ e(ne, { className: w.dropdown, placement: n, expanded: o, children: i })
-] }), fe = ({
-  id: t = "context-menu",
-  placement: n = "right",
-  size: o,
-  groups: s = {},
-  className: a,
-  items: i
-}) => {
-  const { currentId: d, toggleId: c } = J();
-  return /* @__PURE__ */ e(
-    ue,
-    {
-      size: o,
-      placement: n,
-      className: a,
-      expanded: d === t,
-      onToggle: () => c(t),
-      children: /* @__PURE__ */ e(S, { groups: s, items: i })
-    }
-  );
-}, S = ({
-  level: t = 0,
-  expanded: n,
-  items: o,
-  groups: s = {},
-  defaultItemColor: a,
-  defaultItemSize: i
-}) => {
-  const { menu: d } = E({
-    items: o,
-    groups: s,
-    groupByKey: "groupId",
-    keyboardEvents: !1
-  });
-  return /* @__PURE__ */ e(te, { expanded: n, children: d.map((c, u) => {
-    const m = (c == null ? void 0 : c.props) || {}, { title: f, divider: I = !0 } = m, p = d[u + 1];
-    return /* @__PURE__ */ _(G, { children: [
-      (t > 0 || u) && I ? /* @__PURE__ */ e(B, { role: "separator" }) : "",
-      f && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ee, { title: f }) }),
-      c == null ? void 0 : c.items.filter((h) => {
-        var l;
-        return !((l = h.props) != null && l.hidden);
-      }).map((h, l) => {
-        const { active: x } = h, { groupId: k, ...r } = h.props || {}, { expanded: y } = r, b = c == null ? void 0 : c.items[l + 1];
-        return /* @__PURE__ */ _(B, { role: "presentation", expanded: y, children: [
-          /* @__PURE__ */ e(
-            P,
-            {
-              ...r,
-              color: (r == null ? void 0 : r.color) || (m == null ? void 0 : m.defaultItemColor) || a,
-              size: (r == null ? void 0 : r.size) || (m == null ? void 0 : m.defaultItemSize) || i,
-              active: x,
-              tabIndex: r != null && r.disabled ? -1 : 0
-            }
-          ),
-          y && (r == null ? void 0 : r.items) && /* @__PURE__ */ _($, { children: [
-            /* @__PURE__ */ e(
-              S,
-              {
-                expanded: y,
-                level: t + 1,
-                items: r == null ? void 0 : r.items,
-                groups: s,
-                defaultItemColor: a,
-                defaultItemSize: i
-              }
-            ),
-            (p || b) && /* @__PURE__ */ e(B, { role: "separator", as: "div" })
-          ] })
-        ] }, l);
-      })
-    ] }, u);
-  }) });
-}, he = "_controls_dduzt_1", _e = "_linkText_dduzt_14", pe = "_linkIcon_dduzt_19", N = {
-  controls: he,
-  linkText: _e,
-  linkIcon: pe
-}, Ie = ({ badge: t, linkText: n, linkIcon: o, menu: s, children: a }) => /* @__PURE__ */ e("div", { className: N.controls, "data-menu": s && !0, children: a || /* @__PURE__ */ _($, { children: [
-  t && /* @__PURE__ */ e(z, { ...t }),
-  n && /* @__PURE__ */ e("span", { className: N.linkText, children: n }),
-  o && /* @__PURE__ */ e(re, { name: o, className: N.linkIcon }),
-  s && /* @__PURE__ */ e(fe, { ...s, className: N.menu })
-] }) }), L = ({
-  as: t = "a",
-  color: n,
-  loading: o,
-  size: s = "sm",
-  icon: a,
-  avatar: i,
-  avatarGroup: d,
-  title: c,
-  description: u,
-  collapsible: m,
-  expanded: f,
-  badge: I,
-  linkText: p,
-  linkIcon: h,
-  menu: l,
-  select: x,
-  controls: k,
-  children: r,
-  ...y
-}) => /* @__PURE__ */ e(
-  D,
-  {
-    as: t,
-    size: s,
-    color: n,
-    loading: o,
-    select: x,
-    controls: k || /* @__PURE__ */ e(Ie, { linkIcon: m && f ? "chevron-up" : m ? "chevron-down" : h, linkText: p, menu: l, badge: I }),
-    ...y,
-    children: /* @__PURE__ */ e(se, { loading: o, size: s, icon: a, avatar: i, avatarGroup: d, children: /* @__PURE__ */ e(H, { loading: o, title: c, description: u, size: s, children: r }) })
-  }
-), ye = "_item_v64fv_1", ve = "_select_v64fv_16", xe = "_summary_v64fv_23", be = "_footer_v64fv_44", ke = "_touchedBy_v64fv_52", Be = "_border_v64fv_61", v = {
-  item: ye,
-  select: ve,
-  summary: xe,
-  footer: be,
-  touchedBy: ke,
-  border: Be
-}, Ne = ({
-  size: t = "lg",
-  variant: n = "neutral",
-  loading: o,
-  select: s,
-  status: a,
-  sender: i,
-  recipient: d,
-  grouped: c,
-  updatedAt: u,
-  updatedAtLabel: m,
-  archivedAt: f,
-  archivedAtLabel: I,
-  trashedAt: p,
-  trashedAtLabel: h,
-  label: l,
-  dueAt: x,
-  dueAtLabel: k,
-  seen: r = !1,
-  seenBy: y,
-  touchedBy: b,
-  attachmentsCount: F,
-  title: M,
-  description: g,
-  ...j
-}) => {
-  const A = p ? "trashed" : f ? "archived" : n;
-  return t === "xs" || t === "sm" ? /* @__PURE__ */ e(D, { ...j, loading: o, size: t, className: v.item, children: /* @__PURE__ */ _(C, { className: v.border, size: t, seen: r, loading: o, children: [
-    /* @__PURE__ */ e(H, { loading: o, size: t, title: M, description: g }),
-    /* @__PURE__ */ e(T, { loading: o, updatedAt: u, updatedAtLabel: m })
-  ] }) }) : /* @__PURE__ */ e(
-    D,
-    {
-      ...j,
-      loading: o,
-      size: t,
-      className: v.item,
-      controls: s && /* @__PURE__ */ e(Y, { className: v.select, ...s }),
-      children: /* @__PURE__ */ _(C, { className: v.border, size: t, seen: r, loading: o, children: [
-        /* @__PURE__ */ _(O, { size: t, children: [
-          /* @__PURE__ */ e(W, { loading: o, size: t, variant: A, label: l, seen: r, children: M }),
-          /* @__PURE__ */ e(U, { loading: o, size: t, grouped: c, sender: i, recipient: d })
-        ] }),
-        /* @__PURE__ */ e(Z, { loading: o, size: t, children: g }),
-        /* @__PURE__ */ _("footer", { "data-size": t, className: v.footer, children: [
-          /* @__PURE__ */ e(
-            T,
-            {
-              loading: o,
-              status: a,
-              updatedAt: u,
-              updatedAtLabel: m,
-              archivedAt: f,
-              archivedAtLabel: I,
-              trashedAt: p,
-              trashedAtLabel: h,
-              dueAt: x,
-              dueAtLabel: k,
-              seenBy: y,
-              attachmentsCount: F
-            }
-          ),
-          b && /* @__PURE__ */ e(X, { loading: o, size: "xs", touchedBy: b, className: v.touchedBy })
-        ] })
-      ] })
-    }
-  );
-}, Le = "_item_1a3bc_1", we = {
-  item: Le
-}, De = ({ as: t = "a", label: n, ...o }) => /* @__PURE__ */ e(L, { className: we.item, linkIcon: "chevron-right", ...o, children: typeof n == "function" ? n() : n }), Me = ({ type: t, ...n }) => {
-  switch (t) {
-    case "scope":
-      return /* @__PURE__ */ e(De, { ...n, shadow: "none", tabIndex: -1 });
-    case "bookmark":
-      return /* @__PURE__ */ e(ae, { ...n, shadow: "none", size: "sm", tabIndex: -1 });
-    case "dialog":
-      return /* @__PURE__ */ e(Ne, { ...n, shadow: "none", size: "sm", tabIndex: -1 });
-    case "information":
-      return /* @__PURE__ */ e(L, { ...n, shadow: "none", tabIndex: -1, disabled: !0 });
-    default:
-      return /* @__PURE__ */ e(L, { ...n, shadow: "none", size: "sm", tabIndex: -1 });
-  }
-}, ot = K(
-  ({ className: t, items: n, groups: o = {}, expanded: s }, a) => {
-    const { menu: i, setActiveIndex: d } = E({
-      items: n,
-      groups: o,
-      groupByKey: "groupId",
-      keyboardEvents: !0
-    });
-    return /* @__PURE__ */ e(Q, { className: t, expanded: s, ref: a, children: i.map((c, u) => /* @__PURE__ */ R(V, { ...c.props, key: u }, /* @__PURE__ */ e("ul", { children: c.items.map((m, f) => {
-      const {
-        active: I,
-        menuIndex: p,
-        props: { groupId: h, ...l }
-      } = m;
-      return /* @__PURE__ */ e("li", { tabIndex: -1, onMouseEnter: () => d(p), children: /* @__PURE__ */ e(Me, { ...l, active: I }) }, f);
-    }) }))) });
-  }
-);
-export {
-  ot as A,
-  ae as B,
-  fe as C,
-  Ne as D,
-  Ie as L,
-  S as M,
-  De as S,
-  L as a,
-  ue as b,
-  Me as c
-};

package/dist/assets/HistoryItem.css

@@ -1 +0,0 @@
-._item_1bsu6_1{display:flex;flex-direction:column}._header_1bsu6_6{margin:.375em}._border_1bsu6_10{padding-left:1.5rem;padding-top:0;margin-left:1rem;padding-bottom:1.5rem}._body_1bsu6_17{margin-top:-1.875rem}

package/dist/assets/ListItemHeader.css

@@ -1 +0,0 @@
-._header_70chu_1{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}

package/dist/components/Dialog/DialogAttachments.d.ts

@@ -1,6 +0,0 @@
-import { AttachmentLinkProps } from '../Attachment';
-export interface DialogAttachmentsProps {
-    title?: string;
-    items?: AttachmentLinkProps[];
-}
-export declare const DialogAttachments: ({ title, items }: DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogAttachments.js

@@ -1,13 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { AttachmentList as e } from "../Attachment/AttachmentList.js";
-import { MetaItem as i } from "../Meta/MetaItem.js";
-import { Typography as h } from "../Typography/Typography.js";
-const f = ({ title: o = "Attachments", items: r }) => r != null && r.length ? /* @__PURE__ */ n("section", { children: [
-  /* @__PURE__ */ t(i, { as: "h2", size: "xs", children: o }),
-  /* @__PURE__ */ t(h, { size: "lg", children: /* @__PURE__ */ t(e, { size: "lg", items: r }) })
-] }) : null;
-export {
-  f as DialogAttachments
-};

package/dist/components/Dialog/Examples.stories.js

@@ -1,31 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { withThemeByDataAttribute as m } from "@storybook/addon-themes";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import { MetaItem as s } from "../Meta/MetaItem.js";
-import { D as o } from "../../Autocomplete-hEFuiN2u.js";
-import { ListBase as a } from "../List/ListBase.js";
-const y = {
-  title: "Dialog/Examples",
-  component: o,
-  tags: ["autodocs"],
-  decorators: [
-    m({
-      themes: {
-        company: "company",
-        person: "person"
-      },
-      defaultTheme: "company"
-    })
-  ],
-  argTypes: {}
-}, g = (e) => /* @__PURE__ */ r(a, { children: [
-  /* @__PURE__ */ t(o, { ...e, status }),
-  /* @__PURE__ */ t(s, { children: status == null ? void 0 : status.value })
-] });
-export {
-  g as RequiresAttention,
-  y as default
-};

package/dist/components/History/HistoryAttachments.d.ts

@@ -1,6 +0,0 @@
-import { AttachmentLinkProps } from '../Attachment';
-export interface HistoryAttachmentsProps {
-    title?: string;
-    items?: AttachmentLinkProps[];
-}
-export declare const HistoryAttachments: ({ title, items }: HistoryAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/History/HistoryAttachments.js

@@ -1,12 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { AttachmentList as e } from "../Attachment/AttachmentList.js";
-import { MetaItem as i } from "../Meta/MetaItem.js";
-const p = ({ title: o = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ n("section", { children: [
-  /* @__PURE__ */ r(i, { as: "h2", size: "xs", children: o }),
-  /* @__PURE__ */ r(e, { size: "lg", items: t })
-] }) : null;
-export {
-  p as HistoryAttachments
-};