@fluentui-copilot/react-editor-input 0.4.10 → 0.4.11-hotfix.2

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 CHANGED
@@ -2,7 +2,37 @@
2
2
  "name": "@fluentui-copilot/react-editor-input",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 03 May 2025 01:25:53 GMT",
5
+ "date": "Fri, 19 Sep 2025 15:10:19 GMT",
6
+ "tag": "@fluentui-copilot/react-editor-input_v0.4.11-hotfix.2",
7
+ "version": "0.4.11-hotfix.2",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "hochelmartin@gmail.com",
12
+ "package": "@fluentui-copilot/react-editor-input",
13
+ "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
14
+ "comment": "release: prepare hotfix 0.26.2-hotfix.2"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Mon, 19 May 2025 18:04:27 GMT",
21
+ "tag": "@fluentui-copilot/react-editor-input_v0.4.11",
22
+ "version": "0.4.11",
23
+ "comments": {
24
+ "none": [
25
+ {
26
+ "author": "hochelmartin@gmail.com",
27
+ "package": "@fluentui-copilot/react-editor-input",
28
+ "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
29
+ "comment": "fix: exclude story files from production build"
30
+ }
31
+ ]
32
+ }
33
+ },
34
+ {
35
+ "date": "Sat, 03 May 2025 01:27:44 GMT",
6
36
  "tag": "@fluentui-copilot/react-editor-input_v0.4.10",
7
37
  "version": "0.4.10",
8
38
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui-copilot/react-editor-input
2
2
 
3
- This log was last generated on Sat, 03 May 2025 01:25:53 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 19 Sep 2025 15:10:19 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [0.4.11-hotfix.2](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.4.11-hotfix.2)
8
+
9
+ Fri, 19 Sep 2025 15:10:19 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.4.11..@fluentui-copilot/react-editor-input_v0.4.11-hotfix.2)
11
+
12
+ ### Changes
13
+
14
+ - release: prepare hotfix 0.26.2-hotfix.2 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
15
+
7
16
  ## [0.4.10](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-editor-input_v0.4.10)
8
17
 
9
- Sat, 03 May 2025 01:25:53 GMT
18
+ Sat, 03 May 2025 01:27:44 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-editor-input_v0.4.9..@fluentui-copilot/react-editor-input_v0.4.10)
11
20
 
12
21
  ### Patches
@@ -0,0 +1,67 @@
1
+ import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
2
+ import { tokens } from '@fluentui-copilot/tokens';
3
+ export const editorInputClassNames = {
4
+ root: 'fai-EditorInput',
5
+ input: 'fai-EditorInput__input',
6
+ placeholderValue: 'fai-EditorInput__placeholderValue'
7
+ };
8
+ /**
9
+ * Styles for the root slot
10
+ */
11
+ const useRootClassName = makeResetStyles({
12
+ display: 'inline-grid',
13
+ whiteSpace: 'pre-wrap'
14
+ });
15
+ export const useLexicalStyles = makeStyles({
16
+ paragraph: {
17
+ margin: 0,
18
+ textAlign: 'start'
19
+ }
20
+ });
21
+ export const usePlaceholderClassName = makeResetStyles({
22
+ zIndex: 0,
23
+ gridArea: '1 / 1 / 1 / 1',
24
+ color: tokens.colorNeutralForeground4,
25
+ ...typographyStyles.body1,
26
+ '@media (forced-colors: active)': {
27
+ color: 'GrayText'
28
+ }
29
+ });
30
+ export const useInputClassName = makeResetStyles({
31
+ gridArea: '1 / 1 / 1 / 1',
32
+ zIndex: 1,
33
+ width: '100%'
34
+ });
35
+ const useStyles = makeStyles({
36
+ placeholderDisabled: {
37
+ color: tokens.colorNeutralForegroundDisabled
38
+ }
39
+ });
40
+ /**
41
+ * Apply styling to the EditorInput slots based on the state
42
+ */
43
+ export const useEditorInputStyles_unstable = state => {
44
+ 'use no memo';
45
+
46
+ const {
47
+ disabled
48
+ } = state;
49
+ const placeholderClassName = usePlaceholderClassName();
50
+ const rootClassName = useRootClassName();
51
+ const inputClassName = useInputClassName();
52
+ const styles = useStyles();
53
+ state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);
54
+ state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);
55
+ state.lexicalInitialConfig = {
56
+ ...state.lexicalInitialConfig,
57
+ theme: {
58
+ ...useLexicalStyles(),
59
+ ...state.lexicalInitialConfig.theme
60
+ }
61
+ };
62
+ if (state.placeholderValue) {
63
+ state.placeholderValue.className = mergeClasses(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
64
+ }
65
+ return state;
66
+ };
67
+ //# sourceMappingURL=useEditorInputStyles.styles.raw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport type { EditorInputSlots, EditorInputState } from './EditorInput.types';\n\nexport const editorInputClassNames: SlotClassNames<EditorInputSlots> = {\n root: 'fai-EditorInput',\n input: 'fai-EditorInput__input',\n placeholderValue: 'fai-EditorInput__placeholderValue',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n display: 'inline-grid',\n whiteSpace: 'pre-wrap',\n});\n\nexport const useLexicalStyles = makeStyles({\n paragraph: {\n margin: 0,\n textAlign: 'start',\n },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n zIndex: 0,\n gridArea: '1 / 1 / 1 / 1',\n\n color: tokens.colorNeutralForeground4,\n ...typographyStyles.body1,\n\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n});\n\nexport const useInputClassName = makeResetStyles({\n gridArea: '1 / 1 / 1 / 1',\n zIndex: 1,\n width: '100%',\n});\n\nconst useStyles = makeStyles({\n placeholderDisabled: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n});\n/**\n * Apply styling to the EditorInput slots based on the state\n */\nexport const useEditorInputStyles_unstable = (state: EditorInputState): EditorInputState => {\n 'use no memo';\n\n const { disabled } = state;\n const placeholderClassName = usePlaceholderClassName();\n const rootClassName = useRootClassName();\n const inputClassName = useInputClassName();\n const styles = useStyles();\n\n state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);\n\n state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);\n\n state.lexicalInitialConfig = {\n ...state.lexicalInitialConfig,\n theme: { ...useLexicalStyles(), ...state.lexicalInitialConfig.theme },\n };\n\n if (state.placeholderValue) {\n state.placeholderValue.className = mergeClasses(\n editorInputClassNames.placeholderValue,\n placeholderClassName,\n disabled && styles.placeholderDisabled,\n state.placeholderValue.className,\n );\n }\n\n return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","typographyStyles","tokens","editorInputClassNames","root","input","placeholderValue","useRootClassName","display","whiteSpace","useLexicalStyles","paragraph","margin","textAlign","usePlaceholderClassName","zIndex","gridArea","color","colorNeutralForeground4","body1","useInputClassName","width","useStyles","placeholderDisabled","colorNeutralForegroundDisabled","useEditorInputStyles_unstable","state","disabled","placeholderClassName","rootClassName","inputClassName","styles","className","lexicalInitialConfig","theme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,6BAA6B;AACzG,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB,EAAE;AAEF;;CAEC,GACD,MAAMC,mBAAmBT,gBAAgB;IACvCU,SAAS;IACTC,YAAY;AACd;AAEA,OAAO,MAAMC,mBAAmBX,WAAW;IACzCY,WAAW;QACTC,QAAQ;QACRC,WAAW;IACb;AACF,GAAG;AAEH,OAAO,MAAMC,0BAA0BhB,gBAAgB;IACrDiB,QAAQ;IACRC,UAAU;IAEVC,OAAOf,OAAOgB,uBAAuB;IACrC,GAAGjB,iBAAiBkB,KAAK;IAEzB,kCAAkC;QAChCF,OAAO;IACT;AACF,GAAG;AAEH,OAAO,MAAMG,oBAAoBtB,gBAAgB;IAC/CkB,UAAU;IACVD,QAAQ;IACRM,OAAO;AACT,GAAG;AAEH,MAAMC,YAAYvB,WAAW;IAC3BwB,qBAAqB;QACnBN,OAAOf,OAAOsB,8BAA8B;IAC9C;AACF;AACA;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,uBAAuBd;IAC7B,MAAMe,gBAAgBtB;IACtB,MAAMuB,iBAAiBV;IACvB,MAAMW,SAAST;IAEfI,MAAMtB,IAAI,CAAC4B,SAAS,GAAGhC,aAAaG,sBAAsBC,IAAI,EAAEyB,eAAeH,MAAMtB,IAAI,CAAC4B,SAAS;IAEnGN,MAAMrB,KAAK,CAAC2B,SAAS,GAAGhC,aAAaG,sBAAsBE,KAAK,EAAEyB,gBAAgBJ,MAAMrB,KAAK,CAAC2B,SAAS;IAEvGN,MAAMO,oBAAoB,GAAG;QAC3B,GAAGP,MAAMO,oBAAoB;QAC7BC,OAAO;YAAE,GAAGxB,kBAAkB;YAAE,GAAGgB,MAAMO,oBAAoB,CAACC,KAAK;QAAC;IACtE;IAEA,IAAIR,MAAMpB,gBAAgB,EAAE;QAC1BoB,MAAMpB,gBAAgB,CAAC0B,SAAS,GAAGhC,aACjCG,sBAAsBG,gBAAgB,EACtCsB,sBACAD,YAAYI,OAAOR,mBAAmB,EACtCG,MAAMpB,gBAAgB,CAAC0B,SAAS;IAEpC;IAEA,OAAON;AACT,EAAE"}
@@ -0,0 +1,86 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ editorInputClassNames: function() {
13
+ return editorInputClassNames;
14
+ },
15
+ useEditorInputStyles_unstable: function() {
16
+ return useEditorInputStyles_unstable;
17
+ },
18
+ useInputClassName: function() {
19
+ return useInputClassName;
20
+ },
21
+ useLexicalStyles: function() {
22
+ return useLexicalStyles;
23
+ },
24
+ usePlaceholderClassName: function() {
25
+ return usePlaceholderClassName;
26
+ }
27
+ });
28
+ const _reactcomponents = require("@fluentui/react-components");
29
+ const _tokens = require("@fluentui-copilot/tokens");
30
+ const editorInputClassNames = {
31
+ root: 'fai-EditorInput',
32
+ input: 'fai-EditorInput__input',
33
+ placeholderValue: 'fai-EditorInput__placeholderValue'
34
+ };
35
+ /**
36
+ * Styles for the root slot
37
+ */ const useRootClassName = (0, _reactcomponents.makeResetStyles)({
38
+ display: 'inline-grid',
39
+ whiteSpace: 'pre-wrap'
40
+ });
41
+ const useLexicalStyles = (0, _reactcomponents.makeStyles)({
42
+ paragraph: {
43
+ margin: 0,
44
+ textAlign: 'start'
45
+ }
46
+ });
47
+ const usePlaceholderClassName = (0, _reactcomponents.makeResetStyles)({
48
+ zIndex: 0,
49
+ gridArea: '1 / 1 / 1 / 1',
50
+ color: _tokens.tokens.colorNeutralForeground4,
51
+ ..._reactcomponents.typographyStyles.body1,
52
+ '@media (forced-colors: active)': {
53
+ color: 'GrayText'
54
+ }
55
+ });
56
+ const useInputClassName = (0, _reactcomponents.makeResetStyles)({
57
+ gridArea: '1 / 1 / 1 / 1',
58
+ zIndex: 1,
59
+ width: '100%'
60
+ });
61
+ const useStyles = (0, _reactcomponents.makeStyles)({
62
+ placeholderDisabled: {
63
+ color: _tokens.tokens.colorNeutralForegroundDisabled
64
+ }
65
+ });
66
+ const useEditorInputStyles_unstable = (state)=>{
67
+ 'use no memo';
68
+ const { disabled } = state;
69
+ const placeholderClassName = usePlaceholderClassName();
70
+ const rootClassName = useRootClassName();
71
+ const inputClassName = useInputClassName();
72
+ const styles = useStyles();
73
+ state.root.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.root, rootClassName, state.root.className);
74
+ state.input.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.input, inputClassName, state.input.className);
75
+ state.lexicalInitialConfig = {
76
+ ...state.lexicalInitialConfig,
77
+ theme: {
78
+ ...useLexicalStyles(),
79
+ ...state.lexicalInitialConfig.theme
80
+ }
81
+ };
82
+ if (state.placeholderValue) {
83
+ state.placeholderValue.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
84
+ }
85
+ return state;
86
+ }; //# sourceMappingURL=useEditorInputStyles.styles.raw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport type { EditorInputSlots, EditorInputState } from './EditorInput.types';\n\nexport const editorInputClassNames: SlotClassNames<EditorInputSlots> = {\n root: 'fai-EditorInput',\n input: 'fai-EditorInput__input',\n placeholderValue: 'fai-EditorInput__placeholderValue',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n display: 'inline-grid',\n whiteSpace: 'pre-wrap',\n});\n\nexport const useLexicalStyles = makeStyles({\n paragraph: {\n margin: 0,\n textAlign: 'start',\n },\n});\n\nexport const usePlaceholderClassName = makeResetStyles({\n zIndex: 0,\n gridArea: '1 / 1 / 1 / 1',\n\n color: tokens.colorNeutralForeground4,\n ...typographyStyles.body1,\n\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n});\n\nexport const useInputClassName = makeResetStyles({\n gridArea: '1 / 1 / 1 / 1',\n zIndex: 1,\n width: '100%',\n});\n\nconst useStyles = makeStyles({\n placeholderDisabled: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n});\n/**\n * Apply styling to the EditorInput slots based on the state\n */\nexport const useEditorInputStyles_unstable = (state: EditorInputState): EditorInputState => {\n 'use no memo';\n\n const { disabled } = state;\n const placeholderClassName = usePlaceholderClassName();\n const rootClassName = useRootClassName();\n const inputClassName = useInputClassName();\n const styles = useStyles();\n\n state.root.className = mergeClasses(editorInputClassNames.root, rootClassName, state.root.className);\n\n state.input.className = mergeClasses(editorInputClassNames.input, inputClassName, state.input.className);\n\n state.lexicalInitialConfig = {\n ...state.lexicalInitialConfig,\n theme: { ...useLexicalStyles(), ...state.lexicalInitialConfig.theme },\n };\n\n if (state.placeholderValue) {\n state.placeholderValue.className = mergeClasses(\n editorInputClassNames.placeholderValue,\n placeholderClassName,\n disabled && styles.placeholderDisabled,\n state.placeholderValue.className,\n );\n }\n\n return state;\n};\n"],"names":["editorInputClassNames","disabled","state","gridArea","paragraph","usePlaceholderClassName","root","input","placeholderValue","display","makeResetStyles","whiteSpace","makeStyles","margin","textAlign","zIndex","tokens","typographyStyles","body1","color","width","placeholderDisabled","colorNeutralForegroundDisabled","styles","mergeClasses","lexicalInitialConfig","inputClassName","theme","useStyles","className","useLexicalStyles","rootClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,qBAAAA;eAAAA;;IAkDHC,6BAAaC;eAAbD;;IAhBRE,iBAAU;eAAVA;;IAnBAC,gBAAW;eAAXA;;IAOQC,uBAAA;eAAAA;;;iCA3BkE;wBACrD;AAIhB,MAAML,wBAA0D;UACrEM;WACAC;sBACAC;AACF;AAEA;;CAEC,SAECC,mBAASC,IAAAA,gCAAA,EAAA;aACTC;IACFA,YAAA;AAEA;AACEP,MAAAA,mBAAWQ,IAAAA,2BAAA,EAAA;eACTC;gBACAC;QACFA,WAAA;IACF;AAEA;AACEC,MAAQV,0BAAAK,IAAAA,gCAAA,EAAA;YACRP;cAEOa;WACJC,cAAAA,CAAAA,uBAAsB;OAEzBA,iCAAA,CAAAC,KAAA;sCACS;QACTC,OAAA;IACF;AAEA;AACEhB,MAAAA,oBAAUO,IAAAA,gCAAA,EAAA;cACF;YACRU;IACFA,OAAG;AAEH;MACEC,YAAAA,IAAAA,2BAAqB,EAAA;yBACLC;QAChBH,OAAAH,cAAA,CAAAM,8BAAA;IACF;AACA;AAME,MAAQrB,gCAAaC,CAAAA;;UAGrB,EACAD,QAAMsB,KAENrB;UAEAA,uBAAwBsB;UAExBtB,gBAAMuB;UACJC,iBAASD;UACTE,SAAOC;cAAE,CAAAC,SAAGC,GAAAA,IAAAA,6BAAkB,EAAA9B,sBAAAM,IAAA,EAAAyB,eAAA7B,MAAAI,IAAA,CAAAuB,SAAA;eAAE,CAAAA,SAASJ,GAAAA,IAAAA,6BAAAA,EAAAA,sBAA0BlB,KAAA,EAAAmB,gBAAAxB,MAAAK,KAAA,CAAAsB,SAAA;UAACJ,oBAAA,GAAA;QACtE,GAAAvB,MAAAuB,oBAAA;QAEAE,OAAIzB;eACFA,kBAAMM;YAMR,GAAAN,MAAAuB,oBAAA,CAAAE,KAAA;QAEA;IACA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-editor-input",
3
- "version": "0.4.10",
3
+ "version": "0.4.11-hotfix.2",
4
4
  "description": "a base rich editor input.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,10 +12,10 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui-copilot/chat-input-plugins": "^0.4.2",
16
- "@fluentui-copilot/react-chat-input-plugins": "^0.4.9",
17
- "@fluentui-copilot/react-text-editor": "^0.4.1",
18
- "@fluentui-copilot/tokens": "^0.3.11",
15
+ "@fluentui-copilot/chat-input-plugins": "0.4.2-hotfix.3",
16
+ "@fluentui-copilot/react-chat-input-plugins": "0.4.10-hotfix.2",
17
+ "@fluentui-copilot/react-text-editor": "0.4.1-hotfix.3",
18
+ "@fluentui-copilot/tokens": "0.3.11-hotfix.2",
19
19
  "@swc/helpers": "^0.5.1"
20
20
  },
21
21
  "peerDependencies": {
@@ -27,11 +27,7 @@
27
27
  "react": ">=16.14.0 <19.0.0",
28
28
  "react-dom": ">=16.14.0 <19.0.0"
29
29
  },
30
- "beachball": {
31
- "disallowedChangeTypes": [
32
- "major"
33
- ]
34
- },
30
+ "beachball": {},
35
31
  "exports": {
36
32
  ".": {
37
33
  "types": "./dist/index.d.ts",