@ultraviolet/plus 0.1.3 → 0.2.1

package/dist/components/CodeEditor/CodeEditor.js

@@ -0,0 +1,58 @@
+import _styled from '@emotion/styled/base';
+import { langs } from '@uiw/codemirror-extensions-langs';
+import { material } from '@uiw/codemirror-theme-material';
+import CodeMirror from '@uiw/react-codemirror';
+import { Text } from '@ultraviolet/ui';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+const StyledText = /*#__PURE__*/_styled(Text, {
+  target: "e13pskxy0"
+})("background-color:", _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral.backgroundStrong;
+}, ";padding:", _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return `${theme.space['1']} ${theme.space['2']}`;
+}, ";border-radius:", _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.radii.default;
+}, ";width:100%;");
+const CodeEditor = _ref4 => {
+  let {
+    title,
+    value,
+    onChange,
+    extensions = 'javascript',
+    onBlur,
+    height,
+    readOnly
+  } = _ref4;
+  return jsxs("div", {
+    children: [title ? jsx(StyledText, {
+      as: "h3",
+      variant: "headingSmall",
+      children: title
+    }) : null, jsx(CodeMirror, {
+      readOnly: readOnly,
+      width: "100%",
+      height: height,
+      theme: material,
+      onChange: onChange,
+      value: value,
+      extensions: [langs[extensions]()],
+      onBlur: onBlur,
+      basicSetup: {
+        highlightActiveLine: false,
+        highlightActiveLineGutter: false
+      }
+    })]
+  });
+};
+
+export { CodeEditor };

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 import * as react from 'react';
-import { ReactNode, MouseEventHandler } from 'react';
+import { ReactNode, MouseEventHandler, ComponentProps } from 'react';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { langs } from '@uiw/codemirror-extensions-langs';
+import CodeMirror from '@uiw/react-codemirror';
 
 type ContentCardProps = {
     direction?: 'row' | 'column';
@@ -33,4 +36,15 @@ type ContentCardProps = {
  */
 declare const ContentCard: react.ForwardRefExoticComponent<ContentCardProps & react.RefAttributes<HTMLAnchorElement & HTMLButtonElement & HTMLDivElement>>;
 
-export { ContentCard };
+type CodeEditorProps = {
+    title?: string;
+    value: string;
+    onChange: ComponentProps<typeof CodeMirror>['onChange'];
+    extensions: keyof typeof langs;
+    onBlur?: () => void;
+    height?: string;
+    readOnly?: boolean;
+};
+declare const CodeEditor: ({ title, value, onChange, extensions, onBlur, height, readOnly, }: CodeEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+export { CodeEditor, ContentCard };

package/dist/index.js

@@ -1 +1,2 @@
 export { ContentCard } from './components/ContentCard/index.js';
+export { CodeEditor } from './components/CodeEditor/CodeEditor.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -38,21 +38,26 @@
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.0",
+    "@babel/core": "7.23.2",
     "@emotion/babel-plugin": "11.11.0",
-    "@types/react": "18.2.25",
-    "@types/react-dom": "18.2.10",
-    "@ultraviolet/icons": "2.4.0"
+    "@types/react": "18.2.28",
+    "@types/react-dom": "18.2.13",
+    "@ultraviolet/icons": "2.4.1"
   },
   "dependencies": {
     "@formatjs/ecma402-abstract": "1.17.2",
     "@formatjs/fast-memoize": "2.2.0",
+    "@uiw/codemirror-extensions-langs": "4.21.20",
+    "@uiw/codemirror-theme-material": "4.21.20",
+    "@uiw/react-codemirror": "4.21.20",
     "deepmerge": "4.3.1",
-    "international-types": "0.8.0",
-    "intl-messageformat": "10.5.3",
+    "intl-messageformat": "10.5.4",
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.2",
     "@ultraviolet/themes": "1.2.1",
-    "@ultraviolet/ui": "1.19.0"
+    "@ultraviolet/ui": "1.20.1"
+  },
+  "scripts": {
+    "build": "rollup -c ../../rollup.config.mjs"
   }
 }