asma-ui-core 3.23.0 → 3.25.0

package/dist/src/components/icons/grid-view-outline-icon/GridViewOutlineIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function GridViewOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/grid-view-outline-icon/index.d.ts

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

package/dist/src/components/icons/index.d.ts

@@ -63,6 +63,7 @@ export * from './link-outline-icon';
 export * from './fast-check-outline-icon';
 export * from './unknown-document-outline-rounded-icon';
 export * from './list-status-icon';
+export * from './list-view-outline-icon';
 export * from './text-box-check-outline-icon';
 export * from './list-settings-line-icon';
 export * from './earth-icon';
@@ -127,6 +128,7 @@ export * from './history-icon';
 export * from './conversion-path';
 export * from './graph-icon';
 export * from './graph-outline-icon';
+export * from './grid-view-outline-icon';
 export * from './notes-icon';
 export * from './save-icon';
 export * from './remove-icon';

package/dist/src/components/icons/list-view-outline-icon/ListViewOutlineIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function ListViewOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/list-view-outline-icon/index.d.ts

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

package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { default as React, SVGProps } from 'react';
-import { Checkbox } from '@base-ui/react';
+import { Checkbox } from '@base-ui/react/checkbox';
 type StyledCheckboxProps = {
     dataTest: string;
     size?: 'small' | 'medium';

package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts

@@ -21,5 +21,5 @@ export type StyledSelectAutocompleteProps<T, Multiple extends boolean | undefine
  * inputRef to get Node of Input Element inside
  *
  */
-export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ dataTest, autoHeight, getOptionLabel, wrapperClassName, multiple, allowSelectAll, selectAllLabel, className, defaultValue, isOptionEqualToValue, ListboxProps, onChange, options, popupIcon, readOnly, renderOption, renderTags, sx, value, ...props }: StyledSelectAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>): JSX.Element;
+export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ dataTest, autoHeight, getOptionLabel, wrapperClassName, multiple, allowSelectAll, selectAllLabel, className, defaultValue, isOptionEqualToValue, onChange, options, popupIcon, readOnly, renderOption, renderValue, sx, value, ...props }: StyledSelectAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>): JSX.Element;
 export {};

package/dist/src/components/utils/accordion/base-ui/StyledAccordion.d.ts

