@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

package/dist/elements/CloseModalOnRouteChange/index.js

@@ -1,25 +1,51 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { usePathname } from 'next/navigation.js';
 import { useEffect, useRef } from 'react';
 import { useEffectEvent } from '../../hooks/useEffectEvent.js';
 export function CloseModalOnRouteChange() {
-    const { closeAllModals } = useModal();
-    const pathname = usePathname();
-    const closeAllModalsEffectEvent = useEffectEvent(()=>{
-        closeAllModals();
-    });
-    const initialRenderRef = useRef(true);
-    useEffect(()=>{
-        if (initialRenderRef.current) {
-            initialRenderRef.current = false;
-            return;
-        }
-        closeAllModalsEffectEvent();
-    }, [
-        pathname
-    ]);
-    return null;
+  const $ = _c(6);
+  const {
+    closeAllModals
+  } = useModal();
+  const pathname = usePathname();
+  let t0;
+  if ($[0] !== closeAllModals) {
+    t0 = () => {
+      closeAllModals();
+    };
+    $[0] = closeAllModals;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const closeAllModalsEffectEvent = useEffectEvent(t0);
+  const initialRenderRef = useRef(true);
+  let t1;
+  if ($[2] !== closeAllModalsEffectEvent) {
+    t1 = () => {
+      if (initialRenderRef.current) {
+        initialRenderRef.current = false;
+        return;
+      }
+      closeAllModalsEffectEvent();
+    };
+    $[2] = closeAllModalsEffectEvent;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== pathname) {
+    t2 = [pathname];
+    $[4] = pathname;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  return null;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CloseModalOnRouteChange/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { usePathname } from 'next/navigation.js'\nimport { useEffect, useRef } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\nexport function CloseModalOnRouteChange() {\n  const { closeAllModals } = useModal()\n  const pathname = usePathname()\n\n  const closeAllModalsEffectEvent = useEffectEvent(() => {\n    closeAllModals()\n  })\n\n  const initialRenderRef = useRef(true)\n\n  useEffect(() => {\n    if (initialRenderRef.current) {\n      initialRenderRef.current = false\n      return\n    }\n\n    closeAllModalsEffectEvent()\n  }, [pathname])\n\n  return null\n}\n"],"names":["useModal","usePathname","useEffect","useRef","useEffectEvent","CloseModalOnRouteChange","closeAllModals","pathname","closeAllModalsEffectEvent","initialRenderRef","current"],"mappings":"AAAA;AAEA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,SAASC,cAAc,QAAQ,gCAA+B;AAE9D,OAAO,SAASC;IACd,MAAM,EAAEC,cAAc,EAAE,GAAGN;IAC3B,MAAMO,WAAWN;IAEjB,MAAMO,4BAA4BJ,eAAe;QAC/CE;IACF;IAEA,MAAMG,mBAAmBN,OAAO;IAEhCD,UAAU;QACR,IAAIO,iBAAiBC,OAAO,EAAE;YAC5BD,iBAAiBC,OAAO,GAAG;YAC3B;QACF;QAEAF;IACF,GAAG;QAACD;KAAS;IAEb,OAAO;AACT"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","usePathname","useEffect","useRef","useEffectEvent","CloseModalOnRouteChange","$","closeAllModals","pathname","t0","closeAllModalsEffectEvent","initialRenderRef","t1","current","t2"],"sources":["../../../src/elements/CloseModalOnRouteChange/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { usePathname } from 'next/navigation.js'\nimport { useEffect, useRef } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\nexport function CloseModalOnRouteChange() {\n  const { closeAllModals } = useModal()\n  const pathname = usePathname()\n\n  const closeAllModalsEffectEvent = useEffectEvent(() => {\n    closeAllModals()\n  })\n\n  const initialRenderRef = useRef(true)\n\n  useEffect(() => {\n    if (initialRenderRef.current) {\n      initialRenderRef.current = false\n      return\n    }\n\n    closeAllModalsEffectEvent()\n  }, [pathname])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC,SAASC,cAAc,QAAQ;AAE/B,OAAO,SAAAC,wBAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACL;IAAAQ;EAAA,IAA2BP,QAAA;EAC3B,MAAAQ,QAAA,GAAiBP,WAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAC,cAAA;IAEgCE,EAAA,GAAAA,CAAA;MAC/CF,cAAA;IAAA;IACFD,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA,MAAAI,yBAAA,GAAkCN,cAAA,CAAeK,EAEjD;EAEA,MAAAE,gBAAA,GAAyBR,MAAA,KAAO;EAAA,IAAAS,EAAA;EAAA,IAAAN,CAAA,QAAAI,yBAAA;IAEtBE,EAAA,GAAAA,CAAA;MAAA,IACJD,gBAAA,CAAAE,OAAA;QACFF,gBAAA,CAAAE,OAAA;QAAA;MAAA;MAIFH,yBAAA;IAAA;IACFJ,CAAA,MAAAI,yBAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA;IAAGM,EAAA,IAACN,QAAA;IAASF,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAPbJ,SAAA,CAAUU,EAOV,EAAGE,EAAU;EAAA;AAAA","ignoreList":[]}

package/dist/elements/CodeEditor/CodeEditor.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import EditorImport from '@monaco-editor/react';
 import React, { useState } from 'react';
 import { useTheme } from '../../providers/Theme/index.js';
@@ -8,88 +10,101 @@ 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 { 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);
+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));
+    }
+  });
 };
 // 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,"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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"}
+{"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":[]}

package/dist/elements/CodeEditor/constants.js

@@ -1,20 +1,19 @@
 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,"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"}
+{"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":[]}

package/dist/elements/CodeEditor/index.js

@@ -1,27 +1,15 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-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__*/ _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);
+const LazyEditor = /*#__PURE__*/lazy(() => import('./CodeEditor.js'));
+export const CodeEditor = props => {
+  return /*#__PURE__*/_jsx(Suspense, {
+    fallback: /*#__PURE__*/_jsx(ShimmerEffect, {}),
+    children: /*#__PURE__*/_jsx(LazyEditor, {
+      ...props
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

package/dist/elements/CodeEditor/types.js

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

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}