@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/elements/CodeEditor/CodeEditor.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import EditorImport from '@monaco-editor/react';
 import React, { useState } from 'react';
 import { useTheme } from '../../providers/Theme/index.js';
@@ -10,101 +8,88 @@ import { defaultGlobalEditorOptions, defaultOptions } from './constants.js';
 import './index.scss';
 const Editor = 'default' in EditorImport ? EditorImport.default : EditorImport;
 const baseClass = 'code-editor';
-const CodeEditor = props => {
-  const $ = _c(10);
-  const {
-    className,
-    maxHeight,
-    minHeight,
-    options,
-    readOnly,
-    recalculatedHeightAt,
-    value,
-    ...rest
-  } = props;
-  const MIN_HEIGHT = minHeight ?? 56;
-  const prevCalculatedHeightAt = React.useRef(recalculatedHeightAt);
-  const {
-    insertSpaces,
-    tabSize,
-    trimAutoWhitespace,
-    ...globalEditorOptions
-  } = options || {};
-  const paddingFromProps = options?.padding ? (options.padding.top || 0) + (options.padding?.bottom || 0) : 0;
-  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT);
-  const {
-    theme
-  } = useTheme();
-  const t0 = rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : "";
-  const t1 = readOnly && "read-only";
-  let t2;
-  if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
-    t2 = [baseClass, className, t0, t1].filter(Boolean);
-    $[0] = className;
-    $[1] = t0;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const classes = t2.join(" ");
-  let t3;
-  let t4;
-  if ($[4] !== MIN_HEIGHT || $[5] !== paddingFromProps || $[6] !== recalculatedHeightAt || $[7] !== value) {
-    t3 = () => {
-      if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {
-        setDynamicHeight(value ? Math.max(MIN_HEIGHT, value.split("\n").length * 18 + 2 + paddingFromProps) : MIN_HEIGHT);
-        prevCalculatedHeightAt.current = recalculatedHeightAt;
-      }
-    };
-    t4 = [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt];
-    $[4] = MIN_HEIGHT;
-    $[5] = paddingFromProps;
-    $[6] = recalculatedHeightAt;
-    $[7] = value;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t3 = $[8];
-    t4 = $[9];
-  }
-  React.useEffect(t3, t4);
-  return _jsx(Editor, {
-    className: classes,
-    height: maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight,
-    loading: _jsx(ShimmerEffect, {
-      height: dynamicHeight
-    }),
-    options: {
-      ...defaultGlobalEditorOptions,
-      ...globalEditorOptions,
-      readOnly: Boolean(readOnly),
-      detectIndentation: false,
-      insertSpaces: undefined,
-      tabSize: undefined,
-      trimAutoWhitespace: undefined
-    },
-    theme: theme === "dark" ? "vs-dark" : "vs",
-    value,
-    ...rest,
-    onChange: (value_0, ev) => {
-      rest.onChange?.(value_0, ev);
-      setDynamicHeight(value_0 ? Math.max(MIN_HEIGHT, value_0.split("\n").length * 18 + 2 + paddingFromProps) : MIN_HEIGHT);
-    },
-    onMount: (editor, monaco) => {
-      rest.onMount?.(editor, monaco);
-      const model = editor.getModel();
-      if (model) {
-        model.updateOptions({
-          insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,
-          tabSize: tabSize ?? defaultOptions.tabSize,
-          trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace
-        });
-      }
-      setDynamicHeight(Math.max(MIN_HEIGHT, editor.getValue().split("\n").length * 18 + 2 + paddingFromProps));
-    }
-  });
+const CodeEditor = (props)=>{
+    const { className, maxHeight, minHeight, options, readOnly, recalculatedHeightAt, value, ...rest } = props;
+    const MIN_HEIGHT = minHeight ?? 56;
+    // equivalent to 3 lines
+    const prevCalculatedHeightAt = React.useRef(recalculatedHeightAt);
+    // Extract per-model settings to avoid global conflicts
+    const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {};
+    const paddingFromProps = options?.padding ? (options.padding.top || 0) + (options.padding?.bottom || 0) : 0;
+    const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT);
+    const { theme } = useTheme();
+    const classes = [
+        baseClass,
+        className,
+        rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',
+        readOnly && 'read-only'
+    ].filter(Boolean).join(' ');
+    React.useEffect(()=>{
+        if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {
+            setDynamicHeight(value ? Math.max(MIN_HEIGHT, value.split('\n').length * 18 + 2 + paddingFromProps) : MIN_HEIGHT);
+            prevCalculatedHeightAt.current = recalculatedHeightAt;
+        }
+    }, [
+        value,
+        MIN_HEIGHT,
+        paddingFromProps,
+        recalculatedHeightAt
+    ]);
+    return /*#__PURE__*/ _jsxDEV(Editor, {
+        className: classes,
+        height: maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight,
+        loading: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
+            height: dynamicHeight
+        }, void 0, false, {
+            fileName: "src/elements/CodeEditor/CodeEditor.tsx",
+            lineNumber: 63,
+            columnNumber: 16
+        }, void 0),
+        options: {
+            ...defaultGlobalEditorOptions,
+            ...globalEditorOptions,
+            readOnly: Boolean(readOnly),
+            /**
+         * onMount the model will set:
+         * - insertSpaces
+         * - tabSize
+         * - trimAutoWhitespace
+         */ detectIndentation: false,
+            insertSpaces: undefined,
+            tabSize: undefined,
+            trimAutoWhitespace: undefined
+        },
+        theme: theme === 'dark' ? 'vs-dark' : 'vs',
+        value: value,
+        ...rest,
+        // Since we are not building an IDE and the container
+        // can already have scrolling, we want the height of the
+        // editor to fit its content.
+        // See: https://github.com/microsoft/monaco-editor/discussions/3677
+        onChange: (value, ev)=>{
+            rest.onChange?.(value, ev);
+            setDynamicHeight(value ? Math.max(MIN_HEIGHT, value.split('\n').length * 18 + 2 + paddingFromProps) : MIN_HEIGHT);
+        },
+        onMount: (editor, monaco)=>{
+            rest.onMount?.(editor, monaco);
+            // Set per-model options to avoid global conflicts
+            const model = editor.getModel();
+            if (model) {
+                model.updateOptions({
+                    insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,
+                    tabSize: tabSize ?? defaultOptions.tabSize,
+                    trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace
+                });
+            }
+            setDynamicHeight(Math.max(MIN_HEIGHT, editor.getValue().split('\n').length * 18 + 2 + paddingFromProps));
+        }
+    }, void 0, false, {
+        fileName: "src/elements/CodeEditor/CodeEditor.tsx",
+        lineNumber: 60,
+        columnNumber: 5
+    }, this);
 };
 // eslint-disable-next-line no-restricted-exports
 export default CodeEditor;
