@synerise/ds-code-area 1.2.8 → 1.2.10

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@1.2.9...@synerise/ds-code-area@1.2.10) (2025-11-06)
+
+**Note:** Version bump only for package @synerise/ds-code-area
+
+
+
+
+
+## [1.2.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@1.2.8...@synerise/ds-code-area@1.2.9) (2025-10-31)
+
+
+### Bug Fixes
+
+* **code-area:** footer content rendering fixed ([543415e](https://github.com/Synerise/synerise-design/commit/543415e2d1ad9c427e019c8eaf0df004f5e9dcac))
+
+
+
+
+
 ## [1.2.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@1.2.7...@synerise/ds-code-area@1.2.8) (2025-10-22)
 
 **Note:** Version bump only for package @synerise/ds-code-area

package/dist/CodeArea.js

@@ -22,12 +22,11 @@ var CodeArea = function CodeArea(_ref) {
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CodeAreaEditor, _extends({}, codeAreaProps, {
     toggleFullscreen: toggleFullscreen,
-    isFullscreen: false
-  })), /*#__PURE__*/React.createElement("div", {
+    isFullscreen: false,
     ref: wrapperRef
-  }, wrapperRef.current && isFullscreen && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(CodeAreaEditor, _extends({}, codeAreaProps, {
+  })), wrapperRef.current && isFullscreen && /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(CodeAreaEditor, _extends({}, codeAreaProps, {
     toggleFullscreen: toggleFullscreen,
     isFullscreen: isFullscreen
-  })), getPopupContainer(wrapperRef.current))));
+  })), getPopupContainer(wrapperRef.current)));
 };
 export default CodeArea;

package/dist/CodeArea.types.d.ts

@@ -62,6 +62,7 @@ export type CodeAreaProps<SyntaxName extends CodeAreaSyntax = CodeAreaSyntax> =
 export type CodeAreaEditorRawProps<SyntaxName extends CodeAreaSyntax = CodeAreaSyntax> = CodeAreaCommonProps<SyntaxName> & {
     isValid: boolean;
     isSyntaxSelectVisible?: boolean;
+    isBottomBarShowing?: boolean;
     onDidChangeMarkers?: (markers: editor.IMarker[]) => void;
     counterLimit?: number;
     count?: number;

package/dist/components/CodeAreaEditor.d.ts

@@ -1,4 +1,41 @@
 import React from 'react';
-import { type CodeAreaEditorProps } from '../CodeArea.types';
-export declare const CodeAreaEditor: ({ renderAdditionalDescription, description, errorText, style, zIndex, className, counter, fullscreenLabel, tooltip, label, tooltipProps, height, ...props }: CodeAreaEditorProps) => React.JSX.Element;
+export declare const CodeAreaEditor: React.ForwardRefExoticComponent<Omit<import("@monaco-editor/react").EditorProps, "height" | "language"> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    texts?: Partial<import("../CodeArea.types").CodeAreaTexts>;
+    counter?: {
+        limit: number;
+        placement?: "bottom" | "top";
+    };
+    errorText?: React.ReactNode;
+    syntaxOptions?: import("../CodeArea.types").CodeAreaSyntaxOption<string>[] | undefined;
+    currentSyntax: string;
+    allowFullscreen?: boolean;
+    isFullscreen: boolean;
+    placeholder?: React.ReactNode;
+    toggleFullscreen: () => void;
+    value?: string;
+    defaultValue?: string;
+    readOnly?: boolean;
+    tooltip?: React.ReactNode;
+    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
+    style?: React.CSSProperties;
+    zIndex?: string | number;
+    height?: string | number;
+    className?: string;
+    renderFooterContent?: (props: {
+        isFullscreen?: boolean;
+        count?: number;
+        isValid?: boolean;
+    }) => React.ReactNode;
+    onSyntaxChange?: ((newSyntax: string) => void) | undefined;
+    loaderConfig?: Parameters<typeof import("@monaco-editor/react").loader.config>[0];
+} & {
+    fullscreenLabel?: React.ReactNode;
+    renderAdditionalDescription?: (props: {
+        isFullscreen?: boolean;
+        count?: number;
+        isValid?: boolean;
+    }) => React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 export default CodeAreaEditor;

package/dist/components/CodeAreaEditor.js

@@ -1,7 +1,7 @@
 var _excluded = ["renderAdditionalDescription", "description", "errorText", "style", "zIndex", "className", "counter", "fullscreenLabel", "tooltip", "label", "tooltipProps", "height"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FormFieldLabel } from '@synerise/ds-form-field';
 import { useResizeObserver } from '@synerise/ds-utils';
 import * as S from '../CodeArea.styles';
@@ -12,7 +12,7 @@ import { CodeAreaEditorRaw } from './CodeAreaEditorRaw';
 import { ContentAbove } from './ContentAbove';
 import { ContentBelow } from './ContentBelow';
 import { FullscreenHeader } from './FullscreenHeader';
-export var CodeAreaEditor = function CodeAreaEditor(_ref) {
+export var CodeAreaEditor = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var renderAdditionalDescription = _ref.renderAdditionalDescription,
     description = _ref.description,
     errorText = _ref.errorText,
@@ -74,6 +74,7 @@ export var CodeAreaEditor = function CodeAreaEditor(_ref) {
   var requiredSpace = isFullscreen ? calculateRequiredSpace(isBottomBarShowing, contentBelowHeight) : 0;
   var allTexts = getDefaultTexts(texts);
   return /*#__PURE__*/React.createElement(S.CodeAreaWrapper, {
+    ref: forwardedRef,
     readOnly: !!readOnly,
     requiredSpace: requiredSpace,
     className: className,
@@ -94,6 +95,7 @@ export var CodeAreaEditor = function CodeAreaEditor(_ref) {
     errorText: errorText,
     count: count,
     counterLimit: counterLimit,
+    isBottomBarShowing: isBottomBarShowing,
     isSyntaxSelectVisible: isSyntaxSelectVisible,
     isValid: isValid
   })), /*#__PURE__*/React.createElement(ContentBelow, {
@@ -103,5 +105,5 @@ export var CodeAreaEditor = function CodeAreaEditor(_ref) {
     additionalDescription: additionalDescription,
     counter: renderCounter(!isFullscreen ? 'bottom' : undefined)
   })));
-};
+});
 export default CodeAreaEditor;

package/dist/components/CodeAreaEditorRaw.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type CodeAreaEditorRawProps } from '../CodeArea.types';
-export declare const CodeAreaEditorRaw: ({ onMount, beforeMount, options, errorText, texts, allowFullscreen, toggleFullscreen, renderFooterContent, isFullscreen, count, counterLimit, onChange, isValid, onDidChangeMarkers, isSyntaxSelectVisible, syntaxOptions, currentSyntax, readOnly, onSyntaxChange, loaderConfig, placeholder, value, defaultValue, ...props }: CodeAreaEditorRawProps) => React.JSX.Element;
+export declare const CodeAreaEditorRaw: ({ onMount, beforeMount, options, errorText, texts, allowFullscreen, toggleFullscreen, renderFooterContent, isBottomBarShowing, isFullscreen, count, counterLimit, onChange, isValid, onDidChangeMarkers, isSyntaxSelectVisible, syntaxOptions, currentSyntax, readOnly, onSyntaxChange, loaderConfig, placeholder, value, defaultValue, ...props }: CodeAreaEditorRawProps) => React.JSX.Element;
 export default CodeAreaEditorRaw;

package/dist/components/CodeAreaEditorRaw.js

@@ -1,4 +1,4 @@
-var _excluded = ["onMount", "beforeMount", "options", "errorText", "texts", "allowFullscreen", "toggleFullscreen", "renderFooterContent", "isFullscreen", "count", "counterLimit", "onChange", "isValid", "onDidChangeMarkers", "isSyntaxSelectVisible", "syntaxOptions", "currentSyntax", "readOnly", "onSyntaxChange", "loaderConfig", "placeholder", "value", "defaultValue"];
+var _excluded = ["onMount", "beforeMount", "options", "errorText", "texts", "allowFullscreen", "toggleFullscreen", "renderFooterContent", "isBottomBarShowing", "isFullscreen", "count", "counterLimit", "onChange", "isValid", "onDidChangeMarkers", "isSyntaxSelectVisible", "syntaxOptions", "currentSyntax", "readOnly", "onSyntaxChange", "loaderConfig", "placeholder", "value", "defaultValue"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -20,6 +20,7 @@ export var CodeAreaEditorRaw = function CodeAreaEditorRaw(_ref) {
     allowFullscreen = _ref.allowFullscreen,
     toggleFullscreen = _ref.toggleFullscreen,
     renderFooterContent = _ref.renderFooterContent,
+    isBottomBarShowing = _ref.isBottomBarShowing,
     isFullscreen = _ref.isFullscreen,
     count = _ref.count,
     counterLimit = _ref.counterLimit,
@@ -142,7 +143,6 @@ export var CodeAreaEditorRaw = function CodeAreaEditorRaw(_ref) {
       currentModel && ((_monacoRef$current = monacoRef.current) == null ? void 0 : _monacoRef$current.editor.setModelLanguage(currentModel, currentSyntax));
     }
   }, [currentSyntax]);
-  var isBottomBarShowing = Boolean(isSyntaxSelectVisible || allowFullscreen && !isFullscreen);
   var shouldShowPlaceholder = useMemo(function () {
     return isTouched && !value || !value && !defaultValue;
   }, [defaultValue, isTouched, value]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-code-area",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "description": "CodeArea UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -36,14 +36,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@monaco-editor/react": "4.4.6",
-    "@synerise/ds-button": "^1.4.16",
-    "@synerise/ds-core": "^1.7.1",
-    "@synerise/ds-form-field": "^1.1.18",
-    "@synerise/ds-icon": "^1.7.3",
-    "@synerise/ds-inline-edit": "^1.0.37",
+    "@synerise/ds-button": "^1.5.0",
+    "@synerise/ds-core": "^1.8.0",
+    "@synerise/ds-form-field": "^1.1.19",
+    "@synerise/ds-icon": "^1.8.0",
+    "@synerise/ds-inline-edit": "^1.1.0",
     "@synerise/ds-loader": "^1.0.10",
-    "@synerise/ds-tooltip": "^1.2.1",
-    "@synerise/ds-typography": "^1.0.22",
+    "@synerise/ds-tooltip": "^1.3.0",
+    "@synerise/ds-typography": "^1.0.23",
     "@synerise/ds-utils": "^1.5.0"
   },
   "peerDependencies": {
@@ -56,5 +56,5 @@
   "devDependencies": {
     "monaco-editor": "0.34.1"
   },
-  "gitHead": "a40fca2cc78eda64afa96d18dc4d177538a22404"
+  "gitHead": "cbbb7d9f155735bcc4035d8fd8a7813878d6e051"
 }