@cratis/components 4.15.1 → 4.17.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/compat-manifest.json +11 -11
- package/dist/esm/Canvas/Canvas.d.ts +9 -2
- package/dist/esm/Canvas/Canvas.js +2 -2
- package/dist/esm/Canvas/Canvas.js.map +1 -1
- package/dist/esm/Canvas/CanvasControls.d.ts +22 -0
- package/dist/esm/Canvas/CanvasControls.js +10 -6
- package/dist/esm/Canvas/CanvasControls.js.map +1 -1
- package/dist/esm/Canvas/index.d.ts +1 -1
- package/dist/esm/Chat/ChatConversation.d.ts +10 -1
- package/dist/esm/Chat/ChatConversation.js +4 -3
- package/dist/esm/Chat/ChatConversation.js.map +1 -1
- package/dist/esm/Chat/ChatSidebar.d.ts +7 -2
- package/dist/esm/Chat/ChatSidebar.js +3 -3
- package/dist/esm/Chat/ChatSidebar.js.map +1 -1
- package/dist/esm/Chat/ChatSidebarForObservableQueries.d.ts +2 -2
- package/dist/esm/Chat/ChatSidebarForObservableQueries.js +60 -12
- package/dist/esm/Chat/ChatSidebarForObservableQueries.js.map +1 -1
- package/dist/esm/Chat/ChatStatus.d.ts +12 -0
- package/dist/esm/Chat/ChatStatus.d.ts.map +1 -0
- package/dist/esm/Chat/ChatStatus.js +10 -0
- package/dist/esm/Chat/ChatStatus.js.map +1 -0
- package/dist/esm/Chat/ChatTopicList.d.ts +10 -1
- package/dist/esm/Chat/ChatTopicList.js +3 -2
- package/dist/esm/Chat/ChatTopicList.js.map +1 -1
- package/dist/esm/Chat/Kit/ChatComposer.d.ts +2 -0
- package/dist/esm/Chat/Kit/ChatComposer.js +14 -7
- package/dist/esm/Chat/Kit/ChatComposer.js.map +1 -1
- package/dist/esm/Chat/index.d.ts +1 -0
- package/dist/esm/Chat/index.js +1 -0
- package/dist/esm/Chat/index.js.map +1 -1
- package/dist/esm/CommandDialog/CommandDialog.d.ts +11 -1
- package/dist/esm/CommandDialog/CommandDialog.js +12 -20
- package/dist/esm/CommandDialog/CommandDialog.js.map +1 -1
- package/dist/esm/CommandDialog/CommandStepper.d.ts +8 -1
- package/dist/esm/CommandDialog/CommandStepper.js +11 -19
- package/dist/esm/CommandDialog/CommandStepper.js.map +1 -1
- package/dist/esm/CommandDialog/CommandStepperContent.d.ts +2 -0
- package/dist/esm/CommandDialog/CommandStepperContent.js +2 -2
- package/dist/esm/CommandDialog/CommandStepperContent.js.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.d.ts +8 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.js +12 -19
- package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
- package/dist/esm/CommandDialog/commandValuesUnchanged.d.ts +5 -0
- package/dist/esm/CommandDialog/commandValuesUnchanged.d.ts.map +1 -0
- package/dist/esm/CommandDialog/commandValuesUnchanged.js +22 -0
- package/dist/esm/CommandDialog/commandValuesUnchanged.js.map +1 -0
- package/dist/esm/CommandDialog/confirmBeforeExecute.d.ts +9 -0
- package/dist/esm/CommandDialog/confirmBeforeExecute.d.ts.map +1 -0
- package/dist/esm/CommandDialog/confirmBeforeExecute.js +12 -0
- package/dist/esm/CommandDialog/confirmBeforeExecute.js.map +1 -0
- package/dist/esm/CommandDialog/index.d.ts +1 -0
- package/dist/esm/CommandDialog/useCommandExecution.d.ts +9 -0
- package/dist/esm/CommandDialog/useCommandExecution.js +52 -0
- package/dist/esm/CommandDialog/useCommandExecution.js.map +1 -0
- package/dist/esm/CommandDialog/useSubmissionFlight.d.ts +8 -0
- package/dist/esm/CommandDialog/useSubmissionFlight.d.ts.map +1 -0
- package/dist/esm/CommandDialog/useSubmissionFlight.js +30 -0
- package/dist/esm/CommandDialog/useSubmissionFlight.js.map +1 -0
- package/dist/esm/Common/DatePickerInputImplementation.js +16 -7
- package/dist/esm/Common/DatePickerInputImplementation.js.map +1 -1
- package/dist/esm/Common/Tooltip.d.ts +3 -3
- package/dist/esm/Common/Tooltip.d.ts.map +1 -1
- package/dist/esm/Common/TooltipImplementation.js +1 -1
- package/dist/esm/Common/TooltipImplementation.js.map +1 -1
- package/dist/esm/DataTables/DataTableCore.js +1 -1
- package/dist/esm/DataTables/DataTableCore.js.map +1 -1
- package/dist/esm/DataTables/resolveDataTableStatus.d.ts +1 -0
- package/dist/esm/DataTables/resolveDataTableStatus.js +8 -8
- package/dist/esm/DataTables/resolveDataTableStatus.js.map +1 -1
- package/dist/esm/Filter/CheckboxListFilter.d.ts +5 -1
- package/dist/esm/Filter/CheckboxListFilter.js +16 -4
- package/dist/esm/Filter/CheckboxListFilter.js.map +1 -1
- package/dist/esm/Filter/FilterPanel.d.ts +5 -1
- package/dist/esm/Filter/FilterPanel.js +37 -6
- package/dist/esm/Filter/FilterPanel.js.map +1 -1
- package/dist/esm/Filter/types.d.ts +4 -0
- package/dist/esm/Filter/types.d.ts.map +1 -1
- package/dist/esm/PivotViewer/PivotViewer.d.ts +1 -1
- package/dist/esm/PivotViewer/PivotViewer.js +2 -2
- package/dist/esm/PivotViewer/PivotViewer.js.map +1 -1
- package/dist/esm/PivotViewer/PivotViewerLabels.d.ts +32 -0
- package/dist/esm/PivotViewer/PivotViewerLabels.d.ts.map +1 -0
- package/dist/esm/PivotViewer/PivotViewerLabels.js +4 -0
- package/dist/esm/PivotViewer/PivotViewerLabels.js.map +1 -0
- package/dist/esm/PivotViewer/components/FilterPanel.d.ts +6 -1
- package/dist/esm/PivotViewer/components/FilterPanel.js +3 -2
- package/dist/esm/PivotViewer/components/FilterPanel.js.map +1 -1
- package/dist/esm/PivotViewer/components/Toolbar.d.ts +3 -1
- package/dist/esm/PivotViewer/components/Toolbar.js +2 -3
- package/dist/esm/PivotViewer/components/Toolbar.js.map +1 -1
- package/dist/esm/PivotViewer/index.d.ts +1 -0
- package/dist/esm/PivotViewer/types.d.ts +4 -1
- package/dist/esm/PivotViewer/types.js.map +1 -1
- package/dist/esm/QueryStatus/QueryStatus.d.ts +8 -0
- package/dist/esm/QueryStatus/QueryStatus.d.ts.map +1 -0
- package/dist/esm/QueryStatus/QueryStatus.js +10 -0
- package/dist/esm/QueryStatus/QueryStatus.js.map +1 -0
- package/dist/esm/QueryStatus/resolveQueryStatus.d.ts +9 -0
- package/dist/esm/QueryStatus/resolveQueryStatus.js +14 -0
- package/dist/esm/QueryStatus/resolveQueryStatus.js.map +1 -0
- package/dist/esm/styles.Canvas.css +10 -3
- package/dist/esm/styles.Chat.css +10 -3
- package/dist/esm/styles.css +10 -3
- package/dist/esm/types/parts.d.ts +2 -2
- package/dist/esm/types/parts.js +2 -2
- package/dist/esm/types/parts.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatSidebar.js","sources":["../../../Chat/ChatSidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed","_Fragment"],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ChatSidebar.js","sources":["../../../Chat/ChatSidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed","_Fragment"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { Constructor } from '@cratis/fundamentals';
|
|
3
3
|
import type { IObservableQueryFor } from '@cratis/arc/queries';
|
|
4
4
|
import { type ChatSidebarProps } from './ChatSidebar.js';
|
|
5
|
-
import type
|
|
5
|
+
import { type ChatIdentifier } from './ChatIdentifier.js';
|
|
6
6
|
import type { ChatMessage } from './ChatMessage.js';
|
|
7
7
|
import type { ChatTopic } from './ChatTopic.js';
|
|
8
8
|
/**
|
|
@@ -14,7 +14,7 @@ import type { ChatTopic } from './ChatTopic.js';
|
|
|
14
14
|
* @typeParam TTopicsArguments The topics query's argument type.
|
|
15
15
|
* @typeParam TMessagesArguments The messages query's argument type.
|
|
16
16
|
*/
|
|
17
|
-
export interface ChatSidebarForObservableQueriesProps<TMessage extends ChatMessage, TTopic extends ChatTopic, TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>, TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>, TTopicsArguments extends object = object, TMessagesArguments extends object = object> extends Omit<ChatSidebarProps<TMessage, TTopic>, 'topics' | 'messages' | 'selectedTopicId'> {
|
|
17
|
+
export interface ChatSidebarForObservableQueriesProps<TMessage extends ChatMessage, TTopic extends ChatTopic, TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>, TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>, TTopicsArguments extends object = object, TMessagesArguments extends object = object> extends Omit<ChatSidebarProps<TMessage, TTopic>, 'topics' | 'messages' | 'selectedTopicId' | 'topicsStatus' | 'messagesStatus'> {
|
|
18
18
|
/** The observable query delivering the topics. */
|
|
19
19
|
topicsQuery: Constructor<TTopicsQuery>;
|
|
20
20
|
/** Arguments for the topics query, when it takes any. */
|
|
@@ -1,21 +1,69 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useState } from 'react';
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useCallback, useEffect, useLayoutEffect } from 'react';
|
|
3
3
|
import { useObservableQuery } from '@cratis/arc.react/queries';
|
|
4
|
+
import { QueryStatus } from '../QueryStatus/QueryStatus.js';
|
|
5
|
+
import { resolveQueryStatus } from '../QueryStatus/resolveQueryStatus.js';
|
|
4
6
|
import { ChatSidebar } from './ChatSidebar.js';
|
|
7
|
+
import { chatIdentifierString } from './ChatIdentifier.js';
|
|
8
|
+
import { ChatStatus } from './ChatStatus.js';
|
|
5
9
|
|
|
10
|
+
const chatStatusByQueryStatus = {
|
|
11
|
+
[QueryStatus.Ready]: ChatStatus.Ready,
|
|
12
|
+
[QueryStatus.Loading]: ChatStatus.Loading,
|
|
13
|
+
[QueryStatus.Failed]: ChatStatus.Failed,
|
|
14
|
+
[QueryStatus.Unauthorized]: ChatStatus.Unauthorized,
|
|
15
|
+
};
|
|
16
|
+
const resolveChatStatus = (result) => chatStatusByQueryStatus[resolveQueryStatus(result)];
|
|
17
|
+
const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
|
|
18
|
+
const serializeArguments = (args) => {
|
|
19
|
+
if (!args || Object.keys(args).length === 0)
|
|
20
|
+
return '';
|
|
21
|
+
const sorted = Object.keys(args).sort().reduce((entries, key) => {
|
|
22
|
+
entries[key] = args[key];
|
|
23
|
+
return entries;
|
|
24
|
+
}, {});
|
|
25
|
+
return JSON.stringify(sorted);
|
|
26
|
+
};
|
|
27
|
+
const KeyedQuerySubscriber = ({ query, args, queryKey, onResult, }) => {
|
|
28
|
+
const [result] = useObservableQuery(query, args);
|
|
29
|
+
useIsomorphicLayoutEffect(() => { onResult(queryKey, result); }, [queryKey, result, onResult]);
|
|
30
|
+
return null;
|
|
31
|
+
};
|
|
6
32
|
const ChatSidebarForObservableQueries = ({ topicsQuery, topicsArguments, messagesQuery, messagesArguments, onTopicSelected, ...sidebar }) => {
|
|
7
33
|
const [selectedId, setSelectedId] = useState(undefined);
|
|
8
|
-
const [
|
|
34
|
+
const [topicsSnapshot, setTopicsSnapshot] = useState();
|
|
35
|
+
const onTopicsResult = useCallback((queryKey, result) => {
|
|
36
|
+
const topics = Array.isArray(result.data) ? result.data : [];
|
|
37
|
+
const status = resolveChatStatus(result);
|
|
38
|
+
setTopicsSnapshot((previous) => {
|
|
39
|
+
if (previous?.queryKey === queryKey && previous.status === status &&
|
|
40
|
+
(previous.topics === topics || previous.topics.length === 0 && topics.length === 0)) {
|
|
41
|
+
return previous;
|
|
42
|
+
}
|
|
43
|
+
return { queryKey, topics, status };
|
|
44
|
+
});
|
|
45
|
+
}, []);
|
|
46
|
+
const [messagesSnapshot, setMessagesSnapshot] = useState();
|
|
47
|
+
const onMessagesResult = useCallback((queryKey, result) => {
|
|
48
|
+
setMessagesSnapshot({
|
|
49
|
+
queryKey,
|
|
50
|
+
messages: Array.isArray(result.data) ? result.data : [],
|
|
51
|
+
status: resolveChatStatus(result),
|
|
52
|
+
});
|
|
53
|
+
}, []);
|
|
54
|
+
const topicsQueryKey = serializeArguments(topicsArguments);
|
|
55
|
+
const currentTopics = topicsQueryKey === topicsSnapshot?.queryKey ? topicsSnapshot : undefined;
|
|
9
56
|
const messagesQueryArguments = messagesArguments(selectedId);
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
57
|
+
const messagesQueryKey = selectedId !== undefined && messagesQueryArguments !== undefined
|
|
58
|
+
? JSON.stringify([chatIdentifierString(selectedId), serializeArguments(messagesQueryArguments)])
|
|
59
|
+
: undefined;
|
|
60
|
+
const currentMessages = messagesQueryKey === messagesSnapshot?.queryKey ? messagesSnapshot : undefined;
|
|
61
|
+
return (jsxs(Fragment, { children: [jsx(KeyedQuerySubscriber, { query: topicsQuery, args: topicsArguments, queryKey: topicsQueryKey, onResult: onTopicsResult }, topicsQueryKey), messagesQueryKey !== undefined && messagesQueryArguments !== undefined && (jsx(KeyedQuerySubscriber, { query: messagesQuery, args: messagesQueryArguments, queryKey: messagesQueryKey, onResult: onMessagesResult }, messagesQueryKey)), jsx(ChatSidebar, { ...sidebar, topics: currentTopics?.topics ?? [], messages: currentMessages?.messages ?? [], topicsStatus: currentTopics?.status ?? ChatStatus.Loading, messagesStatus: messagesQueryKey === undefined
|
|
62
|
+
? ChatStatus.Ready
|
|
63
|
+
: currentMessages?.status ?? ChatStatus.Loading, selectedTopicId: selectedId ?? null, onTopicSelected: (topicId, topic) => {
|
|
64
|
+
setSelectedId(topicId);
|
|
65
|
+
onTopicSelected?.(topicId, topic);
|
|
66
|
+
} })] }));
|
|
19
67
|
};
|
|
20
68
|
|
|
21
69
|
export { ChatSidebarForObservableQueries };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatSidebarForObservableQueries.js","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatSidebarForObservableQueries.js","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** Display state of a chat topic list or conversation. */
|
|
2
|
+
export declare enum ChatStatus {
|
|
3
|
+
/** Shows topics or messages, or the empty state when nothing is pending. */
|
|
4
|
+
Ready = "ready",
|
|
5
|
+
/** Shows a loading message without data, or retains existing content during a refetch. */
|
|
6
|
+
Loading = "loading",
|
|
7
|
+
/** Shows a failure alert, alongside any existing topics or messages kept after a failure. */
|
|
8
|
+
Failed = "failed",
|
|
9
|
+
/** Shows an access-denied message instead of existing content. */
|
|
10
|
+
Unauthorized = "unauthorized"
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=ChatStatus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatStatus.d.ts","sourceRoot":"","sources":["../../../Chat/ChatStatus.ts"],"names":[],"mappings":"AAGA,0DAA0D;AAC1D,oBAAY,UAAU;IAClB,4EAA4E;IAC5E,KAAK,UAAU;IACf,0FAA0F;IAC1F,OAAO,YAAY;IACnB,6FAA6F;IAC7F,MAAM,WAAW;IACjB,kEAAkE;IAClE,YAAY,iBAAiB;CAChC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
var ChatStatus;
|
|
2
|
+
(function (ChatStatus) {
|
|
3
|
+
ChatStatus["Ready"] = "ready";
|
|
4
|
+
ChatStatus["Loading"] = "loading";
|
|
5
|
+
ChatStatus["Failed"] = "failed";
|
|
6
|
+
ChatStatus["Unauthorized"] = "unauthorized";
|
|
7
|
+
})(ChatStatus || (ChatStatus = {}));
|
|
8
|
+
|
|
9
|
+
export { ChatStatus };
|
|
10
|
+
//# sourceMappingURL=ChatStatus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatStatus.js","sources":["../../../Chat/ChatStatus.ts"],"sourcesContent":[null],"names":[],"mappings":"IAIY;AAAZ,CAAA,UAAY,UAAU,EAAA;AAElB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AAEnB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB,IAAA,UAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AACjC,CAAC,EATW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;"}
|
|
@@ -3,6 +3,7 @@ import { type BuildAvatarUrlParams } from './Kit/Avatar/index.js';
|
|
|
3
3
|
import type { ChatAuthor } from './ChatAuthor.js';
|
|
4
4
|
import { type ChatIdentifier } from './ChatIdentifier.js';
|
|
5
5
|
import type { ChatTopic } from './ChatTopic.js';
|
|
6
|
+
import { ChatStatus } from './ChatStatus.js';
|
|
6
7
|
import { type RelativeTimestampLabels } from './relativeTimestamp.js';
|
|
7
8
|
/** Overrides for every label the {@link ChatTopicList} renders. Any field left unset falls back
|
|
8
9
|
* to a literal English default. */
|
|
@@ -13,6 +14,12 @@ export interface ChatTopicListLabels {
|
|
|
13
14
|
unnamedTopic?: string;
|
|
14
15
|
/** The started-by line under a topic's name. `{name}` is substituted. Defaults to `'Started by {name}'`. */
|
|
15
16
|
startedBy?: string;
|
|
17
|
+
/** Shown while loading without topics. Defaults to `'Loading topics…'`. */
|
|
18
|
+
loading?: string;
|
|
19
|
+
/** Shown when loading topics fails, alongside any existing topics. Defaults to `'Could not load topics.'`. */
|
|
20
|
+
failed?: string;
|
|
21
|
+
/** Shown when access is denied; replaces any existing topics. Defaults to `'You are not authorized to view these topics.'`. */
|
|
22
|
+
unauthorized?: string;
|
|
16
23
|
/** Shown when there are no topics yet. Defaults to `'No topics yet. Start the first one!'`. */
|
|
17
24
|
empty?: string;
|
|
18
25
|
/** Overrides for the relative last-activity timestamps. */
|
|
@@ -28,6 +35,8 @@ export interface ChatTopicListProps<TTopic extends ChatTopic = ChatTopic> {
|
|
|
28
35
|
* the array a live (observable) query delivers and the list re-renders as it changes.
|
|
29
36
|
*/
|
|
30
37
|
topics: TTopic[];
|
|
38
|
+
/** Query display state. Defaults to {@link ChatStatus.Ready}; existing topics remain visible on loading or failure, and unauthorized disables starting a topic. */
|
|
39
|
+
status?: ChatStatus;
|
|
31
40
|
/**
|
|
32
41
|
* Invoked when a topic is picked from the list.
|
|
33
42
|
* @param topic The topic that was picked.
|
|
@@ -73,4 +82,4 @@ export interface ChatTopicListProps<TTopic extends ChatTopic = ChatTopic> {
|
|
|
73
82
|
* host-side auto-naming, the name arrives through the data once the host has produced it, and
|
|
74
83
|
* the placeholder simply stops being needed.
|
|
75
84
|
*/
|
|
76
|
-
export declare const ChatTopicList: <TTopic extends ChatTopic = ChatTopic>({ topics, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed, buildAvatarUrl, labels, className, }: ChatTopicListProps<TTopic>) => import("react").JSX.Element;
|
|
85
|
+
export declare const ChatTopicList: <TTopic extends ChatTopic = ChatTopic>({ topics, status, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed, buildAvatarUrl, labels, className, }: ChatTopicListProps<TTopic>) => import("react").JSX.Element;
|
|
@@ -2,18 +2,19 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { PersonAvatarCircle } from './Kit/Avatar/PersonAvatarCircle.js';
|
|
3
3
|
import { ChatAuthorKind } from './Kit/ChatAuthorKind.js';
|
|
4
4
|
import { chatIdentifierString } from './ChatIdentifier.js';
|
|
5
|
+
import { ChatStatus } from './ChatStatus.js';
|
|
5
6
|
import { isTopicUnnamed } from './isTopicUnnamed.js';
|
|
6
7
|
import { relativeTimestamp } from './relativeTimestamp.js';
|
|
7
8
|
import { topicsByActivity } from './topicsByActivity.js';
|
|
8
9
|
|
|
9
10
|
const PlusIcon = () => (jsxs("svg", { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '12', y1: '5', x2: '12', y2: '19' }), jsx("line", { x1: '5', y1: '12', x2: '19', y2: '12' })] }));
|
|
10
|
-
const ChatTopicList = ({ topics, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed: isTopicUnnamed$1, buildAvatarUrl, labels, className, }) => {
|
|
11
|
+
const ChatTopicList = ({ topics, status = ChatStatus.Ready, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed: isTopicUnnamed$1, buildAvatarUrl, labels, className, }) => {
|
|
11
12
|
const unnamed = isTopicUnnamed$1 ?? isTopicUnnamed;
|
|
12
13
|
const authorFor = (authorId) => authorOf?.(authorId) ?? {
|
|
13
14
|
name: chatIdentifierString(authorId),
|
|
14
15
|
kind: ChatAuthorKind.User,
|
|
15
16
|
};
|
|
16
|
-
return (jsxs("div", { className: `cratis-chat-topics${className ? ` ${className}` : ''}`, children: [onStart && (jsxs("button", { type: 'button', className: 'cratis-chat-topics__start', onClick: onStart, children: [jsx(PlusIcon, {}), jsx("span", { children: labels?.newTopic ?? 'New topic' })] })), topics.length === 0 && (jsx("p", { className: 'cratis-chat-topics__empty', children: labels?.empty ?? 'No topics yet. Start the first one!' })), jsx("ul", { className: 'cratis-chat-topics__list', children: topicsByActivity(topics).map((topic) => {
|
|
17
|
+
return (jsxs("div", { className: `cratis-chat-topics${className ? ` ${className}` : ''}`, "aria-busy": status === ChatStatus.Loading && topics.length > 0 || undefined, children: [onStart && (jsxs("button", { type: 'button', className: 'cratis-chat-topics__start', disabled: status === ChatStatus.Unauthorized, onClick: onStart, children: [jsx(PlusIcon, {}), jsx("span", { children: labels?.newTopic ?? 'New topic' })] })), (topics.length === 0 || status === ChatStatus.Failed || status === ChatStatus.Unauthorized) && (jsx("p", { className: 'cratis-chat-topics__empty', children: status === ChatStatus.Loading ? (jsx("span", { role: 'status', children: labels?.loading ?? 'Loading topics…' }, status)) : status === ChatStatus.Failed ? (jsx("span", { role: 'alert', children: labels?.failed ?? 'Could not load topics.' }, status)) : status === ChatStatus.Unauthorized ? (jsx("span", { role: 'alert', children: labels?.unauthorized ?? 'You are not authorized to view these topics.' }, status)) : (labels?.empty ?? 'No topics yet. Start the first one!') })), jsx("ul", { className: 'cratis-chat-topics__list', children: status !== ChatStatus.Unauthorized && topicsByActivity(topics).map((topic) => {
|
|
17
18
|
const starter = topic.startedBy === undefined
|
|
18
19
|
? undefined
|
|
19
20
|
: authorFor(topic.startedBy);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatTopicList.js","sources":["../../../Chat/ChatTopicList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatTopicList.js","sources":["../../../Chat/ChatTopicList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed"],"mappings":"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"}
|
|
@@ -41,6 +41,8 @@ export interface ChatComposerProps {
|
|
|
41
41
|
onSend: (text: string, mentions: MentionCandidate[]) => void;
|
|
42
42
|
/** Whether to take focus when mounted. */
|
|
43
43
|
autoFocus?: boolean;
|
|
44
|
+
/** Disables drafting, emoji insertion, and sending. Defaults to false. */
|
|
45
|
+
disabled?: boolean;
|
|
44
46
|
/** Builds the avatar image URL for mention candidates. Omit to always show initials. */
|
|
45
47
|
buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
|
|
46
48
|
/** Overrides for the composer's labels. Unset fields fall back to literal English defaults. */
|
|
@@ -8,12 +8,13 @@ import { matchCandidates } from './Mentions/matchCandidates.js';
|
|
|
8
8
|
import { MentionSuggestions } from './Mentions/MentionSuggestions.js';
|
|
9
9
|
import { ReactionPicker } from './ReactionPicker.js';
|
|
10
10
|
|
|
11
|
-
const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates, onSend, autoFocus = false, buildAvatarUrl, labels, }, handleRef) => {
|
|
11
|
+
const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates, onSend, autoFocus = false, disabled = false, buildAvatarUrl, labels, }, handleRef) => {
|
|
12
12
|
const [draft, setDraft] = useState({ text: '', caret: 0 });
|
|
13
13
|
const [highlightedIndex, setHighlightedIndex] = useState(0);
|
|
14
14
|
const [showEmojiPicker, setShowEmojiPicker] = useState(false);
|
|
15
15
|
const [resolvedCandidates, setResolvedCandidates] = useState([]);
|
|
16
16
|
const inputRef = useRef(null);
|
|
17
|
+
const didAutoFocus = useRef(false);
|
|
17
18
|
const emojiButtonRef = useRef(null);
|
|
18
19
|
const seenCandidatesRef = useRef(new Map());
|
|
19
20
|
const mentionsEnabled = !!mentionCandidates || !!resolveMentionCandidates;
|
|
@@ -62,13 +63,19 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
|
|
|
62
63
|
const suggestions = query && !queryIsCompleteMention
|
|
63
64
|
? matchCandidates(candidatePool, query.text)
|
|
64
65
|
: [];
|
|
65
|
-
const isSuggesting = suggestions.length > 0;
|
|
66
|
+
const isSuggesting = !disabled && suggestions.length > 0;
|
|
66
67
|
const highlighted = Math.min(highlightedIndex, suggestions.length - 1);
|
|
67
68
|
useEffect(() => {
|
|
68
|
-
if (autoFocus) {
|
|
69
|
-
inputRef.current
|
|
69
|
+
if (autoFocus && !disabled && !didAutoFocus.current && inputRef.current) {
|
|
70
|
+
inputRef.current.focus();
|
|
71
|
+
didAutoFocus.current = true;
|
|
72
|
+
}
|
|
73
|
+
}, [autoFocus, disabled]);
|
|
74
|
+
useEffect(() => {
|
|
75
|
+
if (disabled) {
|
|
76
|
+
setShowEmojiPicker(false);
|
|
70
77
|
}
|
|
71
|
-
}, [
|
|
78
|
+
}, [disabled]);
|
|
72
79
|
useImperativeHandle(handleRef, () => ({
|
|
73
80
|
prefill: (text) => {
|
|
74
81
|
setDraft({ text, caret: text.length });
|
|
@@ -87,7 +94,7 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
|
|
|
87
94
|
};
|
|
88
95
|
const send = () => {
|
|
89
96
|
const trimmed = draft.text.trim();
|
|
90
|
-
if (!trimmed)
|
|
97
|
+
if (!trimmed || disabled)
|
|
91
98
|
return;
|
|
92
99
|
const known = uniqueById([
|
|
93
100
|
...(mentionCandidates ?? []),
|
|
@@ -144,7 +151,7 @@ const ChatComposer = forwardRef(({ mentionCandidates, resolveMentionCandidates,
|
|
|
144
151
|
send();
|
|
145
152
|
}
|
|
146
153
|
};
|
|
147
|
-
return (jsxs("div", { className: 'chat-composer', children: [isSuggesting && (jsx(MentionSuggestions, { candidates: suggestions, highlightedIndex: highlighted, onSelect: choose, onHighlight: setHighlightedIndex, buildAvatarUrl: buildAvatarUrl })), jsx("textarea", { ref: inputRef, className: 'chat-composer__input', value: draft.text, onChange: (event) => readDraft(event.target), onKeyUp: (event) => readDraft(event.currentTarget), onClick: (event) => readDraft(event.currentTarget), onKeyDown: handleKeyDown, placeholder: labels?.placeholder ?? 'Write a message… (Enter to send)', rows: 2 }), jsx("button", { ref: emojiButtonRef, type: 'button', className: 'chat-composer__emoji-toggle', onMouseDown: (event) => event.preventDefault(), onClick: () => setShowEmojiPicker((previous) => !previous), title: labels?.insertEmoji ?? 'Insert emoji', "aria-label": labels?.insertEmoji ?? 'Insert emoji', "aria-expanded": showEmojiPicker, children: "\u263A" }), jsx("button", { type: 'button', className: 'chat-composer__send', onClick: send, disabled: !draft.text.trim(), title: labels?.send ?? 'Send', "aria-label": labels?.sendMessage ?? 'Send message', children: jsxs("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '22', y1: '2', x2: '11', y2: '13' }), jsx("polygon", { points: '22 2 15 22 11 13 2 9 22 2' })] }) }), jsx(AnchoredOverlay, { anchorRef: emojiButtonRef, open: showEmojiPicker, side: 'above', align: 'right', gap: 6, children: jsx(ReactionPicker, { anchorRef: emojiButtonRef, onPick: insertEmoji, onDismiss: () => setShowEmojiPicker(false), labels: labels?.reactionPicker }) })] }));
|
|
154
|
+
return (jsxs("div", { className: 'chat-composer', children: [isSuggesting && (jsx(MentionSuggestions, { candidates: suggestions, highlightedIndex: highlighted, onSelect: choose, onHighlight: setHighlightedIndex, buildAvatarUrl: buildAvatarUrl })), jsx("textarea", { ref: inputRef, className: 'chat-composer__input', value: draft.text, onChange: (event) => readDraft(event.target), onKeyUp: (event) => readDraft(event.currentTarget), onClick: (event) => readDraft(event.currentTarget), onKeyDown: handleKeyDown, placeholder: labels?.placeholder ?? 'Write a message… (Enter to send)', rows: 2, disabled: disabled }), jsx("button", { ref: emojiButtonRef, type: 'button', className: 'chat-composer__emoji-toggle', disabled: disabled, onMouseDown: (event) => event.preventDefault(), onClick: () => setShowEmojiPicker((previous) => !previous), title: labels?.insertEmoji ?? 'Insert emoji', "aria-label": labels?.insertEmoji ?? 'Insert emoji', "aria-expanded": showEmojiPicker, children: "\u263A" }), jsx("button", { type: 'button', className: 'chat-composer__send', onClick: send, disabled: disabled || !draft.text.trim(), title: labels?.send ?? 'Send', "aria-label": labels?.sendMessage ?? 'Send message', children: jsxs("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '22', y1: '2', x2: '11', y2: '13' }), jsx("polygon", { points: '22 2 15 22 11 13 2 9 22 2' })] }) }), jsx(AnchoredOverlay, { anchorRef: emojiButtonRef, open: showEmojiPicker && !disabled, side: 'above', align: 'right', gap: 6, children: jsx(ReactionPicker, { anchorRef: emojiButtonRef, onPick: insertEmoji, onDismiss: () => setShowEmojiPicker(false), labels: labels?.reactionPicker }) })] }));
|
|
148
155
|
});
|
|
149
156
|
ChatComposer.displayName = 'ChatComposer';
|
|
150
157
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatComposer.js","sources":["../../../../Chat/Kit/ChatComposer.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ChatComposer.js","sources":["../../../../Chat/Kit/ChatComposer.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
package/dist/esm/Chat/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export type { ChatIdentifier } from './ChatIdentifier.js';
|
|
|
6
6
|
export type { ChatMention } from './ChatMention.js';
|
|
7
7
|
export type { ChatMessage } from './ChatMessage.js';
|
|
8
8
|
export type { ChatMessageAction } from './ChatMessageAction.js';
|
|
9
|
+
export { ChatStatus } from './ChatStatus.js';
|
|
9
10
|
export { ChatMessageBody } from './ChatMessageBody.js';
|
|
10
11
|
export type { ChatMessageBodyProps } from './ChatMessageBody.js';
|
|
11
12
|
export { ChatSidebar } from './ChatSidebar.js';
|
package/dist/esm/Chat/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { ChatConversation } from './ChatConversation.js';
|
|
2
2
|
export { chatIdentifierString, sameChatIdentifier } from './ChatIdentifier.js';
|
|
3
|
+
export { ChatStatus } from './ChatStatus.js';
|
|
3
4
|
export { ChatMessageBody } from './ChatMessageBody.js';
|
|
4
5
|
export { ChatSidebar } from './ChatSidebar.js';
|
|
5
6
|
export { ChatSidebarForObservableQueries } from './ChatSidebarForObservableQueries.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type DialogProps } from '../Dialogs/Dialog.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type CommandFormProps } from '@cratis/arc.react/commands';
|
|
4
|
-
import {
|
|
4
|
+
import type { BeforeExecuteCallback } from './applyBeforeExecute.js';
|
|
5
|
+
import type { ConfirmBeforeExecute } from './confirmBeforeExecute.js';
|
|
5
6
|
/**
|
|
6
7
|
* Props for {@link CommandDialog}. Combines the props of a `CommandForm`
|
|
7
8
|
* (`command`, `initialValues`, `onSuccess`, `onValidationFailure`, `onFailed`,
|
|
@@ -27,6 +28,15 @@ export interface CommandDialogProps<TCommand extends object, TResponse = object>
|
|
|
27
28
|
* transforms that do not affect validity (for example a generated id).
|
|
28
29
|
*/
|
|
29
30
|
onBeforeExecute?: BeforeExecuteCallback<TCommand>;
|
|
31
|
+
/**
|
|
32
|
+
* Ask whether to run the command after validation and `onBeforeExecute`.
|
|
33
|
+
* Receives the transformed values. Only `true` executes; all other outcomes
|
|
34
|
+
* keep the dialog open. May return a promise (for example from a confirmation dialog).
|
|
35
|
+
* If command values change while confirmation is pending, execution is skipped
|
|
36
|
+
* and the dialog stays open; confirm the new values again.
|
|
37
|
+
* Unlike `onConfirm`, this runs before execution, not after success.
|
|
38
|
+
*/
|
|
39
|
+
confirmBeforeExecute?: ConfirmBeforeExecute<TCommand>;
|
|
30
40
|
/**
|
|
31
41
|
* Form fields and arbitrary content for the dialog body. Children that are
|
|
32
42
|
* `CommandFormField` instances are automatically wrapped so they bind to
|
|
@@ -1,28 +1,19 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
|
|
3
3
|
import { Dialog } from '../Dialogs/Dialog.js';
|
|
4
|
-
import React
|
|
4
|
+
import React from 'react';
|
|
5
5
|
import { CommandForm, useCommandFormContext, useCommandInstance, CommandFormFieldWrapper } from '@cratis/arc.react/commands';
|
|
6
|
-
import {
|
|
6
|
+
import { useCommandExecution } from './useCommandExecution.js';
|
|
7
7
|
import { markAsCommandFormColumn, isCommandFormField } from '../CommandForm/commandFormMarkers.js';
|
|
8
8
|
|
|
9
|
-
const CommandDialogWrapper = ({ isValid, onClose, onConfirm, onSuccess, onValidationFailure, onFailed, onException, onUnauthorized, onBeforeExecute, children, ...dialogProps }) => {
|
|
9
|
+
const CommandDialogWrapper = ({ isValid, onClose, onConfirm, onSuccess, onValidationFailure, onFailed, onException, onUnauthorized, onBeforeExecute, confirmBeforeExecute, children, ...dialogProps }) => {
|
|
10
10
|
const { setCommandValues, setCommandResult, isValid: isCommandFormValid, } = useCommandFormContext();
|
|
11
11
|
const commandInstance = useCommandInstance();
|
|
12
|
-
const
|
|
12
|
+
const submission = useCommandExecution(commandInstance, setCommandValues, onBeforeExecute, confirmBeforeExecute, onException);
|
|
13
13
|
const handleConfirm = async () => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
if (onBeforeExecute) {
|
|
18
|
-
const applied = applyBeforeExecute(onBeforeExecute, commandInstance);
|
|
19
|
-
setCommandValues(applied instanceof Promise ? await applied : applied);
|
|
20
|
-
}
|
|
21
|
-
result = await commandInstance.execute();
|
|
22
|
-
}
|
|
23
|
-
finally {
|
|
24
|
-
setIsBusy(false);
|
|
25
|
-
}
|
|
14
|
+
const result = await submission.run();
|
|
15
|
+
if (!result)
|
|
16
|
+
return false;
|
|
26
17
|
if (!result.isSuccess) {
|
|
27
18
|
await onFailed?.(result);
|
|
28
19
|
if (result.hasExceptions) {
|
|
@@ -33,7 +24,8 @@ const CommandDialogWrapper = ({ isValid, onClose, onConfirm, onSuccess, onValida
|
|
|
33
24
|
if (!result.isValid) {
|
|
34
25
|
await onValidationFailure?.(result.validationResults);
|
|
35
26
|
}
|
|
36
|
-
|
|
27
|
+
if (submission.isMounted())
|
|
28
|
+
setCommandResult(result);
|
|
37
29
|
return false;
|
|
38
30
|
}
|
|
39
31
|
await onSuccess?.(result.response);
|
|
@@ -66,10 +58,10 @@ const CommandDialogWrapper = ({ isValid, onClose, onConfirm, onSuccess, onValida
|
|
|
66
58
|
};
|
|
67
59
|
const processedChildren = processChildren(children);
|
|
68
60
|
const isDialogValid = isValid !== false && isCommandFormValid;
|
|
69
|
-
return (jsx(Dialog, { ...dialogProps, onClose: onClose, onConfirm: handleConfirm, isValid: isDialogValid, isBusy:
|
|
61
|
+
return (jsx(Dialog, { ...dialogProps, onClose: onClose, onConfirm: handleConfirm, isValid: isDialogValid, isBusy: submission.isSubmitting, children: jsx("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' }, children: processedChildren }) }));
|
|
70
62
|
};
|
|
71
63
|
const CommandDialogComponent = (props) => {
|
|
72
|
-
const { title, subtitle, placement, closeIcon, visible, width, style, contentStyle, resizable, buttons = DialogButtons.OkCancel, initialFocus, okLabel, cancelLabel, yesLabel, noLabel, dismissable, closeAriaLabel, isValid, onClose, onConfirm, onCancel, onBeforeExecute, className, pt, ptOptions, unstyled, children, ...commandFormProps } = props;
|
|
64
|
+
const { title, subtitle, placement, closeIcon, visible, width, style, contentStyle, resizable, buttons = DialogButtons.OkCancel, initialFocus, okLabel, cancelLabel, yesLabel, noLabel, dismissable, closeAriaLabel, isValid, onClose, onConfirm, onCancel, onBeforeExecute, confirmBeforeExecute, className, pt, ptOptions, unstyled, children, ...commandFormProps } = props;
|
|
73
65
|
const dialogProps = {
|
|
74
66
|
title,
|
|
75
67
|
subtitle,
|
|
@@ -97,7 +89,7 @@ const CommandDialogComponent = (props) => {
|
|
|
97
89
|
ptOptions,
|
|
98
90
|
unstyled,
|
|
99
91
|
};
|
|
100
|
-
return (jsx(CommandForm, { ...commandFormProps, children: jsx(CommandDialogWrapper, { ...dialogProps, onSuccess: props.onSuccess, onValidationFailure: props.onValidationFailure, onFailed: props.onFailed, onException: props.onException, onUnauthorized: props.onUnauthorized, onBeforeExecute: onBeforeExecute, children: children }) }));
|
|
92
|
+
return (jsx(CommandForm, { ...commandFormProps, children: jsx(CommandDialogWrapper, { ...dialogProps, onSuccess: props.onSuccess, onValidationFailure: props.onValidationFailure, onFailed: props.onFailed, onException: props.onException, onUnauthorized: props.onUnauthorized, onBeforeExecute: onBeforeExecute, confirmBeforeExecute: confirmBeforeExecute, children: children }) }));
|
|
101
93
|
};
|
|
102
94
|
const CommandDialogColumnWrapper = ({ children }) => (jsx(CommandForm.Column, { children: children }));
|
|
103
95
|
markAsCommandFormColumn(CommandDialogColumnWrapper);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandDialog.js","sources":["../../../CommandDialog/CommandDialog.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"CommandDialog.js","sources":["../../../CommandDialog/CommandDialog.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
|
|
2
2
|
import { type CommandFormProps } from '@cratis/arc.react/commands';
|
|
3
|
-
import {
|
|
3
|
+
import type { BeforeExecuteCallback } from './applyBeforeExecute.js';
|
|
4
|
+
import type { ConfirmBeforeExecute } from './confirmBeforeExecute.js';
|
|
4
5
|
import { type CommandStepperContentProps } from './CommandStepperContent.js';
|
|
5
6
|
/**
|
|
6
7
|
* Event passed to {@link StepperCustomizationProps.onChangeStep} when the user
|
|
@@ -86,6 +87,12 @@ export interface CommandStepperProps<TCommand extends object, TResponse = object
|
|
|
86
87
|
* transforms that do not affect validity (for example a generated id).
|
|
87
88
|
*/
|
|
88
89
|
onBeforeExecute?: BeforeExecuteCallback<TCommand>;
|
|
90
|
+
/**
|
|
91
|
+
* Ask before executing the transformed command values; only `true` executes.
|
|
92
|
+
* Fields are disabled from submit until the guarded submission settles. If command values change
|
|
93
|
+
* during that time, execution is skipped; confirm the new values again.
|
|
94
|
+
*/
|
|
95
|
+
confirmBeforeExecute?: ConfirmBeforeExecute<TCommand>;
|
|
89
96
|
/** StepperPanel children defining each wizard step. */
|
|
90
97
|
children?: React.ReactNode;
|
|
91
98
|
}
|