@fluentui-copilot/react-chat-input-plugins 0.1.4 → 0.2.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/CHANGELOG.json +41 -0
- package/CHANGELOG.md +12 -1
- package/dist/index.d.ts +12 -54
- package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.js +2 -2
- package/lib/components/ChatInputToken/useChatInputTokenStyles.styles.js.map +1 -1
- package/lib/components/GhostText/useGhostTextStyles.styles.js +21 -12
- package/lib/components/GhostText/useGhostTextStyles.styles.js.map +1 -1
- package/lib-commonjs/components/ChatInputToken/useChatInputTokenStyles.styles.js +2 -3
- package/lib-commonjs/components/ChatInputToken/useChatInputTokenStyles.styles.js.map +1 -1
- package/lib-commonjs/components/GhostText/useGhostTextStyles.styles.js +31 -38
- package/lib-commonjs/components/GhostText/useGhostTextStyles.styles.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,47 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-chat-input-plugins",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Wed, 21 Aug 2024 00:26:07 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-chat-input-plugins_v0.1.5",
|
|
7
|
+
"version": "0.1.5",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-chat-input-plugins",
|
|
13
|
+
"commit": "6ce23774f5f2055977299510e8df454d86a1a313",
|
|
14
|
+
"comment": "chore: Removing shorthands' usage now that griffel supports them."
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "ololubek@microsoft.com",
|
|
18
|
+
"package": "@fluentui-copilot/react-chat-input-plugins",
|
|
19
|
+
"commit": "0a6327b6b174fc99abed7fa70ed0542e698bcf40",
|
|
20
|
+
"comment": "chore: bump react-components version to 9.54.10."
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
24
|
+
"package": "@fluentui-copilot/react-chat-input-plugins",
|
|
25
|
+
"commit": "907c63c4da894b41cad4601b30e0df6d9f269056",
|
|
26
|
+
"comment": "chore: Bumping versions of @fluentui/* and @griffel/* packages to latest (corresponding to version 9.54.8 of @fluentui/react-components)."
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"none": [
|
|
30
|
+
{
|
|
31
|
+
"author": "tristan.watanabe@gmail.com",
|
|
32
|
+
"package": "@fluentui-copilot/react-chat-input-plugins",
|
|
33
|
+
"commit": "85fc7f2580c8bad8ea04e2c73960204b4ca1c116",
|
|
34
|
+
"comment": "chore: update api.md file."
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"author": "owcampbe@microsoft.com",
|
|
38
|
+
"package": "@fluentui-copilot/react-chat-input-plugins",
|
|
39
|
+
"commit": "27762790e2d38ca7090eb13352b2b9fe2d4788a6",
|
|
40
|
+
"comment": "chore: Applying package updates."
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
},
|
|
4
45
|
{
|
|
5
46
|
"date": "Tue, 23 Jul 2024 00:56:26 GMT",
|
|
6
47
|
"tag": "@fluentui-copilot/react-chat-input-plugins_v0.1.1",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-copilot/react-chat-input-plugins
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 21 Aug 2024 00:26:07 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.1.5](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-chat-input-plugins_v0.1.5)
|
|
8
|
+
|
|
9
|
+
Wed, 21 Aug 2024 00:26:07 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-chat-input-plugins_v0.1.1..@fluentui-copilot/react-chat-input-plugins_v0.1.5)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Removing shorthands' usage now that griffel supports them. ([PR #1994](https://github.com/microsoft/fluentai/pull/1994) by Humberto.Morimoto@microsoft.com)
|
|
15
|
+
- chore: bump react-components version to 9.54.10. ([PR #2018](https://github.com/microsoft/fluentai/pull/2018) by ololubek@microsoft.com)
|
|
16
|
+
- chore: Bumping versions of @fluentui/* and @griffel/* packages to latest (corresponding to version 9.54.8 of @fluentui/react-components). ([PR #1993](https://github.com/microsoft/fluentai/pull/1993) by Humberto.Morimoto@microsoft.com)
|
|
17
|
+
|
|
7
18
|
## [0.1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-chat-input-plugins_v0.1.1)
|
|
8
19
|
|
|
9
20
|
Tue, 23 Jul 2024 00:56:26 GMT
|
package/dist/index.d.ts
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
|
+
import type { ChatInputEntityData } from '@fluentui-copilot/chat-input-plugins';
|
|
2
|
+
import type { ChatInputEntityPluginProps } from '@fluentui-copilot/chat-input-plugins';
|
|
1
3
|
import type { ComponentProps } from '@fluentui/react-components';
|
|
2
4
|
import type { ComponentState } from '@fluentui/react-components';
|
|
3
|
-
import { DecoratorNode } from '
|
|
4
|
-
import { EditorConfig } from '
|
|
5
|
-
import { EditorState } from '
|
|
5
|
+
import { DecoratorNode } from '@fluentui-copilot/text-editor';
|
|
6
|
+
import type { EditorConfig } from '@fluentui-copilot/text-editor';
|
|
7
|
+
import type { EditorState } from '@fluentui-copilot/text-editor';
|
|
6
8
|
import type { ForwardRefComponent } from '@fluentui/react-components';
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
9
|
+
import type { IImperativeControlBase } from '@fluentui-copilot/chat-input-plugins';
|
|
10
|
+
import type { LexicalEditor } from '@fluentui-copilot/text-editor';
|
|
11
|
+
import type { LexicalNode } from '@fluentui-copilot/text-editor';
|
|
12
|
+
import type { NodeKey } from '@fluentui-copilot/text-editor';
|
|
13
|
+
import { PasteUnfurlingPluginBaseProps } from '@fluentui-copilot/chat-input-plugins';
|
|
10
14
|
import * as React_2 from 'react';
|
|
11
|
-
import { SerializedLexicalNode } from '
|
|
15
|
+
import type { SerializedLexicalNode } from '@fluentui-copilot/text-editor';
|
|
12
16
|
import type { Slot } from '@fluentui/react-components';
|
|
13
17
|
import type { SlotClassNames } from '@fluentui/react-components';
|
|
14
|
-
import { Spread } from '
|
|
18
|
+
import type { Spread } from '@fluentui-copilot/text-editor';
|
|
15
19
|
|
|
16
20
|
export declare function $createChatInputEntityNode<T>(pluginId: string, text: string, data?: T, entityProps?: ChatInputEntityProps, key?: NodeKey): ChatInputEntityNode<T>;
|
|
17
21
|
|
|
@@ -43,12 +47,6 @@ export declare const ChatInputEntity: ForwardRefComponent<ChatInputEntityProps>;
|
|
|
43
47
|
|
|
44
48
|
export declare const chatInputEntityClassNames: SlotClassNames<ChatInputEntitySlots>;
|
|
45
49
|
|
|
46
|
-
declare type ChatInputEntityData<ExtraDataType, NodePropsType> = {
|
|
47
|
-
text: string;
|
|
48
|
-
entityProps?: NodePropsType;
|
|
49
|
-
data?: ExtraDataType;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
50
|
export declare class ChatInputEntityNode<T> extends DecoratorNode<JSX.Element | null> {
|
|
53
51
|
__pluginId: string;
|
|
54
52
|
__text: string;
|
|
@@ -73,12 +71,6 @@ export declare const ChatInputEntityPlugin: <ExtraDataType>(props: ChatInputEnti
|
|
|
73
71
|
controlRef: React_2.Ref<ChatInputEntityPluginRef<ExtraDataType>>;
|
|
74
72
|
}) => null;
|
|
75
73
|
|
|
76
|
-
declare type ChatInputEntityPluginProps<ExtraDataType, NodePropsType> = {
|
|
77
|
-
id: string;
|
|
78
|
-
onChatInputEntityAdded?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>, nodeKey: NodeKey) => void;
|
|
79
|
-
onChatInputEntityDeleted?: (entity: ChatInputEntityData<ExtraDataType, NodePropsType>, nodeKey: NodeKey) => void;
|
|
80
|
-
};
|
|
81
|
-
|
|
82
74
|
export declare type ChatInputEntityPluginRef<ExtraDataType = undefined> = {
|
|
83
75
|
insertChatInputEntity: (props: ChatInputEntityData<ExtraDataType, ChatInputEntityProps>) => string | undefined;
|
|
84
76
|
removeChatInputEntity: (keyOrPredicate: string | ((entity: ChatInputEntityData<ExtraDataType, ChatInputEntityProps>, i: number) => boolean)) => void;
|
|
@@ -186,19 +178,6 @@ export declare type GhostTextSlots = {
|
|
|
186
178
|
*/
|
|
187
179
|
export declare type GhostTextState = ComponentState<GhostTextSlots>;
|
|
188
180
|
|
|
189
|
-
declare interface IImperativeControlBase {
|
|
190
|
-
setInputText: (inputText: string) => void;
|
|
191
|
-
appendText: (text: string) => void;
|
|
192
|
-
prependText: (text: string) => void;
|
|
193
|
-
insertTextAtCursor: (text: string) => void;
|
|
194
|
-
/**
|
|
195
|
-
* @param transform will be called for each Lexical node in the input. This enables custom string representation for each node.
|
|
196
|
-
*/
|
|
197
|
-
getInputText: (transform?: (node: LexicalNode) => string) => string;
|
|
198
|
-
scrollToBottom: () => void;
|
|
199
|
-
moveCursor: (location: number) => void;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
181
|
export declare const ImperativeControlPlugin: React_2.ForwardRefExoticComponent<React_2.RefAttributes<IImperativeControlBase>>;
|
|
203
182
|
|
|
204
183
|
export declare type ImperativeControlPluginProps = {};
|
|
@@ -220,29 +199,8 @@ export declare type ManualGhostTextRef = {
|
|
|
220
199
|
|
|
221
200
|
export declare const PasteUnfurlingPlugin: <ExtraDataType>(props: PasteUnfurlingPluginProps<ExtraDataType>) => null;
|
|
222
201
|
|
|
223
|
-
declare type PasteUnfurlingPluginBaseProps<ExtraDataType, NodePropsType> = {
|
|
224
|
-
entityPluginId: string;
|
|
225
|
-
transforms: PasteUnfurlingTransformFunction<ExtraDataType, NodePropsType>[];
|
|
226
|
-
$createEntityNode: (pluginId: string, text: string, data?: ExtraDataType, entityProps?: NodePropsType, key?: NodeKey) => LexicalNode;
|
|
227
|
-
};
|
|
228
|
-
|
|
229
202
|
export declare type PasteUnfurlingPluginProps<ExtraDataType> = Omit<PasteUnfurlingPluginBaseProps<ExtraDataType, ChatInputEntityProps>, '$createEntityNode'> & Pick<Partial<PasteUnfurlingPluginBaseProps<ExtraDataType, ChatInputEntityProps>>, '$createEntityNode'>;
|
|
230
203
|
|
|
231
|
-
declare type PasteUnfurlingTransformedPart<ExtraDataType, NodePropsType> = {
|
|
232
|
-
type: 'text';
|
|
233
|
-
value: string;
|
|
234
|
-
} | {
|
|
235
|
-
type: 'entity';
|
|
236
|
-
value: ChatInputEntityData<ExtraDataType, NodePropsType>;
|
|
237
|
-
};
|
|
238
|
-
|
|
239
|
-
declare type PasteUnfurlingTransformFunction<ExtraDataType, NodePropsType> = (event: ClipboardEvent, editor: LexicalEditor) => PasteUnfurlingTransformResult<ExtraDataType, NodePropsType>;
|
|
240
|
-
|
|
241
|
-
declare type PasteUnfurlingTransformResult<ExtraDataType, NodePropsType> = {
|
|
242
|
-
handled: boolean;
|
|
243
|
-
transformedParts?: PasteUnfurlingTransformedPart<ExtraDataType, NodePropsType>[];
|
|
244
|
-
};
|
|
245
|
-
|
|
246
204
|
/**
|
|
247
205
|
* Render the final JSX of ChatInputEntity
|
|
248
206
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { __resetStyles, mergeClasses,
|
|
1
|
+
import { __resetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';
|
|
2
2
|
export const chatInputTokenClassNames = {
|
|
3
3
|
root: 'fai-ChatInputToken'
|
|
4
4
|
};
|
|
5
5
|
/**
|
|
6
6
|
* Styles for the root slot
|
|
7
7
|
*/
|
|
8
|
-
const useBaseClassName = __resetStyles("
|
|
8
|
+
const useBaseClassName = __resetStyles("r1ksolxu", null, [".r1ksolxu{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:calc(var(--lineHeightBase200) + (2 * var(--spacingVerticalXXS)) + (2 * var(--strokeWidthThin)));background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--colorNeutralForeground2);padding:var(--spacingVerticalXXS) 0;}"]);
|
|
9
9
|
/**
|
|
10
10
|
* Apply styling to the ChatInputToken slots based on the state
|
|
11
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses,
|
|
1
|
+
{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputTokenClassNames: SlotClassNames<ChatInputTokenSlots> = {\n root: 'fai-ChatInputToken',\n};\n\n/**\n * Styles for the root slot\n */\nconst useBaseClassName = makeResetStyles({\n ...typographyStyles.caption1,\n lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n borderRadius: tokens.borderRadiusMedium,\n boxDecorationBreak: 'clone',\n color: tokens.colorNeutralForeground2,\n padding: `${tokens.spacingVerticalXXS} 0`,\n});\n\n/**\n * Apply styling to the ChatInputToken slots based on the state\n */\nexport const useChatInputTokenStyles_unstable = (state: ChatInputTokenState): ChatInputTokenState => {\n 'use no memo';\n\n const baseClassName = useBaseClassName();\n state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","chatInputTokenClassNames","root","useBaseClassName","caption1","lineHeight","lineHeightBase200","spacingVerticalXXS","strokeWidthThin","backgroundColor","colorNeutralBackground3","border","colorTransparentStroke","borderRadius","borderRadiusMedium","boxDecorationBreak","color","colorNeutralForeground2","padding","useChatInputTokenStyles_unstable","state","baseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIrG,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBN,gBAAgB;IACvC,GAAGG,iBAAiBI,QAAQ;IAC5BC,YAAY,CAAC,KAAK,EAAEN,OAAOO,iBAAiB,CAAC,QAAQ,EAAEP,OAAOQ,kBAAkB,CAAC,SAAS,EAAER,OAAOS,eAAe,CAAC,EAAE,CAAC;IACtHC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEZ,OAAOS,eAAe,CAAC,OAAO,EAAET,OAAOa,sBAAsB,CAAC,CAAC;IAC1EC,cAAcd,OAAOe,kBAAkB;IACvCC,oBAAoB;IACpBC,OAAOjB,OAAOkB,uBAAuB;IACrCC,SAAS,CAAC,EAAEnB,OAAOQ,kBAAkB,CAAC,EAAE,CAAC;AAC3C;AAEA;;CAEC,GACD,OAAO,MAAMY,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,gBAAgBlB;IACtBiB,MAAMlB,IAAI,CAACoB,SAAS,GAAGxB,aAAaG,yBAAyBC,IAAI,EAAEmB,eAAeD,MAAMlB,IAAI,CAACoB,SAAS;IAEtG,OAAOF;AACT,EAAE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __styles, mergeClasses,
|
|
1
|
+
import { __styles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';
|
|
2
2
|
export const ghostTextClassNames = {
|
|
3
3
|
root: 'fai-GhostText',
|
|
4
4
|
indicator: 'fai-GhostText__indicator'
|
|
@@ -10,8 +10,9 @@ const useStyles = __styles({
|
|
|
10
10
|
root: {
|
|
11
11
|
sj55zd: "f11d4kpn",
|
|
12
12
|
Huce71: "fibxuh5",
|
|
13
|
-
i8kkvl:
|
|
14
|
-
Belr9w4:
|
|
13
|
+
i8kkvl: 0,
|
|
14
|
+
Belr9w4: 0,
|
|
15
|
+
rmohyg: "fkln5zr"
|
|
15
16
|
},
|
|
16
17
|
indicator: {
|
|
17
18
|
Bahqtrf: "fk6fouc",
|
|
@@ -20,19 +21,27 @@ const useStyles = __styles({
|
|
|
20
21
|
Bg96gwp: "fcpl73t",
|
|
21
22
|
sj55zd: "f11d4kpn",
|
|
22
23
|
De3pzq: "f3vzo32",
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
Beyfa6y:
|
|
29
|
-
|
|
30
|
-
Btl43ni:
|
|
24
|
+
Byoj8tv: 0,
|
|
25
|
+
uwmqm3: 0,
|
|
26
|
+
z189sj: 0,
|
|
27
|
+
z8tnut: 0,
|
|
28
|
+
B0ocmuz: "f1vo1c1k",
|
|
29
|
+
Beyfa6y: 0,
|
|
30
|
+
Bbmb7ep: 0,
|
|
31
|
+
Btl43ni: 0,
|
|
32
|
+
B7oj6ja: 0,
|
|
33
|
+
Dimara: "fq9zq91",
|
|
31
34
|
Frg6f3: ["fbyavb5", "fm0x6gh"],
|
|
32
35
|
Cd5d3v: "f1pc5kto"
|
|
33
36
|
}
|
|
34
37
|
}, {
|
|
35
|
-
d: [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fibxuh5{white-space:pre-wrap;}", ".
|
|
38
|
+
d: [".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fibxuh5{white-space:pre-wrap;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
|
|
39
|
+
p: -1
|
|
40
|
+
}], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", [".f1vo1c1k{padding:var(--spacingVerticalNone) var(--spacingHorizontalSNudge);}", {
|
|
41
|
+
p: -1
|
|
42
|
+
}], [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
|
|
43
|
+
p: -1
|
|
44
|
+
}], ".fbyavb5{margin-left:var(--spacingHorizontalXS);}", ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}", ".f1pc5kto{mergin-right:var(--spacingHorizontalXS);}"]
|
|
36
45
|
});
|
|
37
46
|
/**
|
|
38
47
|
* Apply styling to the GhostText slots based on the state
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses,
|
|
1
|
+
{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n root: 'fai-GhostText',\n indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground3,\n whiteSpace: 'pre-wrap',\n gap: tokens.spacingHorizontalXS,\n },\n\n indicator: {\n ...typographyStyles.caption2Strong,\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground5,\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n borderRadius: tokens.borderRadiusSmall,\n marginLeft: tokens.spacingHorizontalXS,\n merginRight: tokens.spacingHorizontalXS,\n },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n ghostTextClassNames.indicator,\n styles.indicator,\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","ghostTextClassNames","root","indicator","useStyles","color","colorNeutralForeground3","whiteSpace","gap","spacingHorizontalXS","caption2Strong","backgroundColor","colorNeutralBackground5","padding","spacingVerticalNone","spacingHorizontalSNudge","borderRadius","borderRadiusSmall","marginLeft","merginRight","useGhostTextStyles_unstable","state","styles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAIhG,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,OAAON,OAAOO,uBAAuB;QACrCC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;IACjC;IAEAN,WAAW;QACT,GAAGH,iBAAiBU,cAAc;QAClCL,OAAON,OAAOO,uBAAuB;QACrCK,iBAAiBZ,OAAOa,uBAAuB;QAC/CC,SAAS,CAAC,EAAEd,OAAOe,mBAAmB,CAAC,CAAC,EAAEf,OAAOgB,uBAAuB,CAAC,CAAC;QAC1EC,cAAcjB,OAAOkB,iBAAiB;QACtCC,YAAYnB,OAAOU,mBAAmB;QACtCU,aAAapB,OAAOU,mBAAmB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMW,8BAA8B,CAACC;IAC1C;IAEA,MAAMC,SAASlB;IACfiB,MAAMnB,IAAI,CAACqB,SAAS,GAAGzB,aAAaG,oBAAoBC,IAAI,EAAEoB,OAAOpB,IAAI,EAAEmB,MAAMnB,IAAI,CAACqB,SAAS;IAE/F,IAAIF,MAAMlB,SAAS,EAAE;QACnBkB,MAAMlB,SAAS,CAACoB,SAAS,GAAGzB,aAC1BG,oBAAoBE,SAAS,EAC7BmB,OAAOnB,SAAS,EAChBkB,MAAMlB,SAAS,CAACoB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}
|
|
@@ -22,9 +22,8 @@ const chatInputTokenClassNames = {
|
|
|
22
22
|
};
|
|
23
23
|
/**
|
|
24
24
|
* Styles for the root slot
|
|
25
|
-
*/ const useBaseClassName = (0, _reactcomponents.__resetStyles)("
|
|
26
|
-
".
|
|
27
|
-
".r1934wcn{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:calc(var(--lineHeightBase200) + (2 * var(--spacingVerticalXXS)) + (2 * var(--strokeWidthThin)));background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--colorNeutralForeground2);padding-top:var(--spacingVerticalXXS);padding-left:0;padding-bottom:var(--spacingVerticalXXS);padding-right:0;}"
|
|
25
|
+
*/ const useBaseClassName = (0, _reactcomponents.__resetStyles)("r1ksolxu", null, [
|
|
26
|
+
".r1ksolxu{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:calc(var(--lineHeightBase200) + (2 * var(--spacingVerticalXXS)) + (2 * var(--strokeWidthThin)));background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--colorNeutralForeground2);padding:var(--spacingVerticalXXS) 0;}"
|
|
28
27
|
]);
|
|
29
28
|
const useChatInputTokenStyles_unstable = (state)=>{
|
|
30
29
|
'use no memo';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses,
|
|
1
|
+
{"version":3,"sources":["useChatInputTokenStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ChatInputTokenSlots, ChatInputTokenState } from './ChatInputToken.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const chatInputTokenClassNames: SlotClassNames<ChatInputTokenSlots> = {\n root: 'fai-ChatInputToken',\n};\n\n/**\n * Styles for the root slot\n */\nconst useBaseClassName = makeResetStyles({\n ...typographyStyles.caption1,\n lineHeight: `calc(${tokens.lineHeightBase200} + (2 * ${tokens.spacingVerticalXXS}) + (2 * ${tokens.strokeWidthThin}))`,\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n borderRadius: tokens.borderRadiusMedium,\n boxDecorationBreak: 'clone',\n color: tokens.colorNeutralForeground2,\n padding: `${tokens.spacingVerticalXXS} 0`,\n});\n\n/**\n * Apply styling to the ChatInputToken slots based on the state\n */\nexport const useChatInputTokenStyles_unstable = (state: ChatInputTokenState): ChatInputTokenState => {\n 'use no memo';\n\n const baseClassName = useBaseClassName();\n state.root.className = mergeClasses(chatInputTokenClassNames.root, baseClassName, state.root.className);\n\n return state;\n};\n"],"names":["chatInputTokenClassNames","borderRadius","root","useBaseClassName","caption1","state","padding","spacingVerticalXXS","className","mergeClasses","baseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAYXC,gCAAuC;eAAvCA;;;iCAhB8D;AAIzD,MAAMD,2BAAgE;UAC3EE;AACF;AAEA;;CAEC,SAECC,mBAAoBC,IAAAA,8BAAQ,EAAA,YAAA,MAAA;IAAA;CAAA;AAI5BH,MAAAA,mCAAuCI,CAAAA;;UAGvCC,gBAAmBC;IACrBF,MAAAH,IAAA,CAAAM,SAAA,GAAAC,IAAAA,6BAAA,EAAAT,yBAAAE,IAAA,EAAAQ,eAAAL,MAAAH,IAAA,CAAAM,SAAA;IAEA,OAAAH;6DAGiDA"}
|
|
@@ -27,8 +27,9 @@ const ghostTextClassNames = {
|
|
|
27
27
|
root: {
|
|
28
28
|
sj55zd: "f11d4kpn",
|
|
29
29
|
Huce71: "fibxuh5",
|
|
30
|
-
i8kkvl:
|
|
31
|
-
Belr9w4:
|
|
30
|
+
i8kkvl: 0,
|
|
31
|
+
Belr9w4: 0,
|
|
32
|
+
rmohyg: "fkln5zr"
|
|
32
33
|
},
|
|
33
34
|
indicator: {
|
|
34
35
|
Bahqtrf: "fk6fouc",
|
|
@@ -37,32 +38,16 @@ const ghostTextClassNames = {
|
|
|
37
38
|
Bg96gwp: "fcpl73t",
|
|
38
39
|
sj55zd: "f11d4kpn",
|
|
39
40
|
De3pzq: "f3vzo32",
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
Bbmb7ep: [
|
|
51
|
-
"f1g3puop",
|
|
52
|
-
"fi2rrw2"
|
|
53
|
-
],
|
|
54
|
-
Beyfa6y: [
|
|
55
|
-
"fi2rrw2",
|
|
56
|
-
"f1g3puop"
|
|
57
|
-
],
|
|
58
|
-
B7oj6ja: [
|
|
59
|
-
"f1rstyi9",
|
|
60
|
-
"f1s4nn1u"
|
|
61
|
-
],
|
|
62
|
-
Btl43ni: [
|
|
63
|
-
"f1s4nn1u",
|
|
64
|
-
"f1rstyi9"
|
|
65
|
-
],
|
|
41
|
+
Byoj8tv: 0,
|
|
42
|
+
uwmqm3: 0,
|
|
43
|
+
z189sj: 0,
|
|
44
|
+
z8tnut: 0,
|
|
45
|
+
B0ocmuz: "f1vo1c1k",
|
|
46
|
+
Beyfa6y: 0,
|
|
47
|
+
Bbmb7ep: 0,
|
|
48
|
+
Btl43ni: 0,
|
|
49
|
+
B7oj6ja: 0,
|
|
50
|
+
Dimara: "fq9zq91",
|
|
66
51
|
Frg6f3: [
|
|
67
52
|
"fbyavb5",
|
|
68
53
|
"fm0x6gh"
|
|
@@ -73,21 +58,29 @@ const ghostTextClassNames = {
|
|
|
73
58
|
d: [
|
|
74
59
|
".f11d4kpn{color:var(--colorNeutralForeground3);}",
|
|
75
60
|
".fibxuh5{white-space:pre-wrap;}",
|
|
76
|
-
|
|
77
|
-
|
|
61
|
+
[
|
|
62
|
+
".fkln5zr{gap:var(--spacingHorizontalXS);}",
|
|
63
|
+
{
|
|
64
|
+
p: -1
|
|
65
|
+
}
|
|
66
|
+
],
|
|
78
67
|
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
79
68
|
".f13mqy1h{font-size:var(--fontSizeBase100);}",
|
|
80
69
|
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
|
81
70
|
".fcpl73t{line-height:var(--lineHeightBase100);}",
|
|
82
71
|
".f3vzo32{background-color:var(--colorNeutralBackground5);}",
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
72
|
+
[
|
|
73
|
+
".f1vo1c1k{padding:var(--spacingVerticalNone) var(--spacingHorizontalSNudge);}",
|
|
74
|
+
{
|
|
75
|
+
p: -1
|
|
76
|
+
}
|
|
77
|
+
],
|
|
78
|
+
[
|
|
79
|
+
".fq9zq91{border-radius:var(--borderRadiusSmall);}",
|
|
80
|
+
{
|
|
81
|
+
p: -1
|
|
82
|
+
}
|
|
83
|
+
],
|
|
91
84
|
".fbyavb5{margin-left:var(--spacingHorizontalXS);}",
|
|
92
85
|
".fm0x6gh{margin-right:var(--spacingHorizontalXS);}",
|
|
93
86
|
".f1pc5kto{mergin-right:var(--spacingHorizontalXS);}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses,
|
|
1
|
+
{"version":3,"sources":["useGhostTextStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { GhostTextSlots, GhostTextState } from './GhostText.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const ghostTextClassNames: SlotClassNames<GhostTextSlots> = {\n root: 'fai-GhostText',\n indicator: 'fai-GhostText__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground3,\n whiteSpace: 'pre-wrap',\n gap: tokens.spacingHorizontalXS,\n },\n\n indicator: {\n ...typographyStyles.caption2Strong,\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground5,\n padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalSNudge}`,\n borderRadius: tokens.borderRadiusSmall,\n marginLeft: tokens.spacingHorizontalXS,\n merginRight: tokens.spacingHorizontalXS,\n },\n});\n\n/**\n * Apply styling to the GhostText slots based on the state\n */\nexport const useGhostTextStyles_unstable = (state: GhostTextState): GhostTextState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(ghostTextClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n ghostTextClassNames.indicator,\n styles.indicator,\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["ghostTextClassNames","root","indicator","__styles","color","whiteSpace","gap","i8kkvl","typographyStyles","backgroundColor","padding","borderRadius","marginLeft","merginRight","sj55zd","De3pzq","Byoj8tv","z189sj","z8tnut","B0ocmuz","styles","state","Bbmb7ep","B7oj6ja","Dimara","Frg6f3"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,mBAAAA;eAAAA;;;;;;iCAJ8C;AAIpD,MAAMA,sBAAsD;UACjEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;gBACAC;QACFC,QAAA;QAEAL,SAAAA;gBACKM;;eAEHC;iBACAC;iBACAC;iBACAC;iBACAC;QACFC,QAAA;QACFC,QAAA;QAEAC,SAAA;;QAGAC,QAAO;QACLC,QAAA;QAEAC,SAAMC;QACNC,SAAMpB;QAENqB,SAAID;iBACFA;QAKFE,SAAA;QAEAC,QAAOH;QACPI,QAAA;YAAA;YAAA;SAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-chat-input-plugins",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "A Fluent AI package for React-based ChatInput plugins.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/chat-input-plugins": "^0.
|
|
16
|
-
"@fluentui-copilot/react-text-editor": "^0.
|
|
17
|
-
"@fluentui-copilot/text-editor": "^0.0
|
|
15
|
+
"@fluentui-copilot/chat-input-plugins": "^0.2.0",
|
|
16
|
+
"@fluentui-copilot/react-text-editor": "^0.2.0",
|
|
17
|
+
"@fluentui-copilot/text-editor": "^0.1.0",
|
|
18
18
|
"@swc/helpers": "^0.5.1"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@fluentui/react-components": ">=9.54.
|
|
22
|
-
"@fluentui/react-jsx-runtime": ">=9.0.
|
|
23
|
-
"@fluentui/react-utilities": ">=9.18.
|
|
21
|
+
"@fluentui/react-components": ">=9.54.10 <10.0.0",
|
|
22
|
+
"@fluentui/react-jsx-runtime": ">=9.0.42 <10.0.0",
|
|
23
|
+
"@fluentui/react-utilities": ">=9.18.13 <10.0.0",
|
|
24
24
|
"@types/react": ">=16.14.0 <19.0.0",
|
|
25
25
|
"@types/react-dom": ">=16.9.8 <19.0.0",
|
|
26
26
|
"react": ">=16.14.0 <19.0.0",
|