@@ -1,4 +1,4 @@
-import { Accordion } from '@base-ui/react';
+import { Accordion } from '@base-ui/react/accordion';
 import * as React from 'react';
 interface StyledAccordionProps extends Omit<React.ComponentProps<typeof Accordion.Root>, 'value' | 'onValueChange' | 'defaultValue' | 'onChange'> {
     className?: string;

package/dist/src/table/shared-components/StyledCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { default as React, SVGProps } from 'react';
-import { Checkbox } from '@base-ui-components/react/checkbox';
+import { Checkbox } from '@base-ui/react/checkbox';
 type StyledCheckboxProps = {
     dataTest: string;
     size?: 'small' | 'medium';

package/dist/table/components/columns/action-column/components/RowActionMenu.js

@@ -1,18 +1,18 @@
-import { isCustomAction as y } from "../../../../types.js";
+import { isCustomAction as M } from "../../../../types.js";
 import { StyledTooltip as f } from "../../../../shared-components/tooltip/index.js";
-import { useToggleMenuVisibility as M } from "../../../../hooks/useToggleMenuVisibility.hook.js";
+import { useToggleMenuVisibility as y } from "../../../../hooks/useToggleMenuVisibility.hook.js";
 import { DotsVerticalIcon as O } from "../../../../shared-components/DotsVerticalIcon.js";
 import { StyledMenuItem as j } from "../../../../shared-components/StyledMenuItem.js";
 import { StyledButton as A } from "../../../../shared-components/button/StyledButton.js";
 import { CircleWarningOutlineIcon as S } from "../../../../shared-components/CircleWarningOutlineIcon.js";
 import h, { useEffect as k, useMemo as D, useState as F } from "react";
-import { Popover as I } from "@mui/material";
+import { MenuList as I, Popover as V } from "@mui/material";
 import { jsx as t, jsxs as g } from "react/jsx-runtime";
-function G({ tableData: o, actions: w, rowActionsState: v }) {
-  const { anchorEl: C, open: b, handleClose: s, handleOpen: x } = M(), l = w(o.row), n = v?.(o.row) ?? { state: "enabled" }, N = o.table.options.meta?.locale === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", P = D(() => l.every((e) => "component" in e ? !1 : e.hide), [l]), p = l.length > 0 && !P, d = n.state === "enabled" && !p, T = n.state !== "hidden" && (p || d || n.state === "disabled"), [a, i] = F(!1);
+function J({ tableData: o, actions: w, rowActionsState: v }) {
+  const { anchorEl: C, open: b, handleClose: s, handleOpen: x } = y(), i = w(o.row), n = v?.(o.row) ?? { state: "enabled" }, P = o.table.options.meta?.locale === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", N = D(() => i.every((e) => "component" in e ? !1 : e.hide), [i]), d = i.length > 0 && !N, p = n.state === "enabled" && !d, T = n.state !== "hidden" && (d || p || n.state === "disabled"), [a, l] = F(!1);
   if (k(() => {
     if (!a) return;
-    const e = window.setTimeout(() => i(!1), 1600);
+    const e = window.setTimeout(() => l(!1), 1600);
     return () => window.clearTimeout(e);
   }, [a]), !T) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
   const c = n.state === "disabled", u = /* @__PURE__ */ t(A, {
@@ -44,19 +44,19 @@ function G({ tableData: o, actions: w, rowActionsState: v }) {
         arrow: !0,
         placement: n.tooltipPlacement ?? "top",
         open: a,
-        onOpen: () => i(!0),
-        onClose: () => i(!1),
+        onOpen: () => l(!0),
+        onClose: () => l(!1),
         children: /* @__PURE__ */ t("span", {
           className: "cursor-not-allowed",
           onTouchStart: (e) => {
-            e.stopPropagation(), e.preventDefault(), i(!0);
+            e.stopPropagation(), e.preventDefault(), l(!0);
           },
           onClick: (e) => {
             e.stopPropagation(), e.preventDefault();
           },
           children: u
         })
-      }) : u, n.state === "enabled" && /* @__PURE__ */ t(I, {
+      }) : u, n.state === "enabled" && /* @__PURE__ */ t(V, {
         open: b,
         anchorEl: C,
         onClose: () => {
@@ -73,41 +73,44 @@ function G({ tableData: o, actions: w, rowActionsState: v }) {
           vertical: "top",
           horizontal: "right"
         },
-        children: d ? /* @__PURE__ */ g("div", {
+        children: p ? /* @__PURE__ */ g("div", {
           className: "flex items-center gap-2 p-3 text-delta-700",
           children: [/* @__PURE__ */ t(S, {
             width: 20,
             height: 20
-          }), /* @__PURE__ */ t("span", { children: N })]
-        }) : l.map((e, m) => {
-          if (y(e)) {
-            const r = e.component(o.row, s);
-            return h.isValidElement(r) ? /* @__PURE__ */ t(h.Fragment, { children: r }, m) : null;
-          }
-          return e.hide ? null : /* @__PURE__ */ t(f, {
-            title: e?.tooltipTitle,
-            arrow: !0,
-            placement: e?.tooltipPlacement ?? "left",
-            children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(j, {
-              className: e.className,
-              disabled: e.disabled,
-              onClick: () => {
-                e.disabled || e.onClick?.(o.row);
-              },
-              onMouseDown: (r) => {
-                r.stopPropagation(), r.preventDefault();
-              },
-              onMouseUp: (r) => {
-                r.stopPropagation(), r.preventDefault();
-              },
-              children: e.label
-            }) })
-          }, m);
+          }), /* @__PURE__ */ t("span", { children: P })]
+        }) : /* @__PURE__ */ t(I, {
+          disablePadding: !0,
+          children: i.map((e, m) => {
+            if (M(e)) {
+              const r = e.component(o.row, s);
+              return h.isValidElement(r) ? /* @__PURE__ */ t(h.Fragment, { children: r }, m) : null;
+            }
+            return e.hide ? null : /* @__PURE__ */ t(f, {
+              title: e?.tooltipTitle,
+              arrow: !0,
+              placement: e?.tooltipPlacement ?? "left",
+              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(j, {
+                className: e.className,
+                disabled: e.disabled,
+                onClick: () => {
+                  e.disabled || e.onClick?.(o.row);
+                },
+                onMouseDown: (r) => {
+                  r.stopPropagation(), r.preventDefault();
+                },
+                onMouseUp: (r) => {
+                  r.stopPropagation(), r.preventDefault();
+                },
+                children: e.label
+              }) })
+            }, m);
+          })
         })
       })]
     })
   });
 }
 export {
-  G as RowActionMenu
+  J as RowActionMenu
 };

