asma-ui-core 3.78.9 → 3.78.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/feedback/snack-bar/SnackbarProvider.js +13 -13
- package/dist/components/feedback/snack-bar/StyledSnackbar.js +33 -24
- package/dist/components/feedback/snack-bar/components/processMessageError.js +0 -1
- package/dist/components/feedback/snack-bar/components/processMessageInfo.js +0 -1
- package/dist/components/inputs/input-field/StyledInputField.js +99 -98
- package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js +53 -53
- package/dist/components/inputs/slider/StyledSlider.js +20 -20
- package/dist/components/inputs/textarea/StyledTextarea.js +13 -13
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerCaption.js +4 -4
- package/dist/datetime/components/date-picker/components/StyledCalendarPickerFooter.js +4 -4
- package/dist/datetime/components/time-picker/TimePickerInput.js +15 -15
- package/dist/src/character-shortcuts.test.d.ts +1 -0
- package/dist/src/datetime/shared-components/ChevronLeftIcon.d.ts +1 -2
- package/dist/src/datetime/shared-components/ChevronRightIcon.d.ts +1 -2
- package/dist/src/datetime/shared-components/CloseIcon.d.ts +1 -2
- package/dist/src/table/shared-components/ChevronLeftIcon.d.ts +1 -2
- package/dist/src/table/shared-components/ChevronRightIcon.d.ts +1 -2
- package/dist/src/table/shared-components/DotsVerticalIcon.d.ts +1 -2
- package/dist/table/components/columns/action-column/components/RowActionMenu.js +14 -14
- package/dist/table/components/table-footer/TablePagination.js +12 -12
- package/package.json +1 -1
- package/dist/datetime/shared-components/ChevronLeftIcon.js +0 -18
- package/dist/datetime/shared-components/ChevronRightIcon.js +0 -18
- package/dist/datetime/shared-components/CloseIcon.js +0 -18
- package/dist/table/shared-components/ChevronLeftIcon.js +0 -18
- package/dist/table/shared-components/ChevronRightIcon.js +0 -18
- package/dist/table/shared-components/DotsVerticalIcon.js +0 -18
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { DotsVerticalIcon as S } from "../../../../../components/icons/dots-vertical-icon/DotsVerticalIcon.js";
|
|
2
|
+
import { CircleWarningOutlineIcon as A } from "../../../../../components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
|
|
3
|
+
import { StyledPopover as O } from "../../../../../components/utils/popover/StyledPopover.js";
|
|
4
|
+
import { StyledMenuList as j } from "../../../../../components/navigation/menu/StyledMenuList.js";
|
|
5
|
+
import { isCustomAction as k } from "../../../../types.js";
|
|
5
6
|
import { StyledTooltip as g } from "../../../../shared-components/tooltip/index.js";
|
|
6
|
-
import { useToggleMenuVisibility as
|
|
7
|
-
import { StyledButton as
|
|
8
|
-
import { DotsVerticalIcon as I } from "../../../../shared-components/DotsVerticalIcon.js";
|
|
7
|
+
import { useToggleMenuVisibility as F } from "../../../../hooks/useToggleMenuVisibility.hook.js";
|
|
8
|
+
import { StyledButton as I } from "../../../../shared-components/button/StyledButton.js";
|
|
9
9
|
import { StyledMenuItem as R } from "../../../../shared-components/StyledMenuItem.js";
|
|
10
10
|
import w, { useEffect as V, useMemo as z, useState as D } from "react";
|
|
11
11
|
import { jsx as t, jsxs as b } from "react/jsx-runtime";
|
|
12
12
|
function X({ tableData: o, actions: v, rowActionsState: C }) {
|
|
13
|
-
const { anchorEl: x, open: a, handleClose: i, handleOpen: P } =
|
|
13
|
+
const { anchorEl: x, open: a, handleClose: i, handleOpen: P } = F(), l = v(o.row), n = C?.(o.row) ?? { state: "enabled" }, p = o.table.options.meta?.locale, y = p === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", N = p === "no" ? "Radhandlinger" : "Row actions", T = z(() => l.every((e) => "component" in e ? !1 : e.hide), [l]), u = l.length > 0 && !T, m = n.state === "enabled" && !u, M = n.state !== "hidden" && (u || m || n.state === "disabled"), [c, s] = D(!1);
|
|
14
14
|
if (V(() => {
|
|
15
15
|
if (!c) return;
|
|
16
16
|
const e = window.setTimeout(() => s(!1), 1600);
|
|
17
17
|
return () => window.clearTimeout(e);
|
|
18
18
|
}, [c]), !M) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
|
|
19
|
-
const d = n.state === "disabled", f = /* @__PURE__ */ t(
|
|
19
|
+
const d = n.state === "disabled", f = /* @__PURE__ */ t(I, {
|
|
20
20
|
dataTest: "row-actions-button",
|
|
21
21
|
"aria-label": N,
|
|
22
22
|
"aria-haspopup": "true",
|
|
@@ -33,7 +33,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
|
|
|
33
33
|
onMouseUp: (e) => {
|
|
34
34
|
e.stopPropagation(), e.preventDefault();
|
|
35
35
|
},
|
|
36
|
-
children: /* @__PURE__ */ t(
|
|
36
|
+
children: /* @__PURE__ */ t(S, {
|
|
37
37
|
className: d ? "text-delta-300" : "text-delta-700",
|
|
38
38
|
width: 20,
|
|
39
39
|
height: 20
|
|
@@ -60,7 +60,7 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
|
|
|
60
60
|
},
|
|
61
61
|
children: f
|
|
62
62
|
})
|
|
63
|
-
}) : f, n.state === "enabled" && /* @__PURE__ */ t(
|
|
63
|
+
}) : f, n.state === "enabled" && /* @__PURE__ */ t(O, {
|
|
64
64
|
open: a,
|
|
65
65
|
anchorEl: x,
|
|
66
66
|
onClose: () => {
|
|
@@ -79,14 +79,14 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
|
|
|
79
79
|
},
|
|
80
80
|
children: m ? /* @__PURE__ */ b("div", {
|
|
81
81
|
className: "flex items-center gap-2 p-3 text-base text-delta-700",
|
|
82
|
-
children: [/* @__PURE__ */ t(
|
|
82
|
+
children: [/* @__PURE__ */ t(A, {
|
|
83
83
|
width: 20,
|
|
84
84
|
height: 20
|
|
85
85
|
}), /* @__PURE__ */ t("span", { children: y })]
|
|
86
|
-
}) : /* @__PURE__ */ t(
|
|
86
|
+
}) : /* @__PURE__ */ t(j, {
|
|
87
87
|
disablePadding: !0,
|
|
88
88
|
children: l.map((e, h) => {
|
|
89
|
-
if (
|
|
89
|
+
if (k(e)) {
|
|
90
90
|
const r = e.component(o.row, i);
|
|
91
91
|
return w.isValidElement(r) ? /* @__PURE__ */ t(w.Fragment, { children: r }, h) : null;
|
|
92
92
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ChevronRightIcon as y } from "../../../components/icons/chevron-right-icon/ChevronRightIcon.js";
|
|
2
|
+
import { ChevronLeftIcon as S } from "../../../components/icons/chevron-left-icon/ChevronLeftIcon.js";
|
|
3
|
+
import { StyledPopover as I } from "../../../components/utils/popover/StyledPopover.js";
|
|
4
|
+
import { StyledMenuList as N } from "../../../components/navigation/menu/StyledMenuList.js";
|
|
3
5
|
import c from "../StyledTable.module.js";
|
|
4
6
|
import { StyledTooltip as g } from "../../shared-components/tooltip/index.js";
|
|
5
|
-
import { ChevronDownIcon as
|
|
6
|
-
import { useToggleMenuVisibility as
|
|
7
|
+
import { ChevronDownIcon as O } from "../../shared-components/ChevronDownIcon.js";
|
|
8
|
+
import { useToggleMenuVisibility as w } from "../../hooks/useToggleMenuVisibility.hook.js";
|
|
7
9
|
import { StyledButton as m } from "../../shared-components/button/StyledButton.js";
|
|
8
|
-
import { ChevronRightIcon as O } from "../../shared-components/ChevronRightIcon.js";
|
|
9
|
-
import { ChevronLeftIcon as w } from "../../shared-components/ChevronLeftIcon.js";
|
|
10
10
|
import { StyledMenuItem as k } from "../../shared-components/menu-item/index.js";
|
|
11
11
|
import { useCallback as v, useMemo as P, useRef as z } from "react";
|
|
12
12
|
import { Fragment as $, jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
13
13
|
function V({ table: o, locale: C }) {
|
|
14
|
-
const { anchorEl: s, open: p, handleClose: d, handleOpen: b } =
|
|
14
|
+
const { anchorEl: s, open: p, handleClose: d, handleOpen: b } = w(), u = z(null), n = C === "no", f = P(() => ({
|
|
15
15
|
anchorOrigin: {
|
|
16
16
|
vertical: -5,
|
|
17
17
|
horizontal: "center"
|
|
@@ -43,7 +43,7 @@ function V({ table: o, locale: C }) {
|
|
|
43
43
|
variant: "outlined",
|
|
44
44
|
size: "large",
|
|
45
45
|
onClick: b,
|
|
46
|
-
endIcon: /* @__PURE__ */ e(
|
|
46
|
+
endIcon: /* @__PURE__ */ e(O, {
|
|
47
47
|
className: `${p ? "rotate-180" : "rotate-0"} transition-transform duration-300`,
|
|
48
48
|
height: 24,
|
|
49
49
|
width: 24
|
|
@@ -60,7 +60,7 @@ function V({ table: o, locale: C }) {
|
|
|
60
60
|
})
|
|
61
61
|
})
|
|
62
62
|
}),
|
|
63
|
-
/* @__PURE__ */ e(
|
|
63
|
+
/* @__PURE__ */ e(I, {
|
|
64
64
|
open: p,
|
|
65
65
|
anchorEl: s,
|
|
66
66
|
slotProps: { paper: {
|
|
@@ -74,7 +74,7 @@ function V({ table: o, locale: C }) {
|
|
|
74
74
|
onClose: d,
|
|
75
75
|
anchorOrigin: f.anchorOrigin,
|
|
76
76
|
transformOrigin: f.transformOrigin,
|
|
77
|
-
children: /* @__PURE__ */ e(
|
|
77
|
+
children: /* @__PURE__ */ e(N, { children: x.map((t) => /* @__PURE__ */ e(k, {
|
|
78
78
|
onClick: (r) => {
|
|
79
79
|
r.stopPropagation(), r.preventDefault(), T(t);
|
|
80
80
|
},
|
|
@@ -99,7 +99,7 @@ function V({ table: o, locale: C }) {
|
|
|
99
99
|
},
|
|
100
100
|
size: "large",
|
|
101
101
|
disabled: !o.getCanPreviousPage(),
|
|
102
|
-
startIcon: /* @__PURE__ */ e(
|
|
102
|
+
startIcon: /* @__PURE__ */ e(S, {
|
|
103
103
|
height: 24,
|
|
104
104
|
width: 24
|
|
105
105
|
})
|
|
@@ -115,7 +115,7 @@ function V({ table: o, locale: C }) {
|
|
|
115
115
|
},
|
|
116
116
|
size: "large",
|
|
117
117
|
disabled: !o.getCanNextPage(),
|
|
118
|
-
startIcon: /* @__PURE__ */ e(
|
|
118
|
+
startIcon: /* @__PURE__ */ e(y, {
|
|
119
119
|
height: 24,
|
|
120
120
|
width: 24
|
|
121
121
|
})
|
package/package.json
CHANGED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
-
function l(t) {
|
|
4
|
-
return /* @__PURE__ */ r("svg", {
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
width: "20px",
|
|
7
|
-
height: "20px",
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
...t,
|
|
10
|
-
children: /* @__PURE__ */ r("path", {
|
|
11
|
-
fill: "currentColor",
|
|
12
|
-
d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
l as ChevronLeftIcon
|
|
18
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
-
function h(t) {
|
|
4
|
-
return /* @__PURE__ */ r("svg", {
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
width: "20px",
|
|
7
|
-
height: "20px",
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
...t,
|
|
10
|
-
children: /* @__PURE__ */ r("path", {
|
|
11
|
-
fill: "currentColor",
|
|
12
|
-
d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
h as ChevronRightIcon
|
|
18
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
-
function i(r) {
|
|
4
|
-
return /* @__PURE__ */ o("svg", {
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
width: "1em",
|
|
7
|
-
height: "1em",
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
...r,
|
|
10
|
-
children: /* @__PURE__ */ o("path", {
|
|
11
|
-
fill: "currentColor",
|
|
12
|
-
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
i as CloseIcon
|
|
18
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
-
function l(t) {
|
|
4
|
-
return /* @__PURE__ */ r("svg", {
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
width: "1rem",
|
|
7
|
-
height: "1rem",
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
...t,
|
|
10
|
-
children: /* @__PURE__ */ r("path", {
|
|
11
|
-
fill: "currentColor",
|
|
12
|
-
d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
l as ChevronLeftIcon
|
|
18
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
-
function h(t) {
|
|
4
|
-
return /* @__PURE__ */ r("svg", {
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
width: "1rem",
|
|
7
|
-
height: "1rem",
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
...t,
|
|
10
|
-
children: /* @__PURE__ */ r("path", {
|
|
11
|
-
fill: "currentColor",
|
|
12
|
-
d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
h as ChevronRightIcon
|
|
18
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import { jsx as a } from "react/jsx-runtime";
|
|
3
|
-
function i(r) {
|
|
4
|
-
return /* @__PURE__ */ a("svg", {
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
width: "1rem",
|
|
7
|
-
height: "1rem",
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
...r,
|
|
10
|
-
children: /* @__PURE__ */ a("path", {
|
|
11
|
-
fill: "currentColor",
|
|
12
|
-
d: "M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
i as DotsVerticalIcon
|
|
18
|
-
};
|