@altinn/altinn-components 0.8.2 → 0.9.0

package/dist/Autocomplete-Cb9fQrzy.js

@@ -1,367 +0,0 @@
-"use client";
-import { jsx as t, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import { Fragment as V, forwardRef as J, createElement as O } from "react";
-import { useMenu as A } from "./hooks/useMenu.js";
-import { AutocompleteBase as U } from "./components/Searchbar/AutocompleteBase.js";
-import { AutocompleteGroup as W } from "./components/Searchbar/AutocompleteGroup.js";
-import { c as C } from "./index-L8X2o7IH.js";
-import "./components/Icon/SvgIcon.js";
-import { useRootContext as X } from "./components/RootProvider/RootProvider.js";
-import { ListItemBase as Y } from "./components/List/ListItemBase.js";
-import { Badge as Z } from "./components/Badge/Badge.js";
-import { MenuItem as K } from "./components/Menu/MenuItem.js";
-import { MenuHeader as z } from "./components/Menu/MenuHeader.js";
-import { MenuList as P, MenuListItem as $ } from "./components/Menu/MenuBase.js";
-import { IconButton as tt } from "./components/Button/IconButton.js";
-import { DropdownBase as et } from "./components/Dropdown/DropdownBase.js";
-import { Icon as nt } from "./components/Icon/Icon.js";
-import { ListItemLabel as G } from "./components/List/ListItemLabel.js";
-import { ListItemMedia as ot } from "./components/List/ListItemMedia.js";
-import { ListItemSelect as rt } from "./components/List/ListItemSelect.js";
-import { DialogBorder as g } from "./components/Dialog/DialogBorder.js";
-import { DialogMetadata as H } from "./components/Dialog/DialogMetadata.js";
-import { DialogHeaderBase as at } from "./components/Dialog/DialogHeaderBase.js";
-import { DialogHeadings as st } from "./components/Dialog/DialogHeadings.js";
-import { DialogTitle as ct } from "./components/Dialog/DialogTitle.js";
-import { DialogTouchedBy as mt } from "./components/Dialog/DialogTouchedBy.js";
-import { DialogSelect as it } from "./components/Dialog/DialogSelect.js";
-import { DialogDescription as lt } from "./components/Dialog/DialogDescription.js";
-import { QueryLabel as dt } from "./components/Bookmarks/QueryLabel.js";
-import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, description: o, params: a, ...c }) => /* @__PURE__ */ t(v, { size: e, title: n, linkIcon: "chevron-right", ...c, children: !n && /* @__PURE__ */ t(dt, { params: a }) }), _t = "_toggle_ya7jy_1", ht = "_button_ya7jy_5", pt = "_icon_ya7jy_14", ft = "_dropdown_ya7jy_18", E = {
-  toggle: _t,
-  button: ht,
-  icon: pt,
-  dropdown: ft
-}, It = ({
-  size: e = "sm",
-  placement: n = "right",
-  expanded: o = !1,
-  className: a,
-  onToggle: c,
-  children: m
-}) => /* @__PURE__ */ f("div", { className: C(E.toggle, a), "data-theme": "neutral", children: [
-  /* @__PURE__ */ t(
-    tt,
-    {
-      className: E.button,
-      size: e,
-      icon: "menu-elipsis-horizontal",
-      iconSize: "md",
-      variant: "text",
-      color: "secondary",
-      onClick: c
-    }
-  ),
-  /* @__PURE__ */ t(et, { className: E.dropdown, placement: n, expanded: o, children: m })
-] }), R = ({
-  id: e = "context-menu",
-  placement: n = "right",
-  size: o,
-  groups: a = {},
-  className: c,
-  items: m
-}) => {
-  const { currentId: d, toggleId: s } = X();
-  return /* @__PURE__ */ t(
-    It,
-    {
-      size: o,
-      placement: n,
-      className: c,
-      expanded: d === e,
-      onToggle: () => s(e),
-      children: /* @__PURE__ */ t(Q, { groups: a, items: m })
-    }
-  );
-}, yt = "_controls_n31lc_1", xt = "_linkText_n31lc_11", bt = "_linkIcon_n31lc_16", j = {
-  controls: yt,
-  linkText: xt,
-  linkIcon: bt
-}, kt = ({ badge: e, linkText: n, linkIcon: o, menu: a, children: c }) => /* @__PURE__ */ t("div", { className: j.controls, "data-menu": a && !0, children: c || /* @__PURE__ */ f(q, { children: [
-  e && /* @__PURE__ */ t(Z, { ...e }),
-  n && /* @__PURE__ */ t("span", { className: j.linkText, children: n }),
-  o && /* @__PURE__ */ t(nt, { name: o, className: j.linkIcon }),
-  a && /* @__PURE__ */ t(R, { ...a, className: j.menu })
-] }) }), Nt = "_menu_1u5v2_1", vt = {
-  menu: Nt
-}, Bt = ({ id: e = "list-item-menu", ...n }) => /* @__PURE__ */ t(R, { ...n, id: e, placement: "right", className: vt.menu }), Lt = "_header_pqany_1", Mt = "_link_pqany_8", F = {
-  header: Lt,
-  link: Mt
-}, Dt = ({
-  as: e,
-  loading: n,
-  disabled: o,
-  select: a,
-  href: c,
-  onClick: m,
-  onKeyPress: d,
-  tabIndex: s,
-  collapsible: u,
-  expanded: i,
-  size: l = "sm",
-  color: h,
-  title: I,
-  description: p,
-  icon: _,
-  avatar: x,
-  avatarGroup: k,
-  linkIcon: r,
-  linkText: y,
-  badge: N,
-  menu: B,
-  controls: L,
-  className: M,
-  children: D
-}) => {
-  const w = e || "button", T = u && i ? "chevron-up" : u ? "chevron-down" : r;
-  return /* @__PURE__ */ f("header", { className: F.header, "data-size": l, "data-color": h, "aria-expanded": i, children: [
-    a && /* @__PURE__ */ t(rt, { ...a, size: l }),
-    /* @__PURE__ */ f(
-      w,
-      {
-        className: C(F.link, M),
-        href: c,
-        onKeyPress: (S) => {
-          S.key === "Enter" && (m == null || m()), d == null || d(S);
-        },
-        onClick: m,
-        tabIndex: s,
-        "data-size": l,
-        "data-color": h,
-        "aria-disabled": n || o,
-        children: [
-          /* @__PURE__ */ t(
-            ot,
-            {
-              loading: n,
-              size: l,
-              color: h,
-              icon: _,
-              avatar: x,
-              avatarGroup: k
-            }
-          ),
-          /* @__PURE__ */ t(G, { loading: n, size: l, title: I, description: p, children: D }),
-          /* @__PURE__ */ t(kt, { linkIcon: T, linkText: y, badge: N })
-        ]
-      }
-    ),
-    B && /* @__PURE__ */ t(Bt, { ...B }) || L
-  ] });
-}, v = ({
-  className: e,
-  color: n,
-  loading: o,
-  collapsible: a,
-  expanded: c,
-  size: m = "sm",
-  icon: d,
-  avatar: s,
-  avatarGroup: u,
-  title: i,
-  description: l,
-  badge: h,
-  linkText: I,
-  linkIcon: p,
-  menu: _,
-  select: x,
-  controls: k,
-  children: r,
-  ...y
-}) => /* @__PURE__ */ t(Y, { size: m, color: n, loading: o, ...y, children: /* @__PURE__ */ t(
-  Dt,
-  {
-    className: e,
-    loading: o,
-    collapsible: a,
-    expanded: c,
-    select: x,
-    size: m,
-    title: i,
-    description: l,
-    icon: d,
-    avatar: s,
-    avatarGroup: u,
-    linkIcon: p,
-    linkText: I,
-    badge: h,
-    controls: k,
-    menu: _,
-    ...y,
-    children: r
-  }
-) }), Q = ({
-  level: e = 0,
-  expanded: n,
-  items: o,
-  groups: a = {},
-  defaultItemColor: c,
-  defaultItemSize: m
-}) => {
-  const { menu: d } = A({
-    items: o,
-    groups: a,
-    groupByKey: "groupId",
-    keyboardEvents: !1
-  });
-  return /* @__PURE__ */ t(P, { expanded: n, children: d.map((s, u) => {
-    const i = (s == null ? void 0 : s.props) || {}, { title: l, divider: h = !0 } = i, I = d[u + 1];
-    return /* @__PURE__ */ f(V, { children: [
-      (e > 0 || u) && h ? /* @__PURE__ */ t($, { role: "separator" }) : "",
-      l && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(z, { title: l }) }),
-      s == null ? void 0 : s.items.filter((p) => {
-        var _;
-        return !((_ = p.props) != null && _.hidden);
-      }).map((p, _) => {
-        const { active: x } = p, { groupId: k, ...r } = p.props || {}, { expanded: y } = r, N = s == null ? void 0 : s.items[_ + 1];
-        return /* @__PURE__ */ f($, { role: "presentation", expanded: y, children: [
-          /* @__PURE__ */ t(
-            K,
-            {
-              ...r,
-              color: (r == null ? void 0 : r.color) || (i == null ? void 0 : i.defaultItemColor) || c,
-              size: (r == null ? void 0 : r.size) || (i == null ? void 0 : i.defaultItemSize) || m,
-              active: x,
-              tabIndex: r != null && r.disabled ? -1 : 0
-            }
-          ),
-          y && (r == null ? void 0 : r.items) && /* @__PURE__ */ f(q, { children: [
-            /* @__PURE__ */ t(
-              Q,
-              {
-                expanded: y,
-                level: e + 1,
-                items: r == null ? void 0 : r.items,
-                groups: a,
-                defaultItemColor: c,
-                defaultItemSize: m
-              }
-            ),
-            (I || N) && /* @__PURE__ */ t($, { role: "separator", as: "div" })
-          ] })
-        ] }, _);
-      })
-    ] }, u);
-  }) });
-}, wt = "_item_6aymu_1", $t = "_select_6aymu_6", jt = "_summary_6aymu_13", Tt = "_footer_6aymu_34", Et = "_touchedBy_6aymu_42", St = "_border_6aymu_51", b = {
-  item: wt,
-  select: $t,
-  summary: jt,
-  footer: Tt,
-  touchedBy: Et,
-  border: St
-}, gt = ({
-  size: e = "lg",
-  variant: n = "neutral",
-  loading: o,
-  select: a,
-  status: c,
-  sender: m,
-  recipient: d,
-  grouped: s,
-  updatedAt: u,
-  updatedAtLabel: i,
-  archivedAt: l,
-  archivedAtLabel: h,
-  trashedAt: I,
-  trashedAtLabel: p,
-  label: _,
-  dueAt: x,
-  dueAtLabel: k,
-  seen: r = !1,
-  seenBy: y,
-  touchedBy: N,
-  attachmentsCount: B,
-  title: L,
-  description: M,
-  summary: D,
-  ...w
-}) => {
-  const T = I ? "trashed" : l ? "archived" : n;
-  return e === "xs" || e === "sm" ? /* @__PURE__ */ t(v, { ...w, loading: o, size: e, className: b.item, children: /* @__PURE__ */ f(g, { className: b.border, size: e, seen: r, loading: o, children: [
-    /* @__PURE__ */ t(G, { loading: o, size: e, title: L, description: D || M }),
-    /* @__PURE__ */ t(H, { loading: o, updatedAt: u, updatedAtLabel: i })
-  ] }) }) : /* @__PURE__ */ t(
-    v,
-    {
-      ...w,
-      loading: o,
-      size: e,
-      className: b.item,
-      controls: a && /* @__PURE__ */ t(it, { className: b.select, ...a }),
-      children: /* @__PURE__ */ f(g, { className: b.border, size: e, seen: r, loading: o, children: [
-        /* @__PURE__ */ f(at, { size: e, children: [
-          /* @__PURE__ */ t(ct, { loading: o, size: e, variant: T, label: _, seen: r, children: L }),
-          /* @__PURE__ */ t(st, { loading: o, size: e, grouped: s, sender: m, recipient: d })
-        ] }),
-        /* @__PURE__ */ t(lt, { loading: o, size: e, children: D || M }),
-        /* @__PURE__ */ f("footer", { "data-size": e, className: b.footer, children: [
-          /* @__PURE__ */ t(
-            H,
-            {
-              loading: o,
-              status: c,
-              updatedAt: u,
-              updatedAtLabel: i,
-              archivedAt: l,
-              archivedAtLabel: h,
-              trashedAt: I,
-              trashedAtLabel: p,
-              dueAt: x,
-              dueAtLabel: k,
-              seenBy: y,
-              attachmentsCount: B
-            }
-          ),
-          N && /* @__PURE__ */ t(mt, { loading: o, size: "xs", touchedBy: N, className: b.touchedBy })
-        ] })
-      ] })
-    }
-  );
-}, Ht = "_item_1a3bc_1", Ft = {
-  item: Ht
-}, qt = ({ as: e = "a", label: n, ...o }) => /* @__PURE__ */ t(v, { className: Ft.item, linkIcon: "chevron-right", ...o, children: typeof n == "function" ? n() : n }), At = ({ type: e, ...n }) => {
-  switch (e) {
-    case "scope":
-      return /* @__PURE__ */ t(qt, { ...n, color: "transparent", tabIndex: -1 });
-    case "bookmark":
-      return /* @__PURE__ */ t(ut, { ...n, color: "transparent", size: "sm", tabIndex: -1 });
-    case "dialog":
-      return /* @__PURE__ */ t(gt, { ...n, color: "transparent", size: "sm", tabIndex: -1 });
-    case "information":
-      return /* @__PURE__ */ t(v, { ...n, color: "transparent", tabIndex: -1, disabled: !0 });
-    default:
-      return /* @__PURE__ */ t(v, { ...n, color: "transparent", size: "sm", tabIndex: -1 });
-  }
-}, _e = J(
-  ({ className: e, items: n, groups: o = {}, expanded: a }, c) => {
-    const { menu: m, setActiveIndex: d } = A({
-      items: n,
-      groups: o,
-      groupByKey: "groupId",
-      keyboardEvents: !0
-    });
-    return /* @__PURE__ */ t(U, { className: e, expanded: a, ref: c, children: m.map((s, u) => /* @__PURE__ */ O(W, { ...s.props, key: u }, /* @__PURE__ */ t("ul", { children: s.items.map((i, l) => {
-      const {
-        active: h,
-        menuIndex: I,
-        props: { groupId: p, ..._ }
-      } = i;
-      return /* @__PURE__ */ t("li", { tabIndex: -1, onMouseEnter: () => d(I), children: /* @__PURE__ */ t(At, { ..._, active: h }) }, l);
-    }) }))) });
-  }
-);
-export {
-  _e as A,
-  ut as B,
-  R as C,
-  gt as D,
-  Dt as L,
-  Q as M,
-  qt as S,
-  kt as a,
-  v as b,
-  It as c,
-  Bt as d,
-  At as e
-};

