npm - @eccenca/gui-elements - Versions diffs - 25.1.0-rc.1 → 25.1.0-rc.2 - Mend

@eccenca/gui-elements 25.1.0-rc.1 → 25.1.0-rc.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.

Files changed (74) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -15,12 +15,19 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     -   component for hiding elements in specific media
 -   `<InlineText />`
     -   force children to get displayed as inline content
- -   `<DecoupledOverlay />`
+-   `<DecoupledOverlay />`
     -   similar to `ContextOverlay` component but not directly linked to a React element, it specifies the target in the DOM to get connected lazy
 -   `<StringPreviewContentBlobToggler />`
     -   `useOnly` property: specify if only parts of the content should be used for the shortened preview, this property replaces `firstNonEmptyLineOnly`
 -   `<ContextOverlay />`
     -   `paddingSize` property to add easily some white space
+-   `<CodeEditor />`
+    -   toolbar in `markdown` mode provides a user config menu for the editor appearance
+-   `<RadioButton />`
+    -   `hideIndicator` property: hide the radio inout indicator but click on children can be processed via `onChange` event
+-   `<ColorField />`
+    -   input component for colors
+    -   uses a subset from the configured color palette by default, but it also allows to enter custom colors
 -   CSS custom properties
     -   beside the color palette we now mirror the most important layout configuration variables as CSS custom properties
 -   new icons:
@@ -48,6 +55,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     -   adjust displaying fallback symbols in different browsers
 -   `<CodeMirror />`
     -   use the latest provided `onChange` function
+-   `<TextField />`, `<TextArea />`
+    -   fix emoji false-positives in invisible character detection
 ### Changed
@@ -55,6 +64,9 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     -   Change default filter predicate to match multi-word queries.
 -   `<EdgeDefault />`
     -   reduce stroke width to only 1px
+-   `<CodeMirror />`
+    -   `wrapLines` and `preventLineNumber` do not use `false` default value but if not set then it will be interpreted as `false`
+    -   in this way it can be overwritten by new user config for the markdown mode
 -   automatically hide user interaction elements in print view
     -   all application header components except `<WorkspaceHeader />`
     -   `<CardActions />` and `<CardOptions />`

package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js CHANGED Viewed

@@ -47,7 +47,7 @@ exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, t
                 htmlFor: "noteinput",
                 text: translate("noteLabel"),
             } },
