@synerise/ds-code-area 0.5.9 → 0.6.1

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.
 
+## [0.6.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@0.6.0...@synerise/ds-code-area@0.6.1) (2025-03-04)
+
+**Note:** Version bump only for package @synerise/ds-code-area
+
+
+
+
+
+# [0.6.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@0.5.9...@synerise/ds-code-area@0.6.0) (2025-03-03)
+
+
+### Features
+
+* **code-area:** pass loader config via prop ([20d5bd2](https://github.com/Synerise/synerise-design/commit/20d5bd2e624a67c1a00111730b56819317970b0e))
+
+
+
+
+
 ## [0.5.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@0.5.8...@synerise/ds-code-area@0.5.9) (2025-02-27)
 
 **Note:** Version bump only for package @synerise/ds-code-area

package/dist/CodeArea.types.d.ts

@@ -1,5 +1,5 @@
 import type monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import type { EditorProps } from '@monaco-editor/react';
+import type { EditorProps, loader } from '@monaco-editor/react';
 import type { ReactNode, CSSProperties } from 'react';
 import type { TooltipProps } from 'antd/lib/tooltip';
 import TooltipExtendedProps from '@synerise/ds-tooltip/dist/Tooltip.types';
@@ -41,6 +41,7 @@ export type CodeAreaCommonProps<SyntaxName extends CodeAreaSyntax = CodeAreaSynt
         isValid?: boolean;
     }) => ReactNode;
     onSyntaxChange?: (newSyntax: SyntaxName) => void;
+    loaderConfig?: Parameters<typeof loader.config>[0];
 };
 export type CodeAreaEditorProps<SyntaxName extends CodeAreaSyntax = CodeAreaSyntax> = CodeAreaCommonProps<SyntaxName> & {
     fullscreenLabel?: ReactNode;

package/dist/components/CodeAreaEditorRaw.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { 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, ...props }: CodeAreaEditorRawProps) => React.JSX.Element;
+export declare const CodeAreaEditorRaw: ({ onMount, beforeMount, options, errorText, texts, allowFullscreen, toggleFullscreen, renderFooterContent, isFullscreen, count, counterLimit, onChange, isValid, onDidChangeMarkers, isSyntaxSelectVisible, syntaxOptions, currentSyntax, readOnly, onSyntaxChange, loaderConfig, ...props }: CodeAreaEditorRawProps) => React.JSX.Element;
 export default CodeAreaEditorRaw;

package/dist/components/CodeAreaEditorRaw.js

@@ -1,8 +1,8 @@
-var _excluded = ["onMount", "beforeMount", "options", "errorText", "texts", "allowFullscreen", "toggleFullscreen", "renderFooterContent", "isFullscreen", "count", "counterLimit", "onChange", "isValid", "onDidChangeMarkers", "isSyntaxSelectVisible", "syntaxOptions", "currentSyntax", "readOnly", "onSyntaxChange"];
+var _excluded = ["onMount", "beforeMount", "options", "errorText", "texts", "allowFullscreen", "toggleFullscreen", "renderFooterContent", "isFullscreen", "count", "counterLimit", "onChange", "isValid", "onDidChangeMarkers", "isSyntaxSelectVisible", "syntaxOptions", "currentSyntax", "readOnly", "onSyntaxChange", "loaderConfig"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import Editor from '@monaco-editor/react';
+import Editor, { loader } from '@monaco-editor/react';
 import Loader from '@synerise/ds-loader';
 import { InlineSelect } from '@synerise/ds-inline-edit';
 import { NOOP, useResizeObserver } from '@synerise/ds-utils';
@@ -31,8 +31,10 @@ export var CodeAreaEditorRaw = function CodeAreaEditorRaw(_ref) {
     currentSyntax = _ref.currentSyntax,
     readOnly = _ref.readOnly,
     onSyntaxChange = _ref.onSyntaxChange,
+    loaderConfig = _ref.loaderConfig,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var monacoRef = useRef(null);
+  var loaderConfigSet = useRef(false);
   var editorRef = useRef(null);
   var wrapperRef = useRef(null);
   var _useResizeObserver = useResizeObserver(wrapperRef),
@@ -41,6 +43,10 @@ export var CodeAreaEditorRaw = function CodeAreaEditorRaw(_ref) {
   var monacoAriaContainerElement = useMemo(function () {
     return document.createElement('div');
   }, []);
+  if (loaderConfig && !loaderConfigSet.current) {
+    loader.config(loaderConfig);
+    loaderConfigSet.current = true;
+  }
   var editorOptions = useMemo(function () {
     return _extends({}, MONACO_DEFAULT_OPTIONS, options, {
       readOnly: readOnly,

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './CodeArea';
 export type { CodeAreaProps, CodeAreaTexts, CodeAreaSyntaxOption, CodeAreaSyntax } from './CodeArea.types';
+export * from './CodeArea.styles';

package/dist/index.js

@@ -1 +1,2 @@
-export { default } from './CodeArea';
+export { default } from './CodeArea';
+export * from './CodeArea.styles';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-code-area",
-  "version": "0.5.9",
+  "version": "0.6.1",
   "description": "CodeArea UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,15 +35,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@monaco-editor/react": "4.4.6",
-    "@synerise/ds-button": "^0.23.2",
+    "@synerise/ds-button": "^0.23.3",
     "@synerise/ds-core": "^0.43.1",
-    "@synerise/ds-icon": "^0.71.2",
-    "@synerise/ds-inline-edit": "^0.10.9",
-    "@synerise/ds-input": "^0.25.7",
-    "@synerise/ds-tooltip": "^0.16.1",
-    "@synerise/ds-typography": "^0.17.5",
-    "@synerise/ds-utils": "^0.32.2",
-    "monaco-editor": "0.34.1"
+    "@synerise/ds-icon": "^0.72.0",
+    "@synerise/ds-inline-edit": "^0.10.10",
+    "@synerise/ds-input": "^0.25.8",
+    "@synerise/ds-tooltip": "^0.16.2",
+    "@synerise/ds-typography": "^0.17.6",
+    "@synerise/ds-utils": "^0.32.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -52,5 +51,8 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "7b1edcd256eb34848761e3649a8c21a411966a98"
+  "devDependencies": {
+    "monaco-editor": "0.34.1"
+  },
+  "gitHead": "c5a647bd7a24a2c9294e781b2b69223e8543859f"
 }