package/dist/table/components/table-footer/TablePagination.js

@@ -1,16 +1,16 @@
 import c from "../StyledTable.module.js";
 import { StyledTooltip as g } from "../../shared-components/tooltip/index.js";
-import { ChevronDownIcon as y } from "../../shared-components/ChevronDownIcon.js";
-import { useToggleMenuVisibility as I } from "../../hooks/useToggleMenuVisibility.hook.js";
-import { StyledButton as m } from "../../shared-components/button/StyledButton.js";
+import { ChevronDownIcon as I } from "../../shared-components/ChevronDownIcon.js";
+import { useToggleMenuVisibility as y } from "../../hooks/useToggleMenuVisibility.hook.js";
+import { StyledButton as h } from "../../shared-components/button/StyledButton.js";
 import { ChevronRightIcon as O } from "../../shared-components/ChevronRightIcon.js";
 import { ChevronLeftIcon as S } from "../../shared-components/ChevronLeftIcon.js";
 import { StyledMenuItem as w } from "../../shared-components/menu-item/index.js";
 import { useCallback as v, useMemo as P, useRef as N } from "react";
-import { Popover as k } from "@mui/material";
-import { Fragment as z, jsx as e, jsxs as h } from "react/jsx-runtime";
-function E({ table: o, locale: C }) {
-  const { anchorEl: s, open: p, handleClose: d, handleOpen: b } = I(), u = N(null), n = C === "no", f = P(() => ({
+import { MenuList as k, Popover as z } from "@mui/material";
+import { Fragment as $, jsx as e, jsxs as m } from "react/jsx-runtime";
+function H({ table: o, locale: C }) {
+  const { anchorEl: s, open: p, handleClose: d, handleOpen: b } = y(), u = N(null), n = C === "no", f = P(() => ({
     anchorOrigin: {
       vertical: -5,
       horizontal: "center"
@@ -32,17 +32,17 @@ function E({ table: o, locale: C }) {
     d,
     i
   ]);
-  return /* @__PURE__ */ h(z, { children: [
+  return /* @__PURE__ */ m($, { children: [
     /* @__PURE__ */ e(g, {
       title: n ? "Nåværende side" : "Current Page",
       children: /* @__PURE__ */ e("div", {
         ref: u,
-        children: /* @__PURE__ */ h(m, {
+        children: /* @__PURE__ */ m(h, {
           dataTest: "current-page-button",
           variant: "outlined",
           size: "large",
           onClick: b,
-          endIcon: /* @__PURE__ */ e(y, {
+          endIcon: /* @__PURE__ */ e(I, {
             className: `${p ? "rotate-180" : "rotate-0"} transition-transform duration-300`,
             height: 24,
             width: 24
@@ -59,7 +59,7 @@ function E({ table: o, locale: C }) {
         })
       })
     }),
-    /* @__PURE__ */ e(k, {
+    /* @__PURE__ */ e(z, {
       open: p,
       anchorEl: s,
       slotProps: { paper: { sx: {
@@ -70,13 +70,13 @@ function E({ table: o, locale: C }) {
       onClose: d,
       anchorOrigin: f.anchorOrigin,
       transformOrigin: f.transformOrigin,
-      classes: { paper: "border border-solid border-delta-200 py-2" },
-      children: x.map((t) => /* @__PURE__ */ e(w, {
+      classes: { paper: "border border-solid border-delta-200" },
+      children: /* @__PURE__ */ e(k, { children: x.map((t) => /* @__PURE__ */ e(w, {
         onClick: (r) => {
           r.stopPropagation(), r.preventDefault(), T(t);
         },
         selected: t === l,
-        children: /* @__PURE__ */ h("span", {
+        children: /* @__PURE__ */ m("span", {
           className: "text-sm font-normal text-delta-700",
           children: [
             n ? "Side" : "Page",
@@ -84,11 +84,11 @@ function E({ table: o, locale: C }) {
             t
           ]
         })
-      }, t))
+      }, t)) })
     }),
     /* @__PURE__ */ e(g, {
       title: l === 1 ? "" : n ? "Forrige side" : "Previous Page",
-      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, {
+      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, {
         dataTest: "prev-page-button",
         variant: "outlined",
         onClick: () => {
@@ -104,7 +104,7 @@ function E({ table: o, locale: C }) {
     }),
     /* @__PURE__ */ e(g, {
       title: l === a ? "" : n ? "Neste side" : "Next Page",
-      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, {
+      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, {
         dataTest: "next-page-button",
         variant: "outlined",
         onClick: () => {
@@ -121,5 +121,5 @@ function E({ table: o, locale: C }) {
   ] });
 }
 export {
-  E as TablePagination
+  H as TablePagination
 };

package/dist/table/components/table-footer/TableRowCountSelect.js

@@ -3,17 +3,17 @@ import { useToggleMenuVisibility as O } from "../../hooks/useToggleMenuVisibilit
 import { StyledButton as v } from "../../shared-components/button/StyledButton.js";
 import { StyledMenuItem as C } from "../../shared-components/menu-item/index.js";
 import { useCallback as S, useMemo as p } from "react";
-import { Popover as b } from "@mui/material";
-import { Fragment as x, jsx as i, jsxs as s } from "react/jsx-runtime";
-var y = [
+import { MenuList as b, Popover as x } from "@mui/material";
+import { Fragment as y, jsx as e, jsxs as s } from "react/jsx-runtime";
+var M = [
   5,
   10,
   20,
   50,
   100
 ];
-function T({ table: e, locale: d }) {
-  const { anchorEl: n, open: l, handleClose: a, handleOpen: h } = O(), r = e.getState().pagination.pageSize, c = d === "no", m = p(() => ({
+function j({ table: n, locale: d }) {
+  const { anchorEl: i, open: l, handleClose: a, handleOpen: h } = O(), r = n.getState().pagination.pageSize, c = d === "no", m = p(() => ({
     anchorOrigin: {
       vertical: -5,
       horizontal: "center"
@@ -23,17 +23,17 @@ function T({ table: e, locale: d }) {
       horizontal: "center"
     }
   }), []), g = p(() => {
-    const o = /* @__PURE__ */ new Set([...y, r]);
+    const o = /* @__PURE__ */ new Set([...M, r]);
     return Array.from(o).sort((t, f) => t - f);
   }, [r]), u = S((o) => {
-    e.setPageSize(o), a();
-  }, [a, e]);
-  return /* @__PURE__ */ s(x, { children: [/* @__PURE__ */ s(v, {
+    n.setPageSize(o), a();
+  }, [a, n]);
+  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ s(v, {
     dataTest: "table-rows-count-button",
     variant: "outlined",
     size: "large",
     onClick: h,
-    endIcon: /* @__PURE__ */ i(w, {
+    endIcon: /* @__PURE__ */ e(w, {
       className: `${l ? "rotate-180" : "rotate-0"} transition-transform duration-300`,
       height: 24,
       width: 24
@@ -43,19 +43,19 @@ function T({ table: e, locale: d }) {
       " ",
       c ? "rader" : "rows"
     ]
-  }), /* @__PURE__ */ i(b, {
+  }), /* @__PURE__ */ e(x, {
     open: l,
-    anchorEl: n,
+    anchorEl: i,
     slotProps: { paper: { sx: {
-      width: n ? n.clientWidth : void 0,
+      width: i ? i.clientWidth : void 0,
       maxHeight: 288,
       overflowY: "auto"
     } } },
     onClose: a,
     anchorOrigin: m.anchorOrigin,
     transformOrigin: m.transformOrigin,
-    classes: { paper: "border border-solid border-delta-200 py-2" },
-    children: g.map((o) => /* @__PURE__ */ i(C, {
+    classes: { paper: "border border-solid border-delta-200" },
+    children: /* @__PURE__ */ e(b, { children: g.map((o) => /* @__PURE__ */ e(C, {
       onClick: (t) => {
         t.stopPropagation(), t.preventDefault(), u(o);
       },
@@ -68,9 +68,9 @@ function T({ table: e, locale: d }) {
           c ? "rader" : "rows"
         ]
       })
-    }, o))
+    }, o)) })
   })] });
 }
 export {
-  T as TableRowCountSelect
+  j as TableRowCountSelect
 };

package/dist/table/shared-components/StyledCheckbox.js

@@ -2,7 +2,7 @@ import { cn as C } from "../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
 import p, { useEffect as E } from "react";
 import { jsx as t, jsxs as k } from "react/jsx-runtime";
-import { Checkbox as f } from "@base-ui-components/react/checkbox";
+import { Checkbox as f } from "@base-ui/react/checkbox";
 var L = (n) => /* @__PURE__ */ k("svg", {
   viewBox: "0 0 24 24",
   width: "100%",

package/dist/table/shared-components/tooltip/index.js

@@ -1,26 +1,28 @@
-import { Tooltip as t } from "@mui/material";
+import { Tooltip as o } from "@mui/material";
 import { jsx as r } from "react/jsx-runtime";
 import p from "@mui/material/Fade";
-var m = (o) => /* @__PURE__ */ r(t, {
-  TransitionComponent: p,
-  TransitionProps: { timeout: 300 },
+var m = (t) => /* @__PURE__ */ r(o, {
+  slots: { transition: p },
+  slotProps: {
+    transition: { timeout: 300 },
+    tooltip: { sx: {
+      borderRadius: "3px !important",
+      "& .MuiTooltip-arrow": { color: "#363E4A !important" },
+      color: "white !important",
+      boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important",
+      display: "flex !important",
+      padding: "4px 8px !important",
+      alignItems: "center !important",
+      fontSize: "12px !important",
+      lineHeight: "16px !important",
+      letterSpacing: " 0.24px !important",
+      bgcolor: "#363E4A !important",
+      wordBreak: "break-word !important"
+    } }
+  },
   arrow: !0,
   placement: "top",
-  componentsProps: { tooltip: { sx: {
-    borderRadius: "3px !important",
-    "& .MuiTooltip-arrow": { color: "#363E4A !important" },
-    color: "white !important",
-    boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important",
-    display: "flex !important",
-    padding: "4px 8px !important",
-    alignItems: "center !important",
-    fontSize: "12px !important",
-    lineHeight: "16px !important",
-    letterSpacing: " 0.24px !important",
-    bgcolor: "#363E4A !important",
-    wordBreak: "break-word !important"
-  } } },
-  ...o
+  ...t
 });
 export {
   m as StyledTooltip

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.23.0",
+    "version": "3.25.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",
@@ -72,13 +72,11 @@
         "node": ">=24 <25"
     },
     "dependencies": {
-        "@base-ui-components/react": "1.0.0-beta.4",
-        "@base-ui/react": "^1.3.0",
+        "@base-ui/react": "^1.5.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@fontsource/material-icons": "^5.0.4",
         "@react-input/mask": "^1.2.5",
         "@tanstack/react-table": "^8.21.3",
         "@tanstack/react-virtual": "^3.13.21",
@@ -88,7 +86,6 @@
         "material-ui-popup-state": "^5.3.6",
         "notistack": "^3.0.2",
         "react-day-picker": "^9.14.0",
-        "sass": "^1.98.0",
         "tailwind-merge": "^2.5.2"
     },
     "devDependencies": {
@@ -96,6 +93,7 @@
         "@chromatic-com/storybook": "^5.1.1",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
+        "@mui/material": "^9.0.1",
         "@eslint/js": "^9.39.2",
         "@storybook/addon-a11y": "10.3.3",
         "@storybook/addon-docs": "10.3.3",
@@ -125,11 +123,9 @@
         "playwright": "^1.57.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "react-quill": "^2.0.0",
-        "rollup-plugin-typescript2": "^0.35.0",
+        "sass": "^1.98.0",
         "storybook": "10.3.3",
         "storybook-addon-pseudo-states": "^10.3.3",
-        "storybook-addon-themes": "^6.1.0",
         "tailwind-scrollbar": "^3.1.0",
         "tailwindcss": "^3.3.2",
         "ts-morph": "^27.0.2",
@@ -144,9 +140,7 @@
     "peerDependencies": {
         "@emotion/react": "^11.*",
         "@emotion/styled": "^11.*",
-        "@mui/material": "^5.18.0",
-        "axios": "^1.15.0",
-        "immer": "^9.*",
+        "@mui/material": "^9.0.0",
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
     },