-            react_1.default.createElement(extensions_1.CodeEditor, Object.assign({ name: translate("noteLabel"), id: "sticky-note-input", mode: "markdown", preventLineNumbers: true, onChange: (value) => {
+            react_1.default.createElement(extensions_1.CodeEditor, Object.assign({ name: translate("noteLabel"), id: "sticky-note-input", mode: "markdown", useToolbar: true, onChange: (value) => {
                     refNote.current = value;
                 }, defaultValue: refNote.current }, codeEditorProps))),
         react_1.default.createElement(index_1.FieldItem, { key: "color", labelProps: {

package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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~~kBAAkB~~,~~QAClB~~,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5B,CAAC,EACD,YAAY,EAAE,OAAO,CAAC,OAAO,IACzB,eAAe,EACrB,CACM;QACZ,8BAAC,iBAAS,IACN,GAAG,EAAC,OAAO,EACX,UAAU,EAAE;gBACR,OAAO,EAAE,YAAY;gBACrB,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC;aAChC,IAEA,oBAAoB,CACb,CACD,CAClB,CAAC;AACN,CAAC,CACJ,CAAC"}
1	+ {"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/common/index.js CHANGED Viewed

@@ -24,6 +24,7 @@ exports.utils = {
     setGlobalVar: globalVars_1.setGlobalVar,
     getScrollParent: getScrollParent_1.getScrollParent,
     getEnabledColorsFromPalette: colorHash_1.getEnabledColorsFromPalette,
+    getEnabledColorPropertiesFromPalette: colorHash_1.getEnabledColorPropertiesFromPalette,
     textToColorHash: colorHash_1.textToColorHash,
     reduceToText: reduceToText_1.reduceToText,
     decodeHtmlEntities: he_1.decode,

package/dist/cjs/common/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;AAAA,2BAA4B;AAE5B,mDAAkE;AAClE,2EAAwE;AACxE,gGAAwE;AACxE,~~iDAAiF~~;~~AACjF~~,0FAAkE;AAClE,6DAA0D;AAC1D,mDAAgE;AAChE,uDAAoD;AACpD,uDAAoD;AAIvC,QAAA,KAAK,GAAG;IACjB,YAAY,EAAZ,2BAAY;IACZ,wBAAwB,EAAxB,kCAAwB;IACxB,sBAAsB,EAAtB,+CAAsB;IACtB,qBAAqB,EAArB,+BAAqB;IACrB,4BAA4B,EAA5B,yCAA4B;IAC5B,YAAY,EAAZ,yBAAY;IACZ,YAAY,EAAZ,yBAAY;IACZ,eAAe,EAAf,iCAAe;IACf,2BAA2B,EAA3B,uCAA2B;IAC3B,eAAe,EAAf,2BAAe;IACf,YAAY,EAAZ,2BAAY;IACZ,kBAAkB,EAAE,WAAM;CAC7B,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;AAAA,2BAA4B;AAE5B,mDAAkE;AAClE,2EAAwE;AACxE,gGAAwE;AACxE,iDAAuH;AACvH,0FAAkE;AAClE,6DAA0D;AAC1D,mDAAgE;AAChE,uDAAoD;AACpD,uDAAoD;AAIvC,QAAA,KAAK,GAAG;IACjB,YAAY,EAAZ,2BAAY;IACZ,wBAAwB,EAAxB,kCAAwB;IACxB,sBAAsB,EAAtB,+CAAsB;IACtB,qBAAqB,EAArB,+BAAqB;IACrB,4BAA4B,EAA5B,yCAA4B;IAC5B,YAAY,EAAZ,yBAAY;IACZ,YAAY,EAAZ,yBAAY;IACZ,eAAe,EAAf,iCAAe;IACf,2BAA2B,EAA3B,uCAA2B;IAC3B,oCAAoC,EAApC,gDAAoC;IACpC,eAAe,EAAf,2BAAe;IACf,YAAY,EAAZ,2BAAY;IACZ,kBAAkB,EAAE,WAAM;CAC7B,CAAC"}

package/dist/cjs/common/utils/CssCustomProperties.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CssCustomProperties.js","sourceRoot":"","sources":["../../../../src/common/utils/CssCustomProperties.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;;;;;;;;;;;AAiBH,MAAqB,mBAAmB;IAIpC,YAAY,QAAkC,EAAE;QAHhD,uBAAkB,GAAG,EAA8B,CAAC;QACpD,gBAAW,GAAG,EAAE,CAAC;QAMjB,UAAU;QAEV,qBAAgB,GAAG,CAAC,QAAkC,EAAE,~~EAAuC~~,EAAE;~~YAC7F~~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~~CAAC~~,QAAkC,EAAE,~~EAAuC~~,EAAE;~~IACxG~~,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAAE,YAAY,GAAG,IAAI,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,KAAqB,KAAK,EAArB,WAAW,UAAK,KAAK,EAAjG,kDAAyF,CAAQ,CAAC;IAExG,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,+BAA+B,iCACrE,WAAW,KACd,YAAY,EAAE,QAAQ,IACxB;SACG,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE;QACpB,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;QACjB,IAAI,gBAAgB,EAAE,CAAC;YACnB,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,CAAC;QACD,OAAO,WAAW,CAAC;IACvB,CAAC,CAAC,CAAC;IAEP,OAAO,YAAY;QACf,CAAC,CAAE,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAA4B;QAClE,CAAC,CAAE,~~gBAA+B~~,CAAC;~~AAC3C~~,CAAC,~~AApB0B~~,~~CAoBzB~~;~~kBA1Ge~~,mBAAmB"}
1	+ {"version":3,"file":"CssCustomProperties.js","sourceRoot":"","sources":["../../../../src/common/utils/CssCustomProperties.ts"],"names":[],"mappings":"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"}

package/dist/cjs/common/utils/colorHash.js CHANGED Viewed

@@ -4,21 +4,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEnabledColorsFromPalette = getEnabledColorsFromPalette;
+exports.getEnabledColorPropertiesFromPalette = getEnabledColorPropertiesFromPalette;
 exports.textToColorHash = textToColorHash;
 const color_1 = __importDefault(require("color"));
 const constants_1 = require("../../configuration/constants");
 const colorCalculateDistance_1 = require("./colorCalculateDistance");
 const CssCustomProperties_1 = __importDefault(require("./CssCustomProperties"));
 const getEnabledColorsFromPaletteCache = new Map();
-function getEnabledColorsFromPalette({ includePaletteGroup = ["layout"], includeColorWeight = [100, 300, 500, 700, 900],
-// TODO (planned for later): includeMixedColors = false,
+const getEnabledColorPropertiesFromPaletteCache = new Map();
+function getEnabledColorsFromPalette(props) {
+    const configId = JSON.stringify({
+        includePaletteGroup: props.includePaletteGroup,
+        includeColorWeight: props.includeColorWeight,
+    });
+    if (getEnabledColorsFromPaletteCache.has(configId)) {
+        return getEnabledColorsFromPaletteCache.get(configId);
+    }
+    const colorPropertiesFromPalette = Object.values(getEnabledColorPropertiesFromPalette(props));
+    getEnabledColorsFromPaletteCache.set(configId, colorPropertiesFromPalette.map((color) => {
+        return (0, color_1.default)(color[1]);
+    }));
+    return getEnabledColorsFromPaletteCache.get(configId);
+}
+function getEnabledColorPropertiesFromPalette({ includePaletteGroup = ["layout"], includeColorWeight = [100, 300, 500, 700, 900],
+// (planned for later): includeMixedColors = false,
 minimalColorDistance = constants_1.COLORMINDISTANCE, }) {
     const configId = JSON.stringify({
         includePaletteGroup,
         includeColorWeight,
     });
-    if (getEnabledColorsFromPaletteCache.has(configId)) {
-        return getEnabledColorsFromPaletteCache.get(configId);
+    if (getEnabledColorPropertiesFromPaletteCache.has(configId)) {
+        return getEnabledColorPropertiesFromPaletteCache.get(configId);
     }
     const colorsFromPalette = new CssCustomProperties_1.default({
         selectorText: `:root`,
@@ -33,15 +49,15 @@ minimalColorDistance = constants_1.COLORMINDISTANCE, }) {
             const weight = parseInt(tint[2], 10);
             return includePaletteGroup.includes(group) && includeColorWeight.includes(weight);
         },
-        removeDashPrefix: false,
+        removeDashPrefix: true,
         returnObject: true,
     }).customProperties();
-    const colorsFromPaletteValues = Object.values(colorsFromPalette);
+    const colorsFromPaletteValues = Object.entries(colorsFromPalette);
     const colorsFromPaletteWithEnoughDistance = minimalColorDistance > 0
         ? colorsFromPaletteValues.reduce((enoughDistance, color) => {
             if (enoughDistance.includes(color)) {
                 return enoughDistance.filter((checkColor) => {
-                    const distance = (0, colorCalculateDistance_1.colorCalculateDistance)({ color1: color, color2: checkColor });
+                    const distance = (0, colorCalculateDistance_1.colorCalculateDistance)({ color1: color[1], color2: checkColor[1] });
                     return checkColor === color || (distance && minimalColorDistance <= distance);
                 });
             }
@@ -50,10 +66,8 @@ minimalColorDistance = constants_1.COLORMINDISTANCE, }) {
             }
         }, colorsFromPaletteValues)
         : colorsFromPaletteValues;
-    getEnabledColorsFromPaletteCache.set(configId, colorsFromPaletteWithEnoughDistance.map((color) => {
-        return (0, color_1.default)(color);
-    }));
-    return getEnabledColorsFromPaletteCache.get(configId);
+    getEnabledColorPropertiesFromPaletteCache.set(configId, colorsFromPaletteWithEnoughDistance);
+    return getEnabledColorPropertiesFromPaletteCache.get(configId);
 }
 function getColorcode(text) {
     try {
@@ -101,7 +115,7 @@ function textToColorHash({ text, options = {
         .toString();
 }
 function stringToIntegerHash(inputString) {
-    /* this function is idempotend, meaning it retrieves the same result for the same input
+    /* this function is idempotent, meaning it retrieves the same result for the same input
     no matter how many times it's called */
     // Convert the string to a hash code
     let hashCode = 0;

package/dist/cjs/common/utils/colorHash.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colorHash.js","sourceRoot":"","sources":["../../../../src/common/utils/colorHash.ts"],"names":[],"mappings":";;;;;~~AAwBA~~,~~kEAwDC~~;AA2BD,0CAwCC;~~AAnJD~~,kDAA0B;AAE1B,6DAAwF;AAExF,qEAAkE;AAClE,gFAAwD;AAiBxD,MAAM,gCAAgC,GAAG,IAAI,GAAG,EAAmB,CAAC;~~AAEpE~~,SAAgB,2BAA2B,CAAC,~~EACxC~~,mBAAmB,GAAG,CAAC,QAAQ,CAAC,EAChC,kBAAkB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAC9C,~~wDAAwD~~;~~AACxD~~,oBAAoB,GAAG,4BAAgB,GACnB;IACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5B,mBAAmB;QACnB,kBAAkB;KACrB,CAAC,CAAC;IAEH,IAAI,~~gCAAgC~~,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;~~QACjD~~,OAAO,~~gCAAgC~~,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC;~~IAC3D~~,CAAC;IAED,MAAM,iBAAiB,GAAG,IAAI,6BAAmB,CAAC;QAC9C,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,CAAC,IAAY,EAAE,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,uBAAM,iBAAiB,CAAC,EAAE,CAAC;gBAC/C,uDAAuD;gBACvD,OAAO,KAAK,CAAC;YACjB,CAAC;YACD,yDAAyD;YACzD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,uBAAM,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC5E,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAiB,CAAC;YACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAgB,CAAC;YACpD,OAAO,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtF,CAAC;QACD,gBAAgB,EAAE,~~KAAK~~;~~QACvB~~,YAAY,EAAE,IAAI;KACrB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAEtB,MAAM,uBAAuB,GAAG,MAAM,CAAC,~~MAAM~~,CAAC,iBAAiB,~~CAAa~~,CAAC;~~IAE7E~~,MAAM,mCAAmC,GACrC,oBAAoB,GAAG,CAAC;QACpB,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,~~cAAwB~~,EAAE,~~KAAa~~,EAAE,EAAE;~~YACvE~~,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE;oBACxC,MAAM,QAAQ,GAAG,IAAA,+CAAsB,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;~~oBAC/E~~,OAAO,UAAU,KAAK,KAAK,IAAI,CAAC,QAAQ,IAAI,oBAAoB,IAAI,QAAQ,CAAC,CAAC;gBAClF,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,OAAO,cAAc,CAAC;YAC1B,CAAC;QACL,CAAC,EAAE,uBAAuB,CAAC;QAC7B,CAAC,CAAC,uBAAuB,CAAC;IAElC,~~gCAAgC~~,CAAC,GAAG,~~CAChC~~,QAAQ,~~EACR~~,mCAAmC,CAAC,~~GAAG,~~CAAC~~,CAAC,KAAa,EAAE,EAAE~~;~~QACtD~~,OAAO,~~IAAA~~,~~eAAK,EAAC,KAAK,~~CAAC,~~CAAC;IACxB,CAAC,CAAC,CACL,CAAC;IAEF,OAAO,gCAAgC,CAAC,~~GAAG,CAAC,QAAQ,CAAE,CAAC;~~AAC3D~~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"}
1	+ {"version":3,"file":"colorHash.js","sourceRoot":"","sources":["../../../../src/common/utils/colorHash.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/ColorField/ColorField.js ADDED Viewed

@@ -0,0 +1,114 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorField = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const common_1 = require("../../common");
+const constants_1 = require("../../configuration/constants");
+const ContextOverlay_1 = require("../ContextOverlay");
+const Form_1 = require("../Form");
+const RadioButton_1 = require("../RadioButton/RadioButton");
+const Spacing_1 = require("../Separation/Spacing");
+const Tag_1 = require("../Tag");
+const TextField_1 = require("../TextField");
+const Tooltip_1 = require("../Tooltip/Tooltip");
+const Typography_1 = require("../Typography");
+/**
+ * Color input field that provides resets from the configured color palette.
+ * Use `includeColorWeight` and `includePaletteGroup` to filter them.
+ */
+const ColorField = (_a) => {
+    var { className = "", allowCustomColor = false, colorPresets = listColorPalettePresets(), defaultValue, value, onChange, fullWidth = false } = _a, otherTextFieldProps = __rest(_a, ["className", "allowCustomColor", "colorPresets", "defaultValue", "value", "onChange", "fullWidth"]);
+    const ref = react_1.default.useRef(null);
+    const [colorValue, setColorValue] = react_1.default.useState(defaultValue || value || "#000000");
+    if (value && value !== colorValue) {
+        setColorValue(value);
+    }
+    const disableNativePicker = colorPresets.length > 0;
+    const disabled = (!disableNativePicker && !allowCustomColor) || otherTextFieldProps.disabled;
+    const forwardOnChange = (forwardedEvent) => {
+        setColorValue(forwardedEvent.target.value);
+        if (onChange) {
+            onChange(forwardedEvent);
+        }
+    };
+    const colorInput = (react_1.default.createElement(TextField_1.TextField, Object.assign({ inputRef: ref, className: (0, classnames_1.default)(`${constants_1.CLASSPREFIX}-colorfield`, className, {
+            [`${constants_1.CLASSPREFIX}-colorfield--custom-picker`]: disableNativePicker,
+            [`${constants_1.CLASSPREFIX}-colorfield--disabled`]: disabled,
+        }),
+        // we cannot use `color` type for the custom picker because we do not have control over it then
+        type: !disableNativePicker ? "color" : "text", readOnly: disableNativePicker, disabled: disabled, value: colorValue, fullWidth: fullWidth }, otherTextFieldProps, { onChange: !disableNativePicker
+            ? (e) => {
+                forwardOnChange(e);
+            }
+            : undefined, style: Object.assign(Object.assign({}, otherTextFieldProps.style), { [`--eccgui-colorfield-background`]: colorValue }) })));
+    return disableNativePicker && !disabled ? (react_1.default.createElement(ContextOverlay_1.ContextOverlay, { fill: fullWidth, content: react_1.default.createElement(Typography_1.WhiteSpaceContainer, { paddingTop: "small", paddingRight: "small", paddingBottom: "small", paddingLeft: "small", className: `${constants_1.CLASSPREFIX}-colorfield__picker` },
+            allowCustomColor && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(TextField_1.TextField, { type: "color", value: colorValue, onChange: (e) => {
+                        forwardOnChange(e);
+                    } }),
+                react_1.default.createElement(Spacing_1.Spacing, { size: "small" }))),
+            react_1.default.createElement(Form_1.FieldSet, null,
+                react_1.default.createElement(Tag_1.TagList, { className: `${constants_1.CLASSPREFIX}-colorfield__palette` }, colorPresets.map((color, idx) => [
+                    react_1.default.createElement(RadioButton_1.RadioButton, { key: idx, className: `${constants_1.CLASSPREFIX}-colorfield__palette__color`, hideIndicator: true, value: typeof color[1] === "string" ? color[1] : color[1].toString(), onChange: (e) => {
+                            forwardOnChange(e);
+                        } },
+                        react_1.default.createElement(Tooltip_1.Tooltip, { content: color[0] },
+                            react_1.default.createElement(Tag_1.Tag, { large: true, style: { [`--eccgui-colorfield-palette-color`]: color[1] } }, color[1]))),
+                    // Looks like we cannot force some type of line break in the tag list via CSS only
+                    (idx + 1) % 8 === 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("br", { className: `${constants_1.CLASSPREFIX}-colorfield__palette-linebreak` }))),
+                ])))) }, colorInput)) : (colorInput);
+};
+exports.ColorField = ColorField;
+const defaultColorPaletteSet = {
+    // on default, we only include color weights that can have enough contrasts to black/white
+    includeColorWeight: [100, 300, 700, 900],
+    // on default, we only include layout colors
+    includePaletteGroup: ["layout"],
+};
+/**
+ * Simple helper function to get a list of colors defined in the color palette.
+ */
+const listColorPalettePresets = (colorPaletteSet = defaultColorPaletteSet) => {
+    return common_1.utils
+        .getEnabledColorPropertiesFromPalette(Object.assign(Object.assign({}, colorPaletteSet), { minimalColorDistance: 0 }))
+        .map((color) => [
+        color[0].replace(`${constants_1.CLASSPREFIX}-color-palette-`, ""),
+        color[1],
+    ]);
+};
+exports.ColorField.listColorPalettePresets = listColorPalettePresets;
+/**
+ * Simple helper function that provide simple access to color hash calculation.
+ */
+exports.ColorField.calculateColorHashValue = (text, options = Object.assign(Object.assign({}, defaultColorPaletteSet), { allowCustomColor: false })) => {
+    const hash = common_1.utils.textToColorHash({
+        text,
+        options: {
+            returnValidColorsDirectly: options.allowCustomColor,
+            enabledColors: common_1.utils.getEnabledColorsFromPalette({
+                includePaletteGroup: options.includePaletteGroup,
+                includeColorWeight: options.includeColorWeight,
+                minimalColorDistance: 0,
+            }),
+        },
+    });
+    return hash ? hash : undefined;
+};
+exports.default = exports.ColorField;
+//# sourceMappingURL=ColorField.js.map

package/dist/cjs/components/ColorField/ColorField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/ColorField/ColorField.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/RadioButton/RadioButton.js CHANGED Viewed

@@ -17,10 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButton = void 0;
 const react_1 = __importDefault(require("react"));
 const core_1 = require("@blueprintjs/core");
+const classnames_1 = __importDefault(require("classnames"));
 const constants_1 = require("../../configuration/constants");
 const RadioButton = (_a) => {
-    var { children, className = "" } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(core_1.Radio, Object.assign({}, restProps, { className: `${constants_1.CLASSPREFIX}-radiobutton ` + className }), children));
+    var { children, className = "", hideIndicator = false } = _a, restProps = __rest(_a, ["children", "className", "hideIndicator"]);
+    return (react_1.default.createElement(core_1.Radio, Object.assign({}, restProps, { className: (0, classnames_1.default)(`${constants_1.CLASSPREFIX}-radiobutton`, className, {
+            [`${constants_1.CLASSPREFIX}-radiobutton--hidden-indicator`]: hideIndicator,
+        }) }), children));
 };
 exports.RadioButton = RadioButton;
 exports.default = exports.RadioButton;

package/dist/cjs/components/RadioButton/RadioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAqG;~~AAErG~~,6DAAsE;~~AAI~~/D,MAAM,WAAW,GAAG,CAAC,~~EAA4D~~,EAAE,EAAE;~~QAAhE~~,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAkC,EAA7B,SAAS,~~cAAxC~~,~~yBAA0C~~,CAAF;~~IAChE~~,OAAO,CACH,8BAAC,YAAoB,~~oBAAK~~,SAAS,~~IAAE~~,SAAS,EAAE,GAAG,uBAAM,~~eAAe~~,~~GAAG~~,SAAS,~~KAC/E~~,QAAQ,CACU,CAC1B,CAAC;AACN,CAAC,CAAC;~~AANW~~,QAAA,WAAW,~~eAMtB~~;AAEF,kBAAe,mBAAW,CAAC"}
1	+ {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAqG;AACrG,4DAAoC;AAEpC,6DAAsE;AAU/D,MAAM,WAAW,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,KAAK,OAAkC,EAA7B,SAAS,cAA/D,0CAAiE,CAAF;IACvF,OAAO,CACH,8BAAC,YAAoB,oBACb,SAAS,IACb,SAAS,EAAE,IAAA,oBAAU,EAAC,GAAG,uBAAM,cAAc,EAAE,SAAS,EAAE;YACtD,CAAC,GAAG,uBAAM,gCAAgC,CAAC,EAAE,aAAa;SAC7D,CAAC,KAED,QAAQ,CACU,CAC1B,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,WAAW,eAWtB;AAEF,kBAAe,mBAAW,CAAC"}

package/dist/cjs/components/TextField/useTextValidation.js CHANGED Viewed

@@ -17,17 +17,26 @@ const useTextValidation = ({ value, onChange, invisibleCharacterWarning }) => {
         state.current.detectedCodePoints = new Set();
     }, []);
     const detectionRegex = react_1.default.useMemo(() => characters_1.default.invisibleZeroWidthCharacters.createRegex(), []);
+    const segmenter = react_1.default.useMemo(() => new Intl.Segmenter(undefined, { granularity: "grapheme" }), []);
+    const emojiRegex = react_1.default.useMemo(() => new RegExp("\\p{Extended_Pictographic}|\\u20E3", "u"), []);
     const detectIssues = react_1.default.useCallback((value) => {
-        detectionRegex.lastIndex = 0;
-        let matchArray = detectionRegex.exec(value);
-        while (matchArray) {
-            const codePoint = matchArray[0].codePointAt(0);
-            if (codePoint) {
-                state.current.detectedCodePoints.add(codePoint);
+        for (const { segment } of segmenter.segment(value)) {
+            if (emojiRegex.test(segment)) {
+                // skip emoji clusters since they legitimately contain variation selectors, ZWJ, tags, etc.
+            }
+            else {
+                detectionRegex.lastIndex = 0;
+                let matchArray = detectionRegex.exec(segment);
+                while (matchArray) {
+                    const codePoint = matchArray[0].codePointAt(0);
+                    if (codePoint) {
+                        state.current.detectedCodePoints.add(codePoint);
+                    }
+                    matchArray = detectionRegex.exec(segment);
+                }
             }
-            matchArray = detectionRegex.exec(value);
         }
-    }, [detectionRegex]);
+    }, [detectionRegex, segmenter, emojiRegex]);
     // Checks if the value contains any problematic characters with a small delay.
     const checkValue = react_1.default.useCallback((value) => {
         state.current.detectedCodePoints = new Set();

package/dist/cjs/components/TextField/useTextValidation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTextValidation.js","sourceRoot":"","sources":["../../../../src/components/TextField/useTextValidation.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAkD;AAElD,+EAAkD;AA6BlD,2DAA2D;AACpD,MAAM,iBAAiB,GAAG,CAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAY,EAAE,EAAE;IAC7F,MAAM,QAAQ,GAAG,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,QAAQ,CAAC;IACrD,MAAM,aAAa,GAAG,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,aAAa,CAAC;IAC/D,MAAM,KAAK,GAAG,eAAK,CAAC,MAAM,CAIvB,EAAE,kBAAkB,EAAE,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7D,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,kBAAkB,GAAG,IAAI,GAAG,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,4BAA4B,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IACjG,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CAClC,CAAC,KAAa,EAAQ,EAAE;QACpB,cAAc,CAAC,SAAS,GAAG,CAAC,CAAC;~~QAC7B~~,IAAI,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,~~KAAK~~,CAAC,CAAC;~~QAC5C~~,OAAO,UAAU,EAAE,CAAC;~~YAChB~~,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;~~YAC~~/C,IAAI,SAAS,EAAE,CAAC;~~gBACZ~~,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;~~YACpD~~,CAAC;~~YACD~~,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,~~KAAK~~,CAAC,CAAC;~~QAC5C~~,CAAC;IACL,CAAC,EACD,CAAC,cAAc,CAAC,~~CACnB~~,CAAC;IACF,8EAA8E;IAC9E,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAChC,CAAC,KAA8C,EAAE,EAAE;QAC/C,KAAK,CAAC,OAAO,CAAC,kBAAkB,GAAG,IAAI,GAAG,EAAE,CAAC;QAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,UAAU,EAAE,CAAC;QACjB,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;QAC5D,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,CAAC,CACvC,CAAC;IACF,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACnC,CAAC,KAA8C,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YACvC,OAAO;QACX,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK,CAAC;QACnC,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;gBACvC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,UAAU,EAAE,CAAC;YACjB,CAAC;QACL,CAAC,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,GAAG,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,aAAa,CAAC,CAC1C,CAAC;IACF,gCAAgC;IAChC,MAAM,sBAAsB,GAA0B,eAAK,CAAC,WAAW,CACnE,CAAC,KAAK,EAAE,EAAE;QACN,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAa,CAAC;QACtC,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC7C,aAAa,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,UAAU,EAAE,CAAC;QACjB,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAC,CACxC,CAAC;IACF,sBAAsB;IACtB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACpC,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAChB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC;IACpB,CAAC;SAAM,CAAC;QACJ,OAAO,sBAAsB,CAAC;IAClC,CAAC;AACL,CAAC,CAAC;~~AApFW~~,QAAA,iBAAiB,~~qBAoF5B~~"}
1	+ {"version":3,"file":"useTextValidation.js","sourceRoot":"","sources":["../../../../src/components/TextField/useTextValidation.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/index.js CHANGED Viewed

@@ -23,6 +23,7 @@ __exportStar(require("./Card"), exports);
 __exportStar(require("./Chat"), exports);
 __exportStar(require("./Checkbox/Checkbox"), exports);
 __exportStar(require("./CodeAutocompleteField"), exports);
+__exportStar(require("./ColorField/ColorField"), exports);
 __exportStar(require("./ContentGroup/ContentGroup"), exports);
 __exportStar(require("./ContextOverlay"), exports);
 __exportStar(require("./DecoupledOverlay/DecoupledOverlay"), exports);

package/dist/cjs/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,kDAAgC;AAChC,yCAAuB;AACvB,yCAAuB;AACvB,sDAAoC;AACpC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,sEAAoD;AACpD,wDAAsC;AACtC,2CAAyB;AACzB,mDAAiC;AACjC,yCAAuB;AACvB,yCAAuB;AACvB,8DAA4C;AAC5C,yCAAuB;AACvB,2CAAyB;AACzB,oEAAkD;AAClD,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,yCAAuB;AACvB,sDAAoC;AACpC,iDAA+B;AAC/B,iDAA+B;AAC/B,0DAAwC;AACxC,gDAA8B;AAC9B,sDAAoC;AACpC,4DAA0C;AAC1C,kDAAgC;AAChC,uDAAqC;AACrC,uDAAqC;AACrC,sDAAoC;AACpC,oDAAkC;AAClC,2CAAyB;AACzB,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB;AACtB,8CAA4B;AAC5B,4DAA0C;AAC1C,4CAA0B;AAC1B,oDAAkC;AAClC,8CAA4B;AAC5B,+CAA6B;AAC7B,0DAAwC;AACxC,8CAA4B;AAE5B,+CAA6B"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,kDAAgC;AAChC,yCAAuB;AACvB,yCAAuB;AACvB,sDAAoC;AACpC,0DAAwC;AACxC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,sEAAoD;AACpD,wDAAsC;AACtC,2CAAyB;AACzB,mDAAiC;AACjC,yCAAuB;AACvB,yCAAuB;AACvB,8DAA4C;AAC5C,yCAAuB;AACvB,2CAAyB;AACzB,oEAAkD;AAClD,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,yCAAuB;AACvB,sDAAoC;AACpC,iDAA+B;AAC/B,iDAA+B;AAC/B,0DAAwC;AACxC,gDAA8B;AAC9B,sDAAoC;AACpC,4DAA0C;AAC1C,kDAAgC;AAChC,uDAAqC;AACrC,uDAAqC;AACrC,sDAAoC;AACpC,oDAAkC;AAClC,2CAAyB;AACzB,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB;AACtB,8CAA4B;AAC5B,4DAA0C;AAC1C,4CAA0B;AAC1B,oDAAkC;AAClC,8CAA4B;AAC5B,+CAA6B;AAC7B,0DAAwC;AACxC,8CAA4B;AAE5B,+CAA6B"}

package/dist/cjs/extensions/codemirror/CodeMirror.js CHANGED Viewed

@@ -42,6 +42,7 @@ const state_1 = require("@codemirror/state");
 const view_1 = require("@codemirror/view");
 const codemirror_1 = require("codemirror");
 const Markdown_1 = require("../../cmem/markdown/Markdown");
+const EditorAppearanceConfigMenu_1 = require("./toolbars/EditorAppearanceConfigMenu");
 const markText_1 = require("../../components/AutoSuggestion/extensions/markText");
 const constants_1 = require("../../configuration/constants");
 //hooks
@@ -59,13 +60,29 @@ const ModeLinterMap = new Map([
     ["javascript", [jsLinter_1.jsLinter]],
 ]);
 const ModeToolbarSupport = ["markdown"];
+const defaultAppearanceForModeWithToolbar = new Map([
+    ["markdown", { wrapLines: true, preventLineNumbers: true }]
+]);
+const getDefaultAppearanceForModeWithToolbar = (hasToolbar, mode) => {
+    if (hasToolbar && mode) {
+        return defaultAppearanceForModeWithToolbar.get(mode);
+    }
+    return undefined;
+};
 /**
  * Includes a code editor, currently we use CodeMirror library as base.
  */
 const CodeEditor = (_a) => {
-    var { className, onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers = false, defaultValue = "", readOnly = false, shouldHaveMinimalSetup = true, wrapLines = false, onScroll, setEditorView, supportCodeFolding = false, shouldHighlightActiveLine = false, outerDivAttributes, tabIntentSize = 2, tabIntentStyle = "tab", placeholder, additionalExtensions = [], tabForceSpaceForModes = ["python", "yaml"], enableTab = false, height, useLinting = false, autoFocus = false, disabled = false, intent, useToolbar, translate } = _a, otherCodeEditorProps = __rest(_a, ["className", "onChange", "onSelection", "onMouseDown", "onFocusChange", "onKeyDown", "onCursorChange", "name", "id", "mode", "preventLineNumbers", "defaultValue", "readOnly", "shouldHaveMinimalSetup", "wrapLines", "onScroll", "setEditorView", "supportCodeFolding", "shouldHighlightActiveLine", "outerDivAttributes", "tabIntentSize", "tabIntentStyle", "placeholder", "additionalExtensions", "tabForceSpaceForModes", "enableTab", "height", "useLinting", "autoFocus", "disabled", "intent", "useToolbar", "translate"]);
+    var _b, _c;
+    var { className, onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, wrapLines, defaultValue = "", readOnly = false, shouldHaveMinimalSetup = true, onScroll, setEditorView, supportCodeFolding = false, shouldHighlightActiveLine = false, outerDivAttributes, tabIntentSize = 2, tabIntentStyle = "tab", placeholder, additionalExtensions = [], tabForceSpaceForModes = ["python", "yaml"], enableTab = false, height, useLinting = false, autoFocus = false, disabled = false, intent, useToolbar = false, translate } = _a, otherCodeEditorProps = __rest(_a, ["className", "onChange", "onSelection", "onMouseDown", "onFocusChange", "onKeyDown", "onCursorChange", "name", "id", "mode", "preventLineNumbers", "wrapLines", "defaultValue", "readOnly", "shouldHaveMinimalSetup", "onScroll", "setEditorView", "supportCodeFolding", "shouldHighlightActiveLine", "outerDivAttributes", "tabIntentSize", "tabIntentStyle", "placeholder", "additionalExtensions", "tabForceSpaceForModes", "enableTab", "height", "useLinting", "autoFocus", "disabled", "intent", "useToolbar", "translate"]);
     const parent = (0, react_1.useRef)(undefined);
     const [view, setView] = react_1.default.useState();
+    const defaultAppearanceForModeWithToolbar = getDefaultAppearanceForModeWithToolbar(useToolbar, mode);
+    const [editorAppearance, setEditorAppearance] = react_1.default.useState({
+        // we also set the fallback default here
+        wrapLines: (_b = wrapLines !== null && wrapLines !== void 0 ? wrapLines : defaultAppearanceForModeWithToolbar === null || defaultAppearanceForModeWithToolbar === void 0 ? void 0 : defaultAppearanceForModeWithToolbar.wrapLines) !== null && _b !== void 0 ? _b : false,
+        preventLineNumbers: (_c = preventLineNumbers !== null && preventLineNumbers !== void 0 ? preventLineNumbers : defaultAppearanceForModeWithToolbar === null || defaultAppearanceForModeWithToolbar === void 0 ? void 0 : defaultAppearanceForModeWithToolbar.preventLineNumbers) !== null && _c !== void 0 ? _c : false,
+    });
     const currentView = react_1.default.useRef();
     currentView.current = view;
     const currentReadOnly = react_1.default.useRef(readOnly);
@@ -74,6 +91,8 @@ const CodeEditor = (_a) => {
     currentOnChange.current = onChange;
     const currentDisabled = react_1.default.useRef(disabled);
     currentDisabled.current = disabled;
+    const currentIntent = react_1.default.useRef(intent);
+    currentIntent.current = intent;
     const [showPreview, setShowPreview] = react_1.default.useState(false);
     // CodeMirror Compartments in order to allow for re-configuration after initialization
     const readOnlyCompartment = react_1.default.useRef((0, codemirrorTestHelper_1.compartment)());
@@ -151,8 +170,8 @@ const CodeEditor = (_a) => {
                 }
                 if (onSelection)
                     onSelection(v.state.selection.ranges.filter((r) => !r.empty).map(({ from, to }) => ({ from, to })));
-                if (onFocusChange && intent && !((_a = v.view.dom.classList) === null || _a === void 0 ? void 0 : _a.contains(`${constants_1.CLASSPREFIX}-intent--${intent}`))) {
-                    v.view.dom.classList.add(`${constants_1.CLASSPREFIX}-intent--${intent}`);
+                if (onFocusChange && currentIntent.current && !((_a = v.view.dom.classList) === null || _a === void 0 ? void 0 : _a.contains(`${constants_1.CLASSPREFIX}-intent--${currentIntent.current}`))) {
+                    v.view.dom.classList.add(`${constants_1.CLASSPREFIX}-intent--${currentIntent.current}`);
                 }
                 if (onCursorChange) {
                     const cursorPosition = (_b = v.state.selection.main.head) !== null && _b !== void 0 ? _b : 0;
@@ -167,9 +186,9 @@ const CodeEditor = (_a) => {
                 }
             }),
             shouldHaveMinimalSetupCompartment.current.of(addExtensionsFor(shouldHaveMinimalSetup, codemirror_1.minimalSetup)),
-            preventLineNumbersCompartment.current.of(addExtensionsFor(!preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)())),
+            preventLineNumbersCompartment.current.of(addExtensionsFor(!editorAppearance.preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)())),
             shouldHighlightActiveLineCompartment.current.of(addExtensionsFor(shouldHighlightActiveLine, (0, codemirrorTestHelper_1.adaptedHighlightActiveLine)())),
-            wrapLinesCompartment.current.of(addExtensionsFor(wrapLines, view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping)),
+            wrapLinesCompartment.current.of(addExtensionsFor((editorAppearance.wrapLines), view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping)),
             supportCodeFoldingCompartment.current.of(addExtensionsFor(supportCodeFolding, (0, codemirrorTestHelper_1.adaptedFoldGutter)(), (0, codemirrorTestHelper_1.adaptedCodeFolding)())),
             useLintingCompartment.current.of(addExtensionsFor(useLinting, ...linters)),
             (0, codemirrorTestHelper_1.adaptedSyntaxHighlighting)(language_1.defaultHighlightStyle),
@@ -190,8 +209,8 @@ const CodeEditor = (_a) => {
             if (disabled) {
                 view.dom.classList.add(`${constants_1.CLASSPREFIX}-disabled`);
             }
-            if (intent) {
-                view.dom.className += ` ${constants_1.CLASSPREFIX}-intent--${intent}`;
+            if (currentIntent.current) {
+                view.dom.className += ` ${constants_1.CLASSPREFIX}-intent--${currentIntent.current}`;
             }
             if (autoFocus) {
                 view.focus();
@@ -243,18 +262,22 @@ const CodeEditor = (_a) => {
             }
         }
     }, [disabled]);
+    react_1.default.useEffect(() => {
+        var _a;
+        setEditorAppearance(Object.assign(Object.assign({}, editorAppearance), { preventLineNumbers: (_a = preventLineNumbers !== null && preventLineNumbers !== void 0 ? preventLineNumbers : editorAppearance === null || editorAppearance === void 0 ? void 0 : editorAppearance.preventLineNumbers) !== null && _a !== void 0 ? _a : false }));
+        updateExtension(addExtensionsFor(!editorAppearance.preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)()), preventLineNumbersCompartment.current);
+    }, [preventLineNumbers, editorAppearance.preventLineNumbers]);
+    react_1.default.useEffect(() => {
+        var _a;
+        setEditorAppearance(Object.assign(Object.assign({}, editorAppearance), { wrapLines: (_a = wrapLines !== null && wrapLines !== void 0 ? wrapLines : editorAppearance === null || editorAppearance === void 0 ? void 0 : editorAppearance.wrapLines) !== null && _a !== void 0 ? _a : false }));
+        updateExtension(addExtensionsFor(editorAppearance.wrapLines, view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping), wrapLinesCompartment.current);
+    }, [wrapLines, editorAppearance.wrapLines]);
     react_1.default.useEffect(() => {
         updateExtension(addExtensionsFor(shouldHaveMinimalSetup !== null && shouldHaveMinimalSetup !== void 0 ? shouldHaveMinimalSetup : true, codemirror_1.minimalSetup), shouldHaveMinimalSetupCompartment.current);
     }, [shouldHaveMinimalSetup]);
-    react_1.default.useEffect(() => {
-        updateExtension(addExtensionsFor(!preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)()), preventLineNumbersCompartment.current);
-    }, [preventLineNumbers]);
     react_1.default.useEffect(() => {
         updateExtension(addExtensionsFor(shouldHighlightActiveLine !== null && shouldHighlightActiveLine !== void 0 ? shouldHighlightActiveLine : false, (0, codemirrorTestHelper_1.adaptedHighlightActiveLine)()), shouldHighlightActiveLineCompartment.current);
     }, [shouldHighlightActiveLine]);
-    react_1.default.useEffect(() => {
-        updateExtension(addExtensionsFor(wrapLines !== null && wrapLines !== void 0 ? wrapLines : false, view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping), wrapLinesCompartment.current);
-    }, [wrapLines]);
     react_1.default.useEffect(() => {
         updateExtension(addExtensionsFor(supportCodeFolding !== null && supportCodeFolding !== void 0 ? supportCodeFolding : false, (0, codemirrorTestHelper_1.adaptedFoldGutter)(), (0, codemirrorTestHelper_1.adaptedCodeFolding)()), supportCodeFoldingCompartment.current);
     }, [supportCodeFolding]);
@@ -268,7 +291,10 @@ const CodeEditor = (_a) => {
             case "markdown":
                 return (react_1.default.createElement("div", null,
                     react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-codeeditor__toolbar` },
-                        react_1.default.createElement(markdown_toolbar_1.MarkdownToolbar, { view: view, togglePreviewStatus: () => setShowPreview((p) => !p), showPreview: showPreview, translate: getTranslation, disabled: disabled, readonly: readOnly })),
+                        react_1.default.createElement(markdown_toolbar_1.MarkdownToolbar, { view: view, togglePreviewStatus: () => setShowPreview((p) => !p), showPreview: showPreview, translate: getTranslation, disabled: disabled, readonly: readOnly, configMenu: (react_1.default.createElement(EditorAppearanceConfigMenu_1.EditorAppearanceConfigMenu, { config: Object.assign({}, editorAppearance), configLocked: {
+                                    wrapLines,
+                                    preventLineNumbers,
+                                }, setConfig: setEditorAppearance, configPropertyTranslate: getTranslation })) })),
                     showPreview && (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-codeeditor__preview` },
                         react_1.default.createElement(Markdown_1.Markdown, null, (_a = view === null || view === void 0 ? void 0 : view.state.doc.toString()) !== null && _a !== void 0 ? _a : "")))));
             default: