@fluentui-copilot/react-editor-input 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251014-0405-d8d3e89c.1

package/lib-commonjs/components/EditorInput/useEditorInputStyles.styles.raw.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    editorInputClassNames: function() {
+        return editorInputClassNames;
+    },
+    useEditorInputStyles_unstable: function() {
+        return useEditorInputStyles_unstable;
+    },
+    useInputClassName: function() {
+        return useInputClassName;
+    },
+    useLexicalStyles: function() {
+        return useLexicalStyles;
+    },
+    usePlaceholderClassName: function() {
+        return usePlaceholderClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const editorInputClassNames = {
+    root: 'fai-EditorInput',
+    input: 'fai-EditorInput__input',
+    placeholderValue: 'fai-EditorInput__placeholderValue'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-grid',
+    whiteSpace: 'pre-wrap'
+});
+const useLexicalStyles = (0, _reactcomponents.makeStyles)({
+    paragraph: {
+        margin: 0,
+        textAlign: 'start'
+    }
+});
+const usePlaceholderClassName = (0, _reactcomponents.makeResetStyles)({
+    zIndex: 0,
+    gridArea: '1 / 1 / 1 / 1',
+    color: _tokens.tokens.colorNeutralForeground4,
+    ..._tokens.typographyStyles.body1,
+    '@media (forced-colors: active)': {
+        color: 'GrayText'
+    }
+});
+const useInputClassName = (0, _reactcomponents.makeResetStyles)({
+    gridArea: '1 / 1 / 1 / 1',
+    zIndex: 1,
+    width: '100%'
+});
+const useStyles = (0, _reactcomponents.makeStyles)({
+    placeholderDisabled: {
+        color: _tokens.tokens.colorNeutralForegroundDisabled
+    }
+});
+const useEditorInputStyles_unstable = (state)=>{
+    'use no memo';
+    const { disabled } = state;
+    const placeholderClassName = usePlaceholderClassName();
+    const rootClassName = useRootClassName();
+    const inputClassName = useInputClassName();
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.root, rootClassName, state.root.className);
+    state.input.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.input, inputClassName, state.input.className);
+    state.lexicalInitialConfig = {
+        ...state.lexicalInitialConfig,
+        theme: {
+            ...useLexicalStyles(),
+            ...state.lexicalInitialConfig.theme
+        }
+    };
+    if (state.placeholderValue) {
+        state.placeholderValue.className = (0, _reactcomponents.mergeClasses)(editorInputClassNames.placeholderValue, placeholderClassName, disabled && styles.placeholderDisabled, state.placeholderValue.className);
+    }
+    return state;
+};

package/lib-commonjs/components/EditorInput/useEditorInputStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useEditorInputStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } 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","useEditorInputStyles_unstable","useInputClassName","useLexicalStyles","usePlaceholderClassName","root","input","placeholderValue","useRootClassName","makeResetStyles","display","whiteSpace","makeStyles","paragraph","margin","textAlign","zIndex","gridArea","color","tokens","colorNeutralForeground4","typographyStyles","body1","width","useStyles","placeholderDisabled","colorNeutralForegroundDisabled","state","disabled","placeholderClassName","rootClassName","inputClassName","styles","className","mergeClasses","lexicalInitialConfig","theme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,qBAAAA;eAAAA;;IA+CAC,6BAAAA;eAAAA;;IAdAC,iBAAAA;eAAAA;;IAnBAC,gBAAAA;eAAAA;;IAOAC,uBAAAA;eAAAA;;;iCA1B6C;wBACjB;AAIlC,MAAMJ,wBAA0D;IACrEK,MAAM;IACNC,OAAO;IACPC,kBAAkB;AACpB;AAEA;;CAEC,GACD,MAAMC,mBAAmBC,IAAAA,gCAAAA,EAAgB;IACvCC,SAAS;IACTC,YAAY;AACd;AAEO,MAAMR,mBAAmBS,IAAAA,2BAAAA,EAAW;IACzCC,WAAW;QACTC,QAAQ;QACRC,WAAW;IACb;AACF;AAEO,MAAMX,0BAA0BK,IAAAA,gCAAAA,EAAgB;IACrDO,QAAQ;IACRC,UAAU;IAEVC,OAAOC,cAAAA,CAAOC,uBAAuB;IACrC,GAAGC,wBAAAA,CAAiBC,KAAK;IAEzB,kCAAkC;QAChCJ,OAAO;IACT;AACF;AAEO,MAAMhB,oBAAoBO,IAAAA,gCAAAA,EAAgB;IAC/CQ,UAAU;IACVD,QAAQ;IACRO,OAAO;AACT;AAEA,MAAMC,YAAYZ,IAAAA,2BAAAA,EAAW;IAC3Ba,qBAAqB;QACnBP,OAAOC,cAAAA,CAAOO,8BAA8B;IAC9C;AACF;AAIO,MAAMzB,gCAAgC,CAAC0B;IAC5C;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,uBAAuBzB;IAC7B,MAAM0B,gBAAgBtB;IACtB,MAAMuB,iBAAiB7B;IACvB,MAAM8B,SAASR;IAEfG,MAAMtB,IAAI,CAAC4B,SAAS,GAAGC,IAAAA,6BAAAA,EAAalC,sBAAsBK,IAAI,EAAEyB,eAAeH,MAAMtB,IAAI,CAAC4B,SAAS;IAEnGN,MAAMrB,KAAK,CAAC2B,SAAS,GAAGC,IAAAA,6BAAAA,EAAalC,sBAAsBM,KAAK,EAAEyB,gBAAgBJ,MAAMrB,KAAK,CAAC2B,SAAS;IAEvGN,MAAMQ,oBAAoB,GAAG;QAC3B,GAAGR,MAAMQ,oBAAoB;QAC7BC,OAAO;YAAE,GAAGjC,kBAAkB;YAAE,GAAGwB,MAAMQ,oBAAoB,CAACC,KAAK;QAAC;IACtE;IAEA,IAAIT,MAAMpB,gBAAgB,EAAE;QAC1BoB,MAAMpB,gBAAgB,CAAC0B,SAAS,GAAGC,IAAAA,6BAAAA,EACjClC,sBAAsBO,gBAAgB,EACtCsB,sBACAD,YAAYI,OAAOP,mBAAmB,EACtCE,MAAMpB,gBAAgB,CAAC0B,SAAS;IAEpC;IAEA,OAAON;AACT"}

