@mittwald/flow-react-components 0.1.0-alpha.136 → 0.1.0-alpha.138
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/{Action-Dp9FyJCZ.js → Action-BGsLXvb9.js} +114 -110
- package/dist/Action.js +1 -1
- package/dist/ActionGroup.js +1 -1
- package/dist/ContextMenu.js +2 -2
- package/dist/ContextMenuTrigger-DjZx2IST.js +52 -0
- package/dist/ContextualHelp.js +50 -0
- package/dist/CopyButton.js +1 -1
- package/dist/IconInfo-Dzy8qZId.js +9 -0
- package/dist/IconWarning-DHYHv9V-.js +10 -0
- package/dist/Icons.js +20 -19
- package/dist/InlineAlert.js +1 -1
- package/dist/List.js +1 -1
- package/dist/Modal.js +12 -12
- package/dist/Notification.js +1 -1
- package/dist/NotificationProvider.js +19 -19
- package/dist/OffCanvas.js +1 -1
- package/dist/StatusBadge.js +1 -1
- package/dist/{StatusIcon-Dj5p-iL1.js → StatusIcon-l795M3JX.js} +6 -5
- package/dist/StatusIcon.js +1 -1
- package/dist/Tabs.js +1 -1
- package/dist/{getActionGroupSlot-izllH4ID.js → getActionGroupSlot-Do-bk4GU.js} +7 -7
- package/dist/styles.css +1 -1
- package/dist/types/components/ContextualHelp/ContextualHelp.d.ts +6 -0
- package/dist/types/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.d.ts +5 -0
- package/dist/types/components/ContextualHelp/components/ContextualHelpTrigger/index.d.ts +4 -0
- package/dist/types/components/ContextualHelp/index.d.ts +5 -0
- package/dist/types/components/ContextualHelp/stories/Default.stories.d.ts +7 -0
- package/dist/types/components/NotificationProvider/NotificationContainer.d.ts +5 -0
- package/dist/types/components/NotificationProvider/NotificationProvider.d.ts +2 -1
- package/package.json +16 -12
- package/dist/ContextMenuTrigger-BwhLrGm5.js +0 -51
- package/dist/IconWarning-DFG_1t6M.js +0 -11
- package/dist/types/components/NotificationProvider/NotificationsContainer.d.ts +0 -8
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
var S = Object.defineProperty;
|
|
4
4
|
var B = (o, t, e) => t in o ? S(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
|
|
5
|
-
var
|
|
6
|
-
import
|
|
7
|
-
import { makeObservable as O, observable as
|
|
5
|
+
var a = (o, t, e) => (B(o, typeof t != "symbol" ? t + "" : t, e), e);
|
|
6
|
+
import A, { createContext as F, useRef as k, useContext as y } from "react";
|
|
7
|
+
import { makeObservable as O, observable as M, action as I, computed as E } from "mobx";
|
|
8
8
|
import { u as w } from "./useOverlayController-CGKumeGL.js";
|
|
9
9
|
import D from "invariant";
|
|
10
10
|
import { u as b } from "./useSelector-DpU7_HMO.js";
|
|
11
|
-
import { a as T, g as N, u as R } from "./getActionGroupSlot-
|
|
11
|
+
import { a as T, g as N, u as R } from "./getActionGroupSlot-Do-bk4GU.js";
|
|
12
12
|
import "./propsContext-DzAKlmhS.js";
|
|
13
|
-
import { P as
|
|
13
|
+
import { P as V } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
14
14
|
import "@react-aria/utils";
|
|
15
15
|
import "remeda";
|
|
16
16
|
import { d as u } from "./dynamic-ClpUSmEt.js";
|
|
17
|
-
import { u as
|
|
17
|
+
import { u as $ } from "./slotContext-DoCFkzCA.js";
|
|
18
18
|
const m = F(void 0), G = m.Provider, g = (o) => new Promise((t) => setTimeout(t, o)), f = {
|
|
19
19
|
pending: 1e3,
|
|
20
20
|
succeeded: 1500,
|
|
@@ -22,14 +22,14 @@ const m = F(void 0), G = m.Provider, g = (o) => new Promise((t) => setTimeout(t,
|
|
|
22
22
|
};
|
|
23
23
|
class C {
|
|
24
24
|
constructor() {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
a(this, "showFeedback");
|
|
26
|
+
a(this, "state", "isIdle");
|
|
27
|
+
a(this, "setPendingTimeout");
|
|
28
|
+
a(this, "error");
|
|
29
|
+
a(this, "isAsync", !1);
|
|
30
30
|
O(this, {
|
|
31
|
-
state:
|
|
32
|
-
updateState:
|
|
31
|
+
state: M,
|
|
32
|
+
updateState: I,
|
|
33
33
|
isBusy: E
|
|
34
34
|
});
|
|
35
35
|
}
|
|
@@ -46,7 +46,7 @@ class C {
|
|
|
46
46
|
return b(() => this.isBusy, [this]);
|
|
47
47
|
}
|
|
48
48
|
get isBusy() {
|
|
49
|
-
return this.state
|
|
49
|
+
return this.state !== "isIdle";
|
|
50
50
|
}
|
|
51
51
|
onAsyncStart() {
|
|
52
52
|
this.isAsync = !0, this.updateState("isExecuting"), this.setPendingTimeout = window.setTimeout(
|
|
@@ -79,26 +79,26 @@ class C {
|
|
|
79
79
|
this.updateState("isPending");
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
const
|
|
83
|
-
const e = [...o],
|
|
84
|
-
if (
|
|
85
|
-
const
|
|
86
|
-
return
|
|
82
|
+
const P = (o) => (...t) => {
|
|
83
|
+
const e = [...o], n = e.shift();
|
|
84
|
+
if (n) {
|
|
85
|
+
const s = n(...t), i = () => e.length === 0 ? s : P(e)(...t);
|
|
86
|
+
return s instanceof Promise ? s.then(i) : i();
|
|
87
87
|
}
|
|
88
88
|
}, d = () => {
|
|
89
89
|
}, L = (o, t = {}) => {
|
|
90
90
|
const {
|
|
91
91
|
onSync: e = d,
|
|
92
|
-
onAsync:
|
|
93
|
-
then:
|
|
94
|
-
catch:
|
|
95
|
-
finally:
|
|
92
|
+
onAsync: n = d,
|
|
93
|
+
then: s = d,
|
|
94
|
+
catch: i = d,
|
|
95
|
+
finally: c = d
|
|
96
96
|
} = t;
|
|
97
97
|
try {
|
|
98
|
-
const
|
|
99
|
-
return
|
|
100
|
-
} catch (
|
|
101
|
-
e(),
|
|
98
|
+
const r = o();
|
|
99
|
+
return r instanceof Promise ? (n(), r.then(s).catch(i).finally(c)) : (e(), s(r), c(), r);
|
|
100
|
+
} catch (r) {
|
|
101
|
+
e(), i(r), c();
|
|
102
102
|
}
|
|
103
103
|
}, U = () => {
|
|
104
104
|
};
|
|
@@ -107,16 +107,16 @@ function j(o) {
|
|
|
107
107
|
return o.confirmationModalController.open;
|
|
108
108
|
const t = o.getOverlayController(), {
|
|
109
109
|
action: e,
|
|
110
|
-
toggleOverlay:
|
|
111
|
-
closeOverlay:
|
|
112
|
-
openOverlay:
|
|
110
|
+
toggleOverlay: n,
|
|
111
|
+
closeOverlay: s,
|
|
112
|
+
openOverlay: i
|
|
113
113
|
} = o.actionProps;
|
|
114
|
-
return e || (
|
|
114
|
+
return e || (i && t ? t.open : s && t || n && t ? t.close : U);
|
|
115
115
|
}
|
|
116
116
|
class v {
|
|
117
117
|
constructor(t) {
|
|
118
|
-
|
|
119
|
-
|
|
118
|
+
a(this, "actions", []);
|
|
119
|
+
a(this, "baseAction");
|
|
120
120
|
this.baseAction = t;
|
|
121
121
|
}
|
|
122
122
|
addAction(t) {
|
|
@@ -125,94 +125,94 @@ class v {
|
|
|
125
125
|
async executeBatch(t) {
|
|
126
126
|
if (this.actions.length === 0)
|
|
127
127
|
return;
|
|
128
|
-
const e = this.actions[this.actions.length - 1].actionProps.showFeedback,
|
|
128
|
+
const e = this.actions[this.actions.length - 1].actionProps.showFeedback, n = this.baseAction.state.withFeedback(
|
|
129
129
|
this.baseAction.needsConfirmation ? !1 : e
|
|
130
|
-
),
|
|
131
|
-
let
|
|
132
|
-
if (await L(() =>
|
|
133
|
-
onAsync: () =>
|
|
134
|
-
then: () =>
|
|
135
|
-
catch: (
|
|
136
|
-
|
|
130
|
+
), s = this.actions.map((r) => j(r)), i = P(s);
|
|
131
|
+
let c;
|
|
132
|
+
if (await L(() => i(...t), {
|
|
133
|
+
onAsync: () => n.onAsyncStart(),
|
|
134
|
+
then: () => n.onSucceeded(),
|
|
135
|
+
catch: (r) => {
|
|
136
|
+
n.onFailed(r), c = r;
|
|
137
137
|
}
|
|
138
|
-
}),
|
|
139
|
-
throw
|
|
138
|
+
}), c)
|
|
139
|
+
throw c;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
class q {
|
|
143
143
|
constructor(t) {
|
|
144
|
-
|
|
145
|
-
|
|
144
|
+
a(this, "action");
|
|
145
|
+
a(this, "execute", (...t) => {
|
|
146
146
|
const e = this.getBatchedActions();
|
|
147
147
|
(async () => {
|
|
148
|
-
for (const
|
|
149
|
-
await
|
|
150
|
-
})().catch((
|
|
148
|
+
for (const s of e)
|
|
149
|
+
await s.executeBatch(t);
|
|
150
|
+
})().catch((s) => console.error(s));
|
|
151
151
|
});
|
|
152
|
-
|
|
152
|
+
a(this, "getBatchedActions", () => {
|
|
153
153
|
let t = this.action;
|
|
154
154
|
const e = [];
|
|
155
|
-
let
|
|
155
|
+
let n = new v(
|
|
156
156
|
this.action
|
|
157
|
-
),
|
|
157
|
+
), s = 0;
|
|
158
158
|
for (; t; ) {
|
|
159
|
-
const { action:
|
|
159
|
+
const { action: i, break: c, skip: r } = t.actionProps;
|
|
160
160
|
if (t.needsConfirmation) {
|
|
161
|
-
|
|
161
|
+
n.addAction(t);
|
|
162
162
|
break;
|
|
163
163
|
}
|
|
164
|
-
if (
|
|
165
|
-
|
|
164
|
+
if (r) {
|
|
165
|
+
s = r === !0 ? 1 : r, t = t.parentAction;
|
|
166
166
|
continue;
|
|
167
167
|
}
|
|
168
|
-
if (
|
|
169
|
-
t = t.parentAction,
|
|
168
|
+
if (s > 0) {
|
|
169
|
+
t = t.parentAction, s--;
|
|
170
170
|
continue;
|
|
171
171
|
}
|
|
172
|
-
if (
|
|
172
|
+
if (c)
|
|
173
173
|
break;
|
|
174
|
-
|
|
174
|
+
i || (e.push(n), n = new v(this.action)), n.addAction(t), t = t.parentAction;
|
|
175
175
|
}
|
|
176
|
-
return e.push(
|
|
176
|
+
return e.push(n), e;
|
|
177
177
|
});
|
|
178
178
|
this.action = t;
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
class l {
|
|
182
182
|
constructor(t) {
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
183
|
+
a(this, "state");
|
|
184
|
+
a(this, "needsConfirmation");
|
|
185
|
+
a(this, "actionProps");
|
|
186
|
+
a(this, "parentAction");
|
|
187
|
+
a(this, "confirmationModalController");
|
|
188
|
+
a(this, "overlayController");
|
|
189
|
+
a(this, "execute", (...t) => {
|
|
190
190
|
new q(this).execute(...t);
|
|
191
191
|
});
|
|
192
192
|
const {
|
|
193
193
|
actionProps: e,
|
|
194
|
-
needsConfirmation:
|
|
195
|
-
parentAction:
|
|
196
|
-
overlayController:
|
|
197
|
-
confirmationModalController:
|
|
198
|
-
state:
|
|
194
|
+
needsConfirmation: n,
|
|
195
|
+
parentAction: s,
|
|
196
|
+
overlayController: i,
|
|
197
|
+
confirmationModalController: c,
|
|
198
|
+
state: r
|
|
199
199
|
} = t;
|
|
200
|
-
this.actionProps = e, this.parentAction =
|
|
200
|
+
this.actionProps = e, this.parentAction = s, this.confirmationModalController = c, this.needsConfirmation = n, this.overlayController = i, this.state = r;
|
|
201
201
|
}
|
|
202
202
|
static useNew(t, e = {}) {
|
|
203
|
-
const
|
|
203
|
+
const n = y(m), s = w(), i = w(), c = C.useNew();
|
|
204
204
|
return new l({
|
|
205
|
-
parentAction:
|
|
206
|
-
overlayController:
|
|
207
|
-
confirmationModalController:
|
|
205
|
+
parentAction: n,
|
|
206
|
+
overlayController: s,
|
|
207
|
+
confirmationModalController: i,
|
|
208
208
|
needsConfirmation: !1,
|
|
209
209
|
actionProps: t,
|
|
210
|
-
state:
|
|
210
|
+
state: c,
|
|
211
211
|
...e
|
|
212
212
|
});
|
|
213
213
|
}
|
|
214
214
|
static use() {
|
|
215
|
-
const t =
|
|
215
|
+
const t = y(m);
|
|
216
216
|
return D(!!t, "Action context is not defined"), T.useRegisterState(t.state), t;
|
|
217
217
|
}
|
|
218
218
|
static useConfirmationAction() {
|
|
@@ -238,45 +238,49 @@ class l {
|
|
|
238
238
|
return t(this.actionProps.openOverlay) ?? t(this.actionProps.closeOverlay) ?? t(this.actionProps.toggleOverlay);
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
|
-
const z = (o) =>
|
|
242
|
-
const t = l.use(), e = t.state.useValue(),
|
|
243
|
-
return t.needsConfirmation &&
|
|
244
|
-
},
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
})
|
|
262
|
-
},
|
|
241
|
+
const z = (o) => $()[o], p = (o) => z("Modal") === "actionConfirm" ? N(o) : void 0, h = (o) => {
|
|
242
|
+
const t = l.use(), e = t.state.useValue(), n = p(o) === "primary", s = t.confirmationModalController.useIsOpen();
|
|
243
|
+
return t.needsConfirmation && s && !n ? "isIdle" : e;
|
|
244
|
+
}, x = {
|
|
245
|
+
onPress: u((o) => {
|
|
246
|
+
const t = l.use(), e = l.useConfirmationAction(), n = p(o) === "primary";
|
|
247
|
+
return p(o) === "abort" ? t.confirmationModalController.close : n ? e.execute : t.execute;
|
|
248
|
+
}),
|
|
249
|
+
isPending: u((o) => h(o) === "isPending"),
|
|
250
|
+
isSucceeded: u(
|
|
251
|
+
(o) => h(o) === "isSucceeded"
|
|
252
|
+
),
|
|
253
|
+
isFailed: u((o) => h(o) === "isFailed"),
|
|
254
|
+
"aria-disabled": u((o) => {
|
|
255
|
+
const t = h(o), e = R().useIsBusy();
|
|
256
|
+
return t === "isExecuting" || e;
|
|
257
|
+
})
|
|
258
|
+
}, st = (o) => {
|
|
259
|
+
const { children: t, ...e } = o, n = l.useNew(e), s = {
|
|
260
|
+
Button: x,
|
|
263
261
|
Link: {
|
|
264
262
|
onPress: u(() => l.use().execute)
|
|
265
263
|
},
|
|
266
264
|
Modal: {
|
|
267
|
-
slot: u((
|
|
268
|
-
const { slot:
|
|
269
|
-
return
|
|
265
|
+
slot: u((i) => {
|
|
266
|
+
const { slot: c } = i, r = l.use();
|
|
267
|
+
return r.needsConfirmation = c === "actionConfirm", c;
|
|
268
|
+
}),
|
|
269
|
+
isDismissable: u((i) => {
|
|
270
|
+
const r = l.use().state.useValue();
|
|
271
|
+
return r === "isExecuting" || r === "isPending" ? !1 : i.isDismissable;
|
|
270
272
|
}),
|
|
271
|
-
isDismissable: u((n) => l.use().state.useIsBusy() ? !1 : n.isDismissable),
|
|
272
273
|
controller: u(() => {
|
|
273
|
-
const
|
|
274
|
-
return
|
|
275
|
-
})
|
|
274
|
+
const i = l.use();
|
|
275
|
+
return i.needsConfirmation ? i.confirmationModalController : i.getOverlayController();
|
|
276
|
+
}),
|
|
277
|
+
ActionGroup: {
|
|
278
|
+
Button: x
|
|
279
|
+
}
|
|
276
280
|
}
|
|
277
281
|
};
|
|
278
|
-
return /* @__PURE__ */
|
|
282
|
+
return /* @__PURE__ */ A.createElement(G, { value: n }, /* @__PURE__ */ A.createElement(V, { props: s, mergeInParentContext: !0 }, t));
|
|
279
283
|
};
|
|
280
284
|
export {
|
|
281
|
-
|
|
285
|
+
st as A
|
|
282
286
|
};
|
package/dist/Action.js
CHANGED
package/dist/ActionGroup.js
CHANGED
|
@@ -9,7 +9,7 @@ import { d as e } from "./dynamic-ClpUSmEt.js";
|
|
|
9
9
|
import i from "clsx";
|
|
10
10
|
import { f as g } from "./flowComponent-CPKCCJEg.js";
|
|
11
11
|
import { TunnelProvider as E, TunnelExit as n } from "@mittwald/react-tunnel";
|
|
12
|
-
import { A as C, g as a } from "./getActionGroupSlot-
|
|
12
|
+
import { A as C, g as a } from "./getActionGroupSlot-Do-bk4GU.js";
|
|
13
13
|
const G = "flow--action-group--action-group-container", v = "flow--action-group", x = "flow--action-group--primary", N = "flow--action-group--secondary", P = "flow--action-group--abort", r = {
|
|
14
14
|
actionGroupContainer: G,
|
|
15
15
|
actionGroup: v,
|
package/dist/ContextMenu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import { C as t } from "./ContextMenuTrigger-
|
|
4
|
-
import { a } from "./ContextMenuTrigger-
|
|
3
|
+
import { C as t } from "./ContextMenuTrigger-DjZx2IST.js";
|
|
4
|
+
import { a } from "./ContextMenuTrigger-DjZx2IST.js";
|
|
5
5
|
import { M as n } from "./MenuItem-Dny58Rqq.js";
|
|
6
6
|
export {
|
|
7
7
|
t as ContextMenu,
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as r from "react-aria-components";
|
|
5
|
+
import { f as M } from "./flowComponent-CPKCCJEg.js";
|
|
6
|
+
import { P as d } from "./Popover-B-COTLld.js";
|
|
7
|
+
import "mobx";
|
|
8
|
+
import "./useOverlayController-CGKumeGL.js";
|
|
9
|
+
import { C as g } from "./ClearPropsContext-CUvsbMn8.js";
|
|
10
|
+
import { P as C } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
11
|
+
import "@react-aria/utils";
|
|
12
|
+
import "./propsContext-DzAKlmhS.js";
|
|
13
|
+
import "remeda";
|
|
14
|
+
import { O as v } from "./OverlayTrigger-DbjMkqKf.js";
|
|
15
|
+
const P = "flow--context-menu", E = "flow--context-menu--popover", n = {
|
|
16
|
+
contextMenu: P,
|
|
17
|
+
popover: E
|
|
18
|
+
}, R = M("ContextMenu", (o) => {
|
|
19
|
+
const {
|
|
20
|
+
children: a,
|
|
21
|
+
onAction: s,
|
|
22
|
+
selectionMode: t,
|
|
23
|
+
selectedKeys: i,
|
|
24
|
+
defaultSelectedKeys: c,
|
|
25
|
+
disabledKeys: l,
|
|
26
|
+
onSelectionChange: m,
|
|
27
|
+
refProp: p,
|
|
28
|
+
...u
|
|
29
|
+
} = o, f = t === "navigation" ? "single" : t, x = {
|
|
30
|
+
MenuItem: {
|
|
31
|
+
selectionVariant: t === "navigation" ? "navigation" : "control"
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
return /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(d, { ...u, className: n.popover }, /* @__PURE__ */ e.createElement(
|
|
35
|
+
r.Menu,
|
|
36
|
+
{
|
|
37
|
+
className: n.contextMenu,
|
|
38
|
+
onAction: s,
|
|
39
|
+
selectionMode: f,
|
|
40
|
+
selectedKeys: i,
|
|
41
|
+
defaultSelectedKeys: c,
|
|
42
|
+
disabledKeys: l,
|
|
43
|
+
onSelectionChange: m,
|
|
44
|
+
ref: p
|
|
45
|
+
},
|
|
46
|
+
/* @__PURE__ */ e.createElement(C, { props: x }, a)
|
|
47
|
+
)));
|
|
48
|
+
}), V = (o) => /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(r.MenuTrigger, null, o.children));
|
|
49
|
+
export {
|
|
50
|
+
R as C,
|
|
51
|
+
V as a
|
|
52
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import t from "react";
|
|
4
|
+
import { P as l } from "./Popover-B-COTLld.js";
|
|
5
|
+
import * as i from "react-aria-components";
|
|
6
|
+
import "mobx";
|
|
7
|
+
import "./useOverlayController-CGKumeGL.js";
|
|
8
|
+
import "./propsContext-DzAKlmhS.js";
|
|
9
|
+
import { P as n } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
10
|
+
import "@react-aria/utils";
|
|
11
|
+
import "remeda";
|
|
12
|
+
import { O as m } from "./OverlayTrigger-DbjMkqKf.js";
|
|
13
|
+
import { useLocalizedStringFormatter as p } from "react-aria";
|
|
14
|
+
import "@tabler/icons-react";
|
|
15
|
+
import "./Icon-D4bkU_pz.js";
|
|
16
|
+
import { I as c } from "./IconInfo-Dzy8qZId.js";
|
|
17
|
+
const s = "flow--contextual-help", u = {
|
|
18
|
+
contextualHelp: s
|
|
19
|
+
}, w = (e) => {
|
|
20
|
+
const { children: r, ...o } = e, a = {
|
|
21
|
+
Heading: {
|
|
22
|
+
level: 5
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
return /* @__PURE__ */ t.createElement(l, { withTip: !0, ...o }, /* @__PURE__ */ t.createElement(n, { props: a }, /* @__PURE__ */ t.createElement("div", { className: u.contextualHelp }, r)));
|
|
26
|
+
}, f = {
|
|
27
|
+
"de-DE": {
|
|
28
|
+
"contextualHelpButton.moreInformation": "Weitere Informationen"
|
|
29
|
+
},
|
|
30
|
+
"en-EN": {
|
|
31
|
+
"contextualHelpButton.moreInformation": "More information"
|
|
32
|
+
}
|
|
33
|
+
}, y = (e) => {
|
|
34
|
+
const o = {
|
|
35
|
+
Button: {
|
|
36
|
+
"aria-label": p(f).format(
|
|
37
|
+
"contextualHelpButton.moreInformation"
|
|
38
|
+
),
|
|
39
|
+
children: /* @__PURE__ */ t.createElement(c, null),
|
|
40
|
+
size: "s",
|
|
41
|
+
variant: "plain"
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
return /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement(i.DialogTrigger, null, /* @__PURE__ */ t.createElement(n, { props: o, mergeInParentContext: !0 }, e.children)));
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
w as ContextualHelp,
|
|
48
|
+
y as ContextualHelpTrigger,
|
|
49
|
+
w as default
|
|
50
|
+
};
|
package/dist/CopyButton.js
CHANGED
|
@@ -15,7 +15,7 @@ import "@react-aria/utils";
|
|
|
15
15
|
import "remeda";
|
|
16
16
|
import "dot-prop";
|
|
17
17
|
import { f as C } from "./flowComponent-CPKCCJEg.js";
|
|
18
|
-
import { A as E } from "./Action-
|
|
18
|
+
import { A as E } from "./Action-BGsLXvb9.js";
|
|
19
19
|
const B = {
|
|
20
20
|
"de-DE": {
|
|
21
21
|
"copyButton.copy": "Kopieren"
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import o from "react";
|
|
4
|
+
import { IconInfoCircle as r } from "@tabler/icons-react";
|
|
5
|
+
import { I as t } from "./Icon-D4bkU_pz.js";
|
|
6
|
+
const I = (e) => /* @__PURE__ */ o.createElement(t, { ...e }, /* @__PURE__ */ o.createElement(r, null));
|
|
7
|
+
export {
|
|
8
|
+
I
|
|
9
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import { IconCircleCheck as n, IconAlertCircle as r } from "@tabler/icons-react";
|
|
5
|
+
import { I as t } from "./Icon-D4bkU_pz.js";
|
|
6
|
+
const m = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null)), s = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(r, null));
|
|
7
|
+
export {
|
|
8
|
+
m as I,
|
|
9
|
+
s as a
|
|
10
|
+
};
|
package/dist/Icons.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import n from "react";
|
|
4
|
-
import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as r, IconCode as a, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as
|
|
4
|
+
import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as r, IconCode as a, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as f, IconExternalLink as h, IconFilter as d, IconEyeCancel as x, IconHome as C, IconInbox as S, IconList as v, IconPower as g, IconUsersGroup as b, IconMenu2 as k, IconBell as L, IconArchive as w, IconDice3 as D, IconDeviceFloppy as M, IconListSearch as $, IconServer as y, IconSettings as F, IconShare3 as B, IconEye as H, IconAdjustmentsHorizontal as P, IconShield as A, IconShieldCheckFilled as R, IconDoor as V, IconSubtask as O, IconHeadset as T, IconFileX as j, IconLayoutGrid as z } from "@tabler/icons-react";
|
|
5
5
|
import { I as t } from "./Icon-D4bkU_pz.js";
|
|
6
6
|
import { I as Pe } from "./IconCheck-CMWmQYpS.js";
|
|
7
7
|
import { I as Re, a as Ve } from "./IconCheckboxEmpty-DQLeOSmS.js";
|
|
@@ -14,12 +14,13 @@ import { I as Ke } from "./IconContextMenu-Bmk1_j_0.js";
|
|
|
14
14
|
import { I as Ye } from "./IconCopy-DH_CNzXF.js";
|
|
15
15
|
import { I as _e } from "./IconDanger-PwvUWqzQ.js";
|
|
16
16
|
import { a as nn, I as tn } from "./IconSucceeded-KKiDIenP.js";
|
|
17
|
-
import { I as on
|
|
18
|
-
import { I as
|
|
19
|
-
import { I as
|
|
20
|
-
import { a as
|
|
21
|
-
import { I as
|
|
22
|
-
|
|
17
|
+
import { I as on } from "./IconInfo-Dzy8qZId.js";
|
|
18
|
+
import { I as rn, a as an } from "./IconPlus-CAQpgAH5.js";
|
|
19
|
+
import { I as mn } from "./IconPending-BV7TXz8_.js";
|
|
20
|
+
import { a as En, I as un } from "./IconRadioOn-BIS8wd64.js";
|
|
21
|
+
import { I as fn } from "./IconSearch-DadOOeXe.js";
|
|
22
|
+
import { I as dn, a as xn } from "./IconWarning-DHYHv9V-.js";
|
|
23
|
+
const N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), ve = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), ge = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(P, null)), be = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), ke = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), Le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), we = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(O, null)), De = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(T, null)), Me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(j, null)), $e = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(z, null)), ye = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), Fe = (e) => /* @__PURE__ */ n.createElement(
|
|
23
24
|
t,
|
|
24
25
|
{
|
|
25
26
|
...e
|
|
@@ -66,32 +67,32 @@ export {
|
|
|
66
67
|
se as IconLogout,
|
|
67
68
|
Ee as IconMember,
|
|
68
69
|
ue as IconMenu,
|
|
69
|
-
|
|
70
|
+
rn as IconMinus,
|
|
70
71
|
Fe as IconMittwald,
|
|
71
72
|
ie as IconNotification,
|
|
72
|
-
|
|
73
|
-
|
|
73
|
+
mn as IconPending,
|
|
74
|
+
an as IconPlus,
|
|
74
75
|
pe as IconProject,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
76
|
+
En as IconRadioOff,
|
|
77
|
+
un as IconRadioOn,
|
|
78
|
+
fe as IconRandom,
|
|
79
|
+
he as IconSave,
|
|
80
|
+
fn as IconSearch,
|
|
80
81
|
de as IconSearchEngine,
|
|
81
82
|
xe as IconServer,
|
|
82
83
|
Ce as IconSettings,
|
|
83
84
|
Se as IconShare,
|
|
84
85
|
ve as IconShow,
|
|
85
|
-
|
|
86
|
-
|
|
86
|
+
ge as IconSorting,
|
|
87
|
+
be as IconSpamProtectionOff,
|
|
87
88
|
ke as IconSpamProtectionOn,
|
|
88
89
|
Le as IconSshSftp,
|
|
89
90
|
we as IconSubdomain,
|
|
90
91
|
tn as IconSucceeded,
|
|
91
|
-
|
|
92
|
+
dn as IconSuccess,
|
|
92
93
|
De as IconSupport,
|
|
93
94
|
Me as IconTerminate,
|
|
94
95
|
$e as IconTileView,
|
|
95
96
|
ye as IconTime,
|
|
96
|
-
|
|
97
|
+
xn as IconWarning
|
|
97
98
|
};
|
package/dist/InlineAlert.js
CHANGED
|
@@ -7,7 +7,7 @@ import "@react-aria/utils";
|
|
|
7
7
|
import "./propsContext-DzAKlmhS.js";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import p from "clsx";
|
|
10
|
-
import { S as u } from "./StatusIcon-
|
|
10
|
+
import { S as u } from "./StatusIcon-l795M3JX.js";
|
|
11
11
|
import { f as d } from "./flowComponent-CPKCCJEg.js";
|
|
12
12
|
const w = "flow--inline-alert", g = "flow--inline-alert--status-icon", C = "flow--inline-alert--heading", I = "flow--inline-alert--content", N = "flow--inline-alert--info", h = "flow--inline-alert--warning", x = "flow--inline-alert--danger", A = "flow--inline-alert--success", n = {
|
|
13
13
|
inlineAlert: w,
|
package/dist/List.js
CHANGED
|
@@ -5,7 +5,7 @@ var et = (i, t, e) => t in i ? tt(i, t, { enumerable: !0, configurable: !0, writ
|
|
|
5
5
|
var o = (i, t, e) => (et(i, typeof t != "symbol" ? t + "" : t, e), e);
|
|
6
6
|
import s, { createContext as at, useContext as st, createElement as nt, useEffect as I, useRef as it, Suspense as rt } from "react";
|
|
7
7
|
import { R as ot } from "./Render-BdlTa7Qb.js";
|
|
8
|
-
import { C as q, a as lt } from "./ContextMenuTrigger-
|
|
8
|
+
import { C as q, a as lt } from "./ContextMenuTrigger-DjZx2IST.js";
|
|
9
9
|
import { M as K } from "./MenuItem-Dny58Rqq.js";
|
|
10
10
|
import * as j from "react-aria-components";
|
|
11
11
|
import { autorun as ct, runInAction as ut, makeObservable as mt, observable as N, computed as R, action as C } from "mobx";
|