package/dist/assets/Autocomplete.css

@@ -1 +0,0 @@
-._toggle_ya7jy_1{position:relative}._button_ya7jy_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_ya7jy_14{font-size:1.5rem}._dropdown_ya7jy_18{display:none}._dropdown_ya7jy_18[aria-expanded=true]{display:block;position:absolute;right:0;z-index:2}._dropdown_ya7jy_18{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a}._controls_n31lc_1{display:flex;align-items:center;gap:.625rem}._controls_n31lc_1:empty{display:none}._linkText_n31lc_11{font-size:.875rem;white-space:nowrap}._linkIcon_n31lc_16{font-size:1.5rem}._menu_1u5v2_1{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;margin-right:.375rem}._header_pqany_1{position:relative;width:100%;display:flex;align-items:center}._link_pqany_8{width:100%;align-self:stretch;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._link_pqany_8{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.25rem .625rem}._link_pqany_8[aria-disabled=true]{pointer-events:none}._link_pqany_8:not([aria-disabled=true]):hover h2{text-decoration:underline}._link_pqany_8[data-size=xs]{min-height:36px}._link_pqany_8[data-size=sm]{min-height:44px}._link_pqany_8[data-size=md]{min-height:56px}._link_pqany_8[data-size=lg]{min-height:64px}._link_pqany_8[data-size=xl]{min-height:72px}._item_6aymu_1[data-size=lg],._item_6aymu_1[data-size=md]{padding:1em}._select_6aymu_6{position:absolute;top:0;right:0;margin:.375rem}._summary_6aymu_13{font-size:1rem;line-height:1.35;margin:0;font-weight:400}._summary_6aymu_13[data-size=lg]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:.5rem}._summary_6aymu_13[data-size=md]{display:none}._footer_6aymu_34{width:100%;margin-top:1rem;display:flex;flex-direction:column;row-gap:1rem}._touchedBy_6aymu_42{position:absolute;right:0;bottom:0;margin:8px}._border_6aymu_51[data-size=lg],._border_6aymu_51[data-size=md]{padding-left:1rem}._border_6aymu_51[data-size=xs],._border_6aymu_51[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}

package/dist/components/ContextMenu/ContextMenuBase.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { DropdownPlacement } from '../';
-export type ContextMenuSize = 'sm' | 'md';
-export interface ContextMenuBaseProps {
-    placement: DropdownPlacement;
-    expanded: boolean;
-    size?: ContextMenuSize;
-    className?: string;
-    onToggle?: () => void;
-    children?: ReactNode;
-}
-export declare const ContextMenuBase: ({ size, placement, expanded, className, onToggle, children, }: ContextMenuBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenuBase.js

@@ -1,11 +0,0 @@
-import "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "react";
-import "../Button/IconButton.js";
-import "../RootProvider/RootProvider.js";
-import { c as s } from "../../Autocomplete-Cb9fQrzy.js";
-import "../Dropdown/DropdownBase.js";
-export {
-  s as ContextMenuBase
-};