@kakadu/components 2.4.3 → 3.1.0
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/build/components/decorators.d.ts +8 -0
- package/build/components/decorators.js +1 -0
- package/build/components/decorators.mjs +13 -0
- package/build/components/modal.d.ts +1 -3
- package/build/components/modal.js +1 -1
- package/build/components/modal.mjs +65 -70
- package/build/components/popover-menu.d.ts +20 -5
- package/build/components/popover-menu.js +1 -1
- package/build/components/popover-menu.mjs +128 -54
- package/build/components/popover.d.ts +1 -0
- package/build/components/popover.js +1 -1
- package/build/components/popover.mjs +79 -70
- package/build/components.css +1 -1
- package/build/hooks/use-fetch.d.ts +6 -1
- package/build/hooks/use-fetch.js +1 -1
- package/build/hooks/use-fetch.mjs +89 -71
- package/build/index.d.ts +2 -0
- package/build/index.js +1 -1
- package/build/index.mjs +202 -199
- package/package.json +1 -1
|
@@ -1,110 +1,128 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
const
|
|
3
|
-
function
|
|
4
|
-
let t =
|
|
5
|
-
return t || (t = /* @__PURE__ */ new Set(),
|
|
6
|
-
t == null || t.delete(n), t && t.size === 0 &&
|
|
1
|
+
import { useState as v, useMemo as E, useCallback as y, useEffect as F } from "react";
|
|
2
|
+
const m = /* @__PURE__ */ new Map(), j = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
|
|
3
|
+
function L(e, n) {
|
|
4
|
+
let t = p.get(e);
|
|
5
|
+
return t || (t = /* @__PURE__ */ new Set(), p.set(e, t)), t.add(n), () => {
|
|
6
|
+
t == null || t.delete(n), t && t.size === 0 && p.delete(e);
|
|
7
7
|
};
|
|
8
8
|
}
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
const t =
|
|
9
|
+
function M(e, n) {
|
|
10
|
+
j.set(e, { timestamp: Date.now(), response: n });
|
|
11
|
+
const t = p.get(e);
|
|
12
12
|
if (t)
|
|
13
|
-
for (const
|
|
14
|
-
|
|
13
|
+
for (const o of t)
|
|
14
|
+
o(n);
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
const [n, t] =
|
|
18
|
-
async (
|
|
16
|
+
function b(e) {
|
|
17
|
+
const [n, t] = v(!1), [o, i] = v(), [s, f] = v(), w = y(
|
|
18
|
+
async (d, l) => {
|
|
19
19
|
try {
|
|
20
|
-
|
|
21
|
-
const
|
|
22
|
-
return
|
|
23
|
-
} catch (
|
|
24
|
-
const
|
|
25
|
-
throw
|
|
20
|
+
f(void 0), t(!0);
|
|
21
|
+
const c = await fetch(d, l), u = e ? await e(c) : c;
|
|
22
|
+
return i(u), u;
|
|
23
|
+
} catch (c) {
|
|
24
|
+
const u = c instanceof Error ? c : new Error("Unknown error");
|
|
25
|
+
throw f(u), u;
|
|
26
26
|
} finally {
|
|
27
27
|
t(!1);
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
[e]
|
|
31
31
|
);
|
|
32
|
-
return
|
|
33
|
-
() => ({ isLoading: n, fetch:
|
|
34
|
-
[n,
|
|
32
|
+
return E(
|
|
33
|
+
() => ({ isLoading: n, fetch: w, response: o, error: s }),
|
|
34
|
+
[n, w, o, s]
|
|
35
35
|
);
|
|
36
36
|
}
|
|
37
|
-
function
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
function J(e) {
|
|
38
|
+
const n = y(
|
|
39
|
+
async (t) => {
|
|
40
|
+
const o = await t.json();
|
|
41
|
+
return e ? e(o) : o;
|
|
42
|
+
},
|
|
43
|
+
[e]
|
|
44
|
+
);
|
|
45
|
+
return b(n);
|
|
42
46
|
}
|
|
43
|
-
function
|
|
44
|
-
const [
|
|
47
|
+
function q(e, n, t) {
|
|
48
|
+
const [o, i] = v(() => !!e), s = E(
|
|
45
49
|
() => e ? JSON.stringify({ url: e, options: n }) : "",
|
|
46
50
|
[e, n]
|
|
47
|
-
),
|
|
51
|
+
), f = y(
|
|
48
52
|
() => {
|
|
49
|
-
var
|
|
50
|
-
return
|
|
53
|
+
var r;
|
|
54
|
+
return s ? (r = j.get(s)) == null ? void 0 : r.response : void 0;
|
|
51
55
|
},
|
|
52
|
-
[
|
|
53
|
-
), [
|
|
56
|
+
[s]
|
|
57
|
+
), [w, d] = v(() => f()), [l, c] = v(), u = E(
|
|
54
58
|
() => {
|
|
55
|
-
var
|
|
56
|
-
return ((
|
|
59
|
+
var r;
|
|
60
|
+
return ((r = n == null ? void 0 : n.method) == null ? void 0 : r.toUpperCase()) ?? "GET";
|
|
57
61
|
},
|
|
58
62
|
[n]
|
|
59
63
|
);
|
|
60
|
-
return
|
|
61
|
-
if (!e || !
|
|
62
|
-
|
|
64
|
+
return F(() => {
|
|
65
|
+
if (!e || !s) {
|
|
66
|
+
d(void 0);
|
|
63
67
|
return;
|
|
64
68
|
}
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
+
const r = f();
|
|
70
|
+
r === void 0 ? (d(void 0), c(void 0)) : (d(r), c(void 0));
|
|
71
|
+
const h = L(s, (g) => {
|
|
72
|
+
d(g), c(void 0);
|
|
69
73
|
});
|
|
70
74
|
return () => {
|
|
71
|
-
|
|
75
|
+
h();
|
|
72
76
|
};
|
|
73
|
-
}, [e,
|
|
74
|
-
if (!e || !
|
|
75
|
-
|
|
77
|
+
}, [e, s, f]), F(() => {
|
|
78
|
+
if (!e || !s) {
|
|
79
|
+
i(!1);
|
|
76
80
|
return;
|
|
77
81
|
}
|
|
78
|
-
const
|
|
79
|
-
if (
|
|
80
|
-
|
|
82
|
+
const r = u === "GET";
|
|
83
|
+
if (r && f() !== void 0) {
|
|
84
|
+
i(!1);
|
|
81
85
|
return;
|
|
82
86
|
}
|
|
83
|
-
let
|
|
84
|
-
|
|
85
|
-
let
|
|
86
|
-
if (!
|
|
87
|
-
const
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
}),
|
|
87
|
+
let h = !0;
|
|
88
|
+
c(void 0), i(!0);
|
|
89
|
+
let g = r && m.has(s) ? m.get(s) : void 0;
|
|
90
|
+
if (!g) {
|
|
91
|
+
const a = fetch(e, n);
|
|
92
|
+
m.set(s, a), a.then(() => {
|
|
93
|
+
m.delete(s);
|
|
94
|
+
}), g = a;
|
|
91
95
|
}
|
|
92
|
-
return
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
+
return g.then(async (a) => {
|
|
97
|
+
if (h) {
|
|
98
|
+
const C = t ? await t(a) : a;
|
|
99
|
+
r && M(s, C), d(C), c(void 0);
|
|
100
|
+
}
|
|
101
|
+
}).catch((a) => {
|
|
102
|
+
h && c(a);
|
|
96
103
|
}).finally(() => {
|
|
97
|
-
|
|
104
|
+
h && i(!1);
|
|
98
105
|
}), () => {
|
|
99
|
-
|
|
106
|
+
h = !1;
|
|
100
107
|
};
|
|
101
|
-
}, [e, n,
|
|
102
|
-
() => ({ isLoading:
|
|
103
|
-
[
|
|
108
|
+
}, [e, n, t, s, u, f]), E(
|
|
109
|
+
() => ({ isLoading: o, response: w, error: l }),
|
|
110
|
+
[o, w, l]
|
|
111
|
+
);
|
|
112
|
+
}
|
|
113
|
+
function R(e, n, t) {
|
|
114
|
+
const o = y(
|
|
115
|
+
async (i) => {
|
|
116
|
+
const s = await i.json();
|
|
117
|
+
return t ? t(s) : s;
|
|
118
|
+
},
|
|
119
|
+
[t]
|
|
104
120
|
);
|
|
121
|
+
return q(e, n, o);
|
|
105
122
|
}
|
|
106
123
|
export {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
124
|
+
q as default,
|
|
125
|
+
b as useFetcher,
|
|
126
|
+
R as useJsonFetch,
|
|
127
|
+
J as useJsonFetcher
|
|
110
128
|
};
|
package/build/index.d.ts
CHANGED
|
@@ -22,6 +22,8 @@ export * from './components/copy-icon-button';
|
|
|
22
22
|
export { default as CopyIconButton } from './components/copy-icon-button';
|
|
23
23
|
export * from './components/datum';
|
|
24
24
|
export { default as Datum } from './components/datum';
|
|
25
|
+
export * from './components/decorators';
|
|
26
|
+
export { default as Decorators } from './components/decorators';
|
|
25
27
|
export * from './components/dnb-logo';
|
|
26
28
|
export { default as DnbLogo } from './components/dnb-logo';
|
|
27
29
|
export * from './components/dot';
|
package/build/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),f=require("./components/aria-text.js"),g=require("./components/atom.js"),B=require("./components/bankid-logo.js"),C=require("./components/box.js"),t=require("./components/button.js"),S=require("./components/button-tooltip.js"),x=require("./components/card.js"),P=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),G=require("./components/datum.js"),M=require("./components/dnb-logo.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),f=require("./components/aria-text.js"),g=require("./components/atom.js"),B=require("./components/bankid-logo.js"),C=require("./components/box.js"),t=require("./components/button.js"),S=require("./components/button-tooltip.js"),x=require("./components/card.js"),P=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),G=require("./components/datum.js"),M=require("./components/decorators.js"),F=require("./components/dnb-logo.js"),D=require("./components/dot.js"),m=require("./components/flex.js"),q=require("./components/footer.js"),R=require("./components/gauge.js"),A=require("./components/gjensidige-logo.js"),K=require("./components/header.js"),_=require("./components/hover-gradient.js"),v=require("./components/icon-button.js"),s=require("./components/input.js"),V=require("./components/kakadu-guide-icon.js"),c=require("./components/kakadu-guide-logo.js"),H=require("./components/kakadu-index-logo.js"),N=require("./components/kakadu-academy-logo.js"),U=require("./components/kakadu-logo.js"),i=require("./components/modal.js"),E=require("./components/moving-gradients.js"),W=require("./components/moving-stars.js"),l=require("./components/notice.js"),d=require("./components/notification.js"),h=require("./components/popover-menu.js"),r=require("./components/popover.js"),y=require("./components/revealer.js"),a=require("./components/separator.js"),k=require("./components/skeleton.js"),J=require("./components/sparebank1-logo.js"),L=require("./components/spinner.js"),j=require("./components/sto-logo.js"),Q=require("./components/storebrand-logo.js"),o=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),O=require("./components/veil.js"),b=require("./components/wrapper.js"),p=require("./icons/icon.js"),z=require("./icons/kakadu-guide-icon.js"),X=require("./icons/kakadu-guide-glyph.js"),Y=require("./icons/dots.js"),Z=require("./icons/menu.js"),$=require("./icons/check.js"),ee=require("./icons/plus.js"),oe=require("./icons/times.js"),te=require("./icons/chevron-up.js"),ne=require("./icons/chevron-right.js"),re=require("./icons/chevron-down.js"),ae=require("./icons/chevron-left.js"),ue=require("./icons/caret-up.js"),se=require("./icons/caret-right.js"),ce=require("./icons/caret-down.js"),ie=require("./icons/caret-left.js"),le=require("./icons/arrow-up.js"),de=require("./icons/arrow-right.js"),pe=require("./icons/arrow-down.js"),fe=require("./icons/arrow-left.js"),ge=require("./icons/anchor-up.js"),Se=require("./icons/anchor-down.js"),me=require("./icons/trend-up.js"),qe=require("./icons/edit.js"),_e=require("./icons/cog.js"),ve=require("./icons/copy.js"),he=require("./icons/select.js"),ye=require("./icons/test.js"),ke=require("./icons/share.js"),Le=require("./icons/external.js"),Te=require("./icons/exclamation-triangle.js"),be=require("./icons/sparkle.js"),Be=require("./icons/trash.js"),Ce=require("./icons/chrome-browser-logo.js"),xe=require("./icons/edge-browser-logo.js"),Pe=require("./hooks/use-media-query.js"),u=require("./hooks/use-fetch.js"),we=require("./utilities/copy-to-clipboard.js"),Ie=require("./utilities/generate-random-id.js"),Ge=require("./utilities/scale.js");exports.FontFamilyHead=e.FontFamilyHead;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;exports.AriaText=f.default;exports.ariaTextStyles=f.ariaTextStyles;exports.Atom=g.default;exports.defaultAtomElementType=g.defaultAtomElementType;exports.BankidLogo=B.default;exports.Box=C.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.ButtonVariant=t.ButtonVariant;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=S.default;exports.ButtonTooltipPosition=S.ButtonTooltipPosition;exports.Card=x.default;exports.ClickRipples=P.default;exports.Collapsible=w.default;exports.CopyIconButton=I.default;exports.Datum=G.default;exports.Decorators=M.default;exports.DnbLogo=F.default;exports.Dot=D.default;exports.Flex=m.default;exports.FlexAlignment=m.FlexAlignment;exports.Footer=q.default;exports.FooterLinkItem=q.FooterLinkItem;exports.Gauge=R.default;exports.GjensidigeLogo=A.default;exports.Header=K.default;exports.HoverGradient=_.default;exports.normalBlendStyles=_.normalBlendStyles;exports.IconButton=v.default;exports.IconButtonVariant=v.IconButtonVariant;exports.Input=s.default;exports.Select=s.Select;exports.errorParagraph=s.errorParagraph;exports.KakaduGuideIcon=V.default;exports.KakaduGuideLogo=c.default;exports.KakaduGuideLogoSvg=c.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=c.KakaduGuideLogoVariant;exports.KakaduIndexLogo=H.default;exports.KakaduAcademyLogo=N.default;exports.KakaduLogo=U.default;exports.Modal=i.default;exports.useModal=i.useModal;exports.useModalContext=i.useModalContext;exports.MovingGradients=E.default;exports.MovingStars=W.default;exports.Notice=l.default;exports.NoticeType=l.NoticeType;exports.NotificationType=l.NoticeType;exports.Notification=d.default;exports.NotificationProvider=d.NotificationProvider;exports.useCreateNotification=d.useCreateNotification;exports.PopoverMenu=h.default;exports.usePopoverMenu=h.usePopoverMenu;exports.Popover=r.default;exports.PopoverContainer=r.PopoverContainer;exports.usePopover=r.usePopover;exports.usePopoverContext=r.usePopoverContext;exports.Revealer=y.default;exports.useRevealer=y.useRevealer;exports.Separator=a.default;exports.SeparatorLabel=a.SeparatorLabel;exports.SmallSeparator=a.SmallSeparator;exports.VerticalSeparator=a.VerticalSeparator;exports.Skeleton=k.default;exports.SkeletonInstance=k.SkeletonInstance;exports.Sparebank1Logo=J.default;exports.RevealSpinner=L.RevealSpinner;exports.Spinner=L.default;exports.StoLogo=j.default;exports.StorebrandLogo=Q.default;exports.AnchorHeading=o.AnchorHeading;exports.Heading=o.Heading;exports.Hero=o.Hero;exports.Label=o.Label;exports.Paragraph=o.Paragraph;exports.Span=o.Span;exports.Text=o.default;exports.spanStyles=o.spanStyles;exports.textShadowStyles=o.textShadowStyles;exports.TextButton=T.default;exports.TextButtonVariant=T.TextButtonVariant;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=O.default;exports.Wrapper=b.default;exports.WrapperWidth=b.WrapperWidth;exports.Icon=p.default;exports.IconType=p.IconType;exports.iconShadowStyles=p.iconShadowStyles;exports.KakaduGuideIconSvg=z.default;exports.KakaduGuideGlyphSvg=X.default;exports.DotsSvg=Y.default;exports.MenuSvg=Z.default;exports.CheckSvg=$.default;exports.PlusSvg=ee.default;exports.TimesSvg=oe.default;exports.ChevronUpSvg=te.default;exports.ChevronRightSvg=ne.default;exports.ChevronDownSvg=re.default;exports.ChevronLeftSvg=ae.default;exports.CaretUpSvg=ue.default;exports.CaretRightSvg=se.default;exports.CaretDownSvg=ce.default;exports.CaretLeftSvg=ie.default;exports.ArrowUpSvg=le.default;exports.ArrowRightSvg=de.default;exports.ArrowDownSvg=pe.default;exports.ArrowLeftSvg=fe.default;exports.AnchorUpSvg=ge.default;exports.AnchorDownSvg=Se.default;exports.TrendUpSvg=me.default;exports.EditSvg=qe.default;exports.CogSvg=_e.default;exports.CopySvg=ve.default;exports.SelectSvg=he.default;exports.TestSvg=ye.default;exports.ShareSvg=ke.default;exports.ExternalSvg=Le.default;exports.ExclamationTriangleSvg=Te.default;exports.SparkleSvg=be.default;exports.TrashSvg=Be.default;exports.ChromeBrowserLogoSvg=Ce.default;exports.EdgeBrowserLogoSvg=xe.default;exports.useMediaQuery=Pe.default;exports.useFetch=u.default;exports.useFetcher=u.useFetcher;exports.useJsonFetch=u.useJsonFetch;exports.useJsonFetcher=u.useJsonFetcher;exports.copyToClipboard=we.default;exports.generateRandomId=Ie.default;exports.scale=Ge.default;
|