+
 //# sourceMappingURL=CodeEditor.js.map

package/dist/elements/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","CodeEditor","props","$","className","maxHeight","minHeight","options","readOnly","recalculatedHeightAt","value","rest","MIN_HEIGHT","prevCalculatedHeightAt","useRef","insertSpaces","tabSize","trimAutoWhitespace","globalEditorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t0","defaultLanguage","t1","t2","filter","Boolean","classes","join","t3","t4","current","Math","max","split","length","useEffect","_jsx","height","min","loading","detectIndentation","undefined","onChange","value_0","ev","onMount","editor","monaco","model","getModel","updateOptions","getValue"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { defaultGlobalEditorOptions, defaultOptions } from './constants.js'\nimport './index.scss'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const {\n    className,\n    maxHeight,\n    minHeight,\n    options,\n    readOnly,\n    recalculatedHeightAt,\n    value,\n    ...rest\n  } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n  const prevCalculatedHeightAt = React.useRef<number | undefined>(recalculatedHeightAt)\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {\n      setDynamicHeight(\n        value\n          ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n          : MIN_HEIGHT,\n      )\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      className={classes}\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        ...defaultGlobalEditorOptions,\n        ...globalEditorOptions,\n        readOnly: Boolean(readOnly),\n        /**\n         * onMount the model will set:\n         * - insertSpaces\n         * - tabSize\n         * - trimAutoWhitespace\n         */\n        detectIndentation: false,\n        insertSpaces: undefined,\n        tabSize: undefined,\n        trimAutoWhitespace: undefined,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      value={value}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(\n          value\n            ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n            : MIN_HEIGHT,\n        )\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,\n            tabSize: tabSize ?? defaultOptions.tabSize,\n            trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(MIN_HEIGHT, editor.getValue().split('\\n').length * 18 + 2 + paddingFromProps),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { defaultGlobalEditorOptions, defaultOptions } from './constants.js'\nimport './index.scss'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const {\n    className,\n    maxHeight,\n    minHeight,\n    options,\n    readOnly,\n    recalculatedHeightAt,\n    value,\n    ...rest\n  } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n  const prevCalculatedHeightAt = React.useRef<number | undefined>(recalculatedHeightAt)\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {\n      setDynamicHeight(\n        value\n          ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n          : MIN_HEIGHT,\n      )\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      className={classes}\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        ...defaultGlobalEditorOptions,\n        ...globalEditorOptions,\n        readOnly: Boolean(readOnly),\n        /**\n         * onMount the model will set:\n         * - insertSpaces\n         * - tabSize\n         * - trimAutoWhitespace\n         */\n        detectIndentation: false,\n        insertSpaces: undefined,\n        tabSize: undefined,\n        trimAutoWhitespace: undefined,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      value={value}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(\n          value\n            ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n            : MIN_HEIGHT,\n        )\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,\n            tabSize: tabSize ?? defaultOptions.tabSize,\n            trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(MIN_HEIGHT, editor.getValue().split('\\n').length * 18 + 2 + paddingFromProps),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"names":["EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","CodeEditor","props","className","maxHeight","minHeight","options","readOnly","recalculatedHeightAt","value","rest","MIN_HEIGHT","prevCalculatedHeightAt","useRef","insertSpaces","tabSize","trimAutoWhitespace","globalEditorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","classes","defaultLanguage","filter","Boolean","join","useEffect","current","Math","max","split","length","height","min","loading","detectIndentation","undefined","onChange","ev","onMount","editor","monaco","model","getModel","updateOptions","getValue"],"mappings":"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"}

package/dist/elements/CodeEditor/constants.js

@@ -1,19 +1,20 @@
 export const defaultOptions = {
-  insertSpaces: false,
-  tabSize: 4,
-  trimAutoWhitespace: false
+    insertSpaces: false,
+    tabSize: 4,
+    trimAutoWhitespace: false
 };
 export const defaultGlobalEditorOptions = {
-  hideCursorInOverviewRuler: true,
-  minimap: {
-    enabled: false
-  },
-  overviewRulerBorder: false,
-  readOnly: false,
-  scrollbar: {
-    alwaysConsumeMouseWheel: false
-  },
-  scrollBeyondLastLine: false,
-  wordWrap: 'on'
+    hideCursorInOverviewRuler: true,
+    minimap: {
+        enabled: false
+    },
+    overviewRulerBorder: false,
+    readOnly: false,
+    scrollbar: {
+        alwaysConsumeMouseWheel: false
+    },
+    scrollBeyondLastLine: false,
+    wordWrap: 'on'
 };
+
 //# sourceMappingURL=constants.js.map

package/dist/elements/CodeEditor/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["defaultOptions","insertSpaces","tabSize","trimAutoWhitespace","defaultGlobalEditorOptions","hideCursorInOverviewRuler","minimap","enabled","overviewRulerBorder","readOnly","scrollbar","alwaysConsumeMouseWheel","scrollBeyondLastLine","wordWrap"],"sources":["../../../src/elements/CodeEditor/constants.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport const defaultOptions: Pick<\n  EditorProps['options'],\n  'insertSpaces' | 'tabSize' | 'trimAutoWhitespace'\n> = {\n  insertSpaces: false,\n  tabSize: 4,\n  trimAutoWhitespace: false,\n}\n\nexport const defaultGlobalEditorOptions: Omit<\n  EditorProps['options'],\n  'detectIndentation' | 'insertSpaces' | 'tabSize' | 'trimAutoWhitespace'\n> = {\n  hideCursorInOverviewRuler: true,\n  minimap: {\n    enabled: false,\n  },\n  overviewRulerBorder: false,\n  readOnly: false,\n  scrollbar: {\n    alwaysConsumeMouseWheel: false,\n  },\n  scrollBeyondLastLine: false,\n  wordWrap: 'on',\n}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAA,GAGT;EACFC,YAAA,EAAc;EACdC,OAAA,EAAS;EACTC,kBAAA,EAAoB;AACtB;AAEA,OAAO,MAAMC,0BAAA,GAGT;EACFC,yBAAA,EAA2B;EAC3BC,OAAA,EAAS;IACPC,OAAA,EAAS;EACX;EACAC,mBAAA,EAAqB;EACrBC,QAAA,EAAU;EACVC,SAAA,EAAW;IACTC,uBAAA,EAAyB;EAC3B;EACAC,oBAAA,EAAsB;EACtBC,QAAA,EAAU;AACZ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/CodeEditor/constants.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport const defaultOptions: Pick<\n  EditorProps['options'],\n  'insertSpaces' | 'tabSize' | 'trimAutoWhitespace'\n> = {\n  insertSpaces: false,\n  tabSize: 4,\n  trimAutoWhitespace: false,\n}\n\nexport const defaultGlobalEditorOptions: Omit<\n  EditorProps['options'],\n  'detectIndentation' | 'insertSpaces' | 'tabSize' | 'trimAutoWhitespace'\n> = {\n  hideCursorInOverviewRuler: true,\n  minimap: {\n    enabled: false,\n  },\n  overviewRulerBorder: false,\n  readOnly: false,\n  scrollbar: {\n    alwaysConsumeMouseWheel: false,\n  },\n  scrollBeyondLastLine: false,\n  wordWrap: 'on',\n}\n"],"names":["defaultOptions","insertSpaces","tabSize","trimAutoWhitespace","defaultGlobalEditorOptions","hideCursorInOverviewRuler","minimap","enabled","overviewRulerBorder","readOnly","scrollbar","alwaysConsumeMouseWheel","scrollBeyondLastLine","wordWrap"],"mappings":"AAEA,OAAO,MAAMA,iBAGT;IACFC,cAAc;IACdC,SAAS;IACTC,oBAAoB;AACtB,EAAC;AAED,OAAO,MAAMC,6BAGT;IACFC,2BAA2B;IAC3BC,SAAS;QACPC,SAAS;IACX;IACAC,qBAAqB;IACrBC,UAAU;IACVC,WAAW;QACTC,yBAAyB;IAC3B;IACAC,sBAAsB;IACtBC,UAAU;AACZ,EAAC"}

package/dist/elements/CodeEditor/index.js

@@ -1,15 +1,27 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { lazy, Suspense } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
-const LazyEditor = /*#__PURE__*/lazy(() => import('./CodeEditor.js'));
-export const CodeEditor = props => {
-  return /*#__PURE__*/_jsx(Suspense, {
-    fallback: /*#__PURE__*/_jsx(ShimmerEffect, {}),
-    children: /*#__PURE__*/_jsx(LazyEditor, {
-      ...props
-    })
-  });
+const LazyEditor = /*#__PURE__*/ lazy(()=>import('./CodeEditor.js'));
+export const CodeEditor = (props)=>{
+    return /*#__PURE__*/ _jsxDEV(Suspense, {
+        fallback: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {}, void 0, false, {
+            fileName: "src/elements/CodeEditor/index.tsx",
+            lineNumber: 14,
+            columnNumber: 25
+        }, void 0),
+        children: /*#__PURE__*/ _jsxDEV(LazyEditor, {
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/CodeEditor/index.tsx",
+            lineNumber: 15,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/CodeEditor/index.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/CodeEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","lazy","Suspense","ShimmerEffect","LazyEditor","CodeEditor","props","_jsx","fallback"],"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  return (\n    <Suspense fallback={<ShimmerEffect />}>\n      <LazyEditor {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,IAAI,EAAEC,QAAQ,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaH,IAAA,CAAK,MAAM,MAAM,CAAC;AAIrC,OAAO,MAAMI,UAAA,GAA+BC,KAAA;EAC1C,oBACEC,IAAA,CAACL,QAAA;IAASM,QAAA,eAAUD,IAAA,CAACJ,aAAA;cACnB,aAAAI,IAAA,CAACH,UAAA;MAAY,GAAGE;;;AAGtB","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  return (\n    <Suspense fallback={<ShimmerEffect />}>\n      <LazyEditor {...props} />\n    </Suspense>\n  )\n}\n"],"names":["React","lazy","Suspense","ShimmerEffect","LazyEditor","CodeEditor","props","fallback"],"mappings":"AAAA;;AACA,OAAOA,SAASC,IAAI,EAAEC,QAAQ,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaH,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMI,aAA8B,CAACC;IAC1C,qBACE,QAACJ;QAASK,wBAAU,QAACJ;;;;;kBACnB,cAAA,QAACC;YAAY,GAAGE,KAAK;;;;;;;;;;;AAG3B,EAAC"}

package/dist/elements/CodeEditor/types.js

@@ -1,2 +1,5 @@
-export {};
+export { }; /**
+   * @default 56 (3 lines)
+   */ 
+
 //# sourceMappingURL=types.js.map

package/dist/elements/CodeEditor/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/CodeEditor/types.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport type Props = {\n  maxHeight?: number\n  /**\n   * @default 56 (3 lines)\n   */\n  minHeight?: number\n  readOnly?: boolean\n  recalculatedHeightAt?: number\n} & EditorProps\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/CodeEditor/types.ts"],"sourcesContent":["import type { EditorProps } from '@monaco-editor/react'\n\nexport type Props = {\n  maxHeight?: number\n  /**\n   * @default 56 (3 lines)\n   */\n  minHeight?: number\n  readOnly?: boolean\n  recalculatedHeightAt?: number\n} & EditorProps\n"],"names":[],"mappings":"AAEA,WAQe,CANb;;GAEC"}