@pushwoosh/dumb-components 1.1.214 → 1.1.215

package/CodeEditor/CodeEditor.d.ts

@@ -6,4 +6,4 @@ import { type CodeEditorProps } from './types';
  * @example
  * <CodeEditor value={code} extensions={json} onChange={setCode} height="200px" />
  */
-export declare const CodeEditor: ({ value, onChange, readOnly, width, height, onBlur, extensions, themeOptions, hasError, placeholder, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeEditor: ({ value, onChange, readOnly, width, height, onBlur, extensions, themeOptions, hasError, placeholder, wrapText, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;

package/CodeEditor/CodeEditor.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import createTheme from '@uiw/codemirror-themes';
+import { EditorView } from '@uiw/react-codemirror';
+import { useMemo } from 'react';
 import { defaultTheme } from './constants';
 import { CodeMirrorStyled } from './styles';
 /**
@@ -19,8 +21,10 @@ export const CodeEditor = ({
   extensions,
   themeOptions,
   hasError,
-  placeholder
+  placeholder,
+  wrapText
 }) => {
+  const resolvedExtensions = useMemo(() => wrapText ? [extensions, EditorView.lineWrapping] : extensions, [extensions, wrapText]);
   return _jsx(CodeMirrorStyled, {
     value: value,
     theme: themeOptions ? createTheme(themeOptions) : defaultTheme,
@@ -29,7 +33,7 @@ export const CodeEditor = ({
     onBlur: onBlur,
     width: width,
     height: height,
-    extensions: extensions,
+    extensions: resolvedExtensions,
     placeholder: placeholder,
     "$danger": hasError
   });

package/CodeEditor/types.d.ts

@@ -16,6 +16,8 @@ export type CodeEditorProps = {
     extensions: Extension[];
     /** Placeholder shown when empty. */
     placeholder?: string;
+    /** Soft-wrap long lines instead of scrolling horizontally. */
+    wrapText?: boolean;
     /** Theme overrides; defaults to the built-in theme when omitted. */
     themeOptions?: CreateThemeOptions;
     /** Fires with the new content and the CodeMirror `ViewUpdate` on every edit. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.214",
+  "version": "1.1.215",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",