package/lib-commonjs/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AnimatedPlaceholder: function() {
+        return _AnimatedPlaceholder.AnimatedPlaceholder;
+    },
+    EditorInput: function() {
+        return _EditorInput.EditorInput;
+    },
+    animatedPlaceholderClassNames: function() {
+        return _AnimatedPlaceholder.animatedPlaceholderClassNames;
+    },
+    editorInputClassNames: function() {
+        return _EditorInput.editorInputClassNames;
+    },
+    renderAnimatedPlaceholder_unstable: function() {
+        return _AnimatedPlaceholder.renderAnimatedPlaceholder_unstable;
+    },
+    renderEditorInput_unstable: function() {
+        return _EditorInput.renderEditorInput_unstable;
+    },
+    useAnimatedPlaceholderStyles_unstable: function() {
+        return _AnimatedPlaceholder.useAnimatedPlaceholderStyles_unstable;
+    },
+    useAnimatedPlaceholder_unstable: function() {
+        return _AnimatedPlaceholder.useAnimatedPlaceholder_unstable;
+    },
+    useEditorInputStyles_unstable: function() {
+        return _EditorInput.useEditorInputStyles_unstable;
+    },
+    useEditorInput_unstable: function() {
+        return _EditorInput.useEditorInput_unstable;
+    }
+});
+const _EditorInput = require("./EditorInput");
+const _AnimatedPlaceholder = require("./AnimatedPlaceholder");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { EditorInputProps, EditorInputSlots, EditorInputState, EditorInputValueData } from './EditorInput';\nexport {\n  EditorInput,\n  editorInputClassNames,\n  renderEditorInput_unstable,\n  useEditorInputStyles_unstable,\n  useEditorInput_unstable,\n} from './EditorInput';\n\nexport {\n  AnimatedPlaceholder,\n  renderAnimatedPlaceholder_unstable,\n  useAnimatedPlaceholder_unstable,\n  animatedPlaceholderClassNames,\n  useAnimatedPlaceholderStyles_unstable,\n} from './AnimatedPlaceholder';\nexport type {\n  AnimatedPlaceholderProps,\n  AnimatedPlaceholderSlots,\n  AnimatedPlaceholderState,\n} from './AnimatedPlaceholder';\n"],"names":["AnimatedPlaceholder","EditorInput","animatedPlaceholderClassNames","editorInputClassNames","renderAnimatedPlaceholder_unstable","renderEditorInput_unstable","useAnimatedPlaceholderStyles_unstable","useAnimatedPlaceholder_unstable","useEditorInputStyles_unstable","useEditorInput_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUEA,mBAAmB;eAAnBA,wCAAmB;;IARnBC,WAAW;eAAXA,wBAAW;;IAWXC,6BAA6B;eAA7BA,kDAA6B;;IAV7BC,qBAAqB;eAArBA,kCAAqB;;IAQrBC,kCAAkC;eAAlCA,uDAAkC;;IAPlCC,0BAA0B;eAA1BA,uCAA0B;;IAU1BC,qCAAqC;eAArCA,0DAAqC;;IAFrCC,+BAA+B;eAA/BA,oDAA+B;;IAP/BC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;;6BAClB;qCAQA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-editor-input",
-  "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+  "version": "0.0.0-nightly-20251014-0405-d8d3e89c.1",
   "description": "a base rich editor input.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,10 +12,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/chat-input-plugins": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
-    "@fluentui-copilot/react-chat-input-plugins": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
-    "@fluentui-copilot/react-text-editor": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
-    "@fluentui-copilot/tokens": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+    "@fluentui-copilot/chat-input-plugins": "0.0.0-nightly-20251014-0405-d8d3e89c.1",
+    "@fluentui-copilot/react-chat-input-plugins": "0.0.0-nightly-20251014-0405-d8d3e89c.1",
+    "@fluentui-copilot/react-text-editor": "0.0.0-nightly-20251014-0405-d8d3e89c.1",
+    "@fluentui-copilot/tokens": "0.0.0-nightly-20251014-0405-d8d3e89c.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {