@payloadcms/ui 3.56.0-internal.72f4fd2 → 3.57.0-canary.0

package/dist/elements/CodeEditor/CodeEditor.js

@@ -6,86 +6,199 @@ import EditorImport from '@monaco-editor/react';
 import React, { useState } from 'react';
 import { useTheme } from '../../providers/Theme/index.js';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
+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(4);
-  const {
-    className,
-    maxHeight,
-    minHeight,
-    options,
-    readOnly,
-    ...rest
-  } = props;
+  const $ = _c(51);
+  let className;
+  let maxHeight;
+  let minHeight;
+  let options;
+  let readOnly;
+  let recalculatedHeightAt;
+  let rest;
+  let value;
+  if ($[0] !== props) {
+    ({
+      className,
+      maxHeight,
+      minHeight,
+      options,
+      readOnly,
+      recalculatedHeightAt,
+      value,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = className;
+    $[2] = maxHeight;
+    $[3] = minHeight;
+    $[4] = options;
+    $[5] = readOnly;
+    $[6] = recalculatedHeightAt;
+    $[7] = rest;
+    $[8] = value;
+  } else {
+    className = $[1];
+    maxHeight = $[2];
+    minHeight = $[3];
+    options = $[4];
+    readOnly = $[5];
+    recalculatedHeightAt = $[6];
+    rest = $[7];
+    value = $[8];
+  }
   const MIN_HEIGHT = minHeight ?? 56;
-  const {
-    insertSpaces,
-    tabSize,
-    trimAutoWhitespace,
-    ...editorOptions
-  } = options || {};
+  const prevCalculatedHeightAt = React.useRef(recalculatedHeightAt);
+  let t0;
+  if ($[9] !== options) {
+    t0 = options || {};
+    $[9] = options;
+    $[10] = t0;
+  } else {
+    t0 = $[10];
+  }
+  let globalEditorOptions;
+  let insertSpaces;
+  let tabSize;
+  let trimAutoWhitespace;
+  if ($[11] !== t0) {
+    ({
+      insertSpaces,
+      tabSize,
+      trimAutoWhitespace,
+      ...globalEditorOptions
+    } = t0);
+    $[11] = t0;
+    $[12] = globalEditorOptions;
+    $[13] = insertSpaces;
+    $[14] = tabSize;
+    $[15] = trimAutoWhitespace;
+  } else {
+    globalEditorOptions = $[12];
+    insertSpaces = $[13];
+    tabSize = $[14];
+    trimAutoWhitespace = $[15];
+  }
   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;
+  const t1 = rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : "";
+  const t2 = readOnly && "read-only";
+  let t3;
+  if ($[16] !== className || $[17] !== t1 || $[18] !== t2) {
+    t3 = [baseClass, className, t1, t2].filter(Boolean);
+    $[16] = className;
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t3;
   } else {
-    t2 = $[3];
+    t3 = $[19];
   }
-  const classes = t2.join(" ");
-  return _jsx(Editor, {
-    className: classes,
-    loading: _jsx(ShimmerEffect, {
-      height: dynamicHeight
-    }),
-    options: {
-      detectIndentation: false,
-      hideCursorInOverviewRuler: true,
-      insertSpaces: false,
-      minimap: {
-        enabled: false
-      },
-      overviewRulerBorder: false,
-      readOnly: Boolean(readOnly),
-      scrollbar: {
-        alwaysConsumeMouseWheel: false
-      },
-      scrollBeyondLastLine: false,
-      trimAutoWhitespace: false,
-      wordWrap: "on",
-      ...editorOptions
-    },
-    theme: theme === "dark" ? "vs-dark" : "vs",
-    ...rest,
-    height: maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight,
-    onChange: (value, ev) => {
-      rest.onChange?.(value, ev);
-      setDynamicHeight(Math.max(MIN_HEIGHT, value.split("\n").length * 18 + 2 + paddingFromProps));
-    },
-    onMount: (editor, monaco) => {
-      rest.onMount?.(editor, monaco);
-      const model = editor.getModel();
-      if (model) {
-        model.updateOptions({
-          insertSpaces: insertSpaces ?? true,
-          tabSize: tabSize ?? 4,
-          trimAutoWhitespace: trimAutoWhitespace ?? true
-        });
+  const classes = t3.join(" ");
+  let t4;
+  let t5;
+  if ($[20] !== MIN_HEIGHT || $[21] !== paddingFromProps || $[22] !== recalculatedHeightAt || $[23] !== value) {
+    t4 = () => {
+      if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {
+        setDynamicHeight(Math.max(MIN_HEIGHT, value.split("\n").length * 18 + 2 + paddingFromProps));
+        prevCalculatedHeightAt.current = recalculatedHeightAt;
       }
-      setDynamicHeight(Math.max(MIN_HEIGHT, editor.getValue().split("\n").length * 18 + 2 + paddingFromProps));
+    };
+    t5 = [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt];
+    $[20] = MIN_HEIGHT;
+    $[21] = paddingFromProps;
+    $[22] = recalculatedHeightAt;
+    $[23] = value;
+    $[24] = t4;
+    $[25] = t5;
+  } else {
+    t4 = $[24];
+    t5 = $[25];
+  }
+  React.useEffect(t4, t5);
+  let t6;
+  if ($[26] !== MIN_HEIGHT || $[27] !== classes || $[28] !== dynamicHeight || $[29] !== globalEditorOptions || $[30] !== insertSpaces || $[31] !== maxHeight || $[32] !== paddingFromProps || $[33] !== readOnly || $[34] !== rest || $[35] !== tabSize || $[36] !== theme || $[37] !== trimAutoWhitespace || $[38] !== value) {
+    let t7;
+    if ($[40] !== MIN_HEIGHT || $[41] !== paddingFromProps || $[42] !== rest) {
+      t7 = (value_0, ev) => {
+        rest.onChange?.(value_0, ev);
+        setDynamicHeight(Math.max(MIN_HEIGHT, value_0.split("\n").length * 18 + 2 + paddingFromProps));
+      };
+      $[40] = MIN_HEIGHT;
+      $[41] = paddingFromProps;
+      $[42] = rest;
+      $[43] = t7;
+    } else {
+      t7 = $[43];
     }
-  });
+    let t8;
+    if ($[44] !== MIN_HEIGHT || $[45] !== insertSpaces || $[46] !== paddingFromProps || $[47] !== rest || $[48] !== tabSize || $[49] !== trimAutoWhitespace) {
+      t8 = (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));
+      };
+      $[44] = MIN_HEIGHT;
+      $[45] = insertSpaces;
+      $[46] = paddingFromProps;
+      $[47] = rest;
+      $[48] = tabSize;
+      $[49] = trimAutoWhitespace;
+      $[50] = t8;
+    } else {
+      t8 = $[50];
+    }
+    t6 = _jsx(Editor, {
+      className: classes,
+      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,
+      height: maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight,
+      onChange: t7,
+      onMount: t8
+    });
+    $[26] = MIN_HEIGHT;
+    $[27] = classes;
+    $[28] = dynamicHeight;
+    $[29] = globalEditorOptions;
+    $[30] = insertSpaces;
+    $[31] = maxHeight;
+    $[32] = paddingFromProps;
+    $[33] = readOnly;
+    $[34] = rest;
+    $[35] = tabSize;
+    $[36] = theme;
+    $[37] = trimAutoWhitespace;
+    $[38] = value;
+    $[39] = t6;
+  } else {
+    t6 = $[39];
+  }
+  return t6;
 };
 // eslint-disable-next-line no-restricted-exports
 export default CodeEditor;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","$","className","maxHeight","minHeight","options","readOnly","rest","MIN_HEIGHT","insertSpaces","tabSize","trimAutoWhitespace","editorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t0","defaultLanguage","t1","t2","filter","Boolean","classes","join","_jsx","loading","height","scrollbar","alwaysConsumeMouseWheel","scrollBeyondLastLine","wordWrap","Math","min","onChange","value","ev","max","split","length","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 './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 { className, maxHeight, minHeight, options, readOnly, ...rest } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...editorOptions } = 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  return (\n    <Editor\n      className={classes}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        detectIndentation: false, // use the tabSize on the model, set onMount\n        hideCursorInOverviewRuler: true,\n        insertSpaces: false,\n        minimap: {\n          enabled: false,\n        },\n        overviewRulerBorder: false,\n        readOnly: Boolean(readOnly),\n        scrollbar: {\n          alwaysConsumeMouseWheel: false,\n        },\n        scrollBeyondLastLine: false,\n        trimAutoWhitespace: false,\n        wordWrap: 'on',\n        ...editorOptions,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\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      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps))\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 ?? true,\n            tabSize: tabSize ?? 4,\n            trimAutoWhitespace: trimAutoWhitespace ?? true,\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,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","CodeEditor","props","$","className","maxHeight","minHeight","options","readOnly","recalculatedHeightAt","rest","value","MIN_HEIGHT","prevCalculatedHeightAt","useRef","t0","globalEditorOptions","insertSpaces","tabSize","trimAutoWhitespace","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t1","defaultLanguage","t2","t3","filter","Boolean","classes","join","t4","t5","current","Math","max","split","length","useEffect","t6","t7","value_0","ev","onChange","t8","editor","monaco","onMount","model","getModel","updateOptions","getValue","_jsx","loading","height","detectIndentation","undefined","min"],"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(Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps))\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      className={classes}\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      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps))\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.d.ts

@@ -0,0 +1,4 @@
+import type { EditorProps } from '@monaco-editor/react';
+export declare const defaultOptions: Pick<EditorProps['options'], 'insertSpaces' | 'tabSize' | 'trimAutoWhitespace'>;
+export declare const defaultGlobalEditorOptions: Omit<EditorProps['options'], 'detectIndentation' | 'insertSpaces' | 'tabSize' | 'trimAutoWhitespace'>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/elements/CodeEditor/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD,eAAO,MAAM,cAAc,EAAE,IAAI,CAC/B,WAAW,CAAC,SAAS,CAAC,EACtB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAKlD,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,IAAI,CAC3C,WAAW,CAAC,SAAS,CAAC,EACtB,mBAAmB,GAAG,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAaxE,CAAA"}

package/dist/elements/CodeEditor/constants.js

@@ -0,0 +1,19 @@
+export const defaultOptions = {
+  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'
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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":[]}

package/dist/elements/CodeEditor/types.d.ts

@@ -6,5 +6,6 @@ export type Props = {
      */
     minHeight?: number;
     readOnly?: boolean;
+    recalculatedHeightAt?: number;
 } & EditorProps;
 //# sourceMappingURL=types.d.ts.map

package/dist/elements/CodeEditor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,WAAW,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,GAAG,WAAW,CAAA"}

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} & EditorProps\n"],"mappings":"AAEA","ignoreList":[]}
+{"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":[]}

package/dist/elements/Collapsible/index.js

@@ -12,7 +12,7 @@ import { CollapsibleProvider, useCollapsible } from './provider.js';
 const baseClass = 'collapsible';
 export { CollapsibleProvider, useCollapsible };
 export const Collapsible = t0 => {
-  const $ = _c(24);
+  const $ = _c(26);
   const {
     actions,
     children,
@@ -91,6 +91,19 @@ export const Collapsible = t0 => {
   const t14 = t13.join(" ");
   let t15;
   if ($[14] !== actions || $[15] !== children || $[16] !== dragHandleProps || $[17] !== header || $[18] !== isCollapsed || $[19] !== t || $[20] !== t14 || $[21] !== t9 || $[22] !== toggleCollapsible) {
+    let t16;
+    if ($[24] !== dragHandleProps) {
+      t16 = dragHandleProps && _jsx("div", {
+        className: `${baseClass}__drag`,
+        ...dragHandleProps.attributes,
+        ...dragHandleProps.listeners,
+        children: _jsx(DragHandleIcon, {})
+      });
+      $[24] = dragHandleProps;
+      $[25] = t16;
+    } else {
+      t16 = $[25];
+    }
     t15 = _jsx("div", {
       className: t9,
       children: _jsxs(CollapsibleProvider, {
@@ -107,12 +120,7 @@ export const Collapsible = t0 => {
             children: _jsx("span", {
               children: t("fields:toggleBlock")
             })
-          }), dragHandleProps && _jsx("div", {
-            className: `${baseClass}__drag`,
-            ...dragHandleProps.attributes,
-            ...dragHandleProps.listeners,
-            children: _jsx(DragHandleIcon, {})
-          }), header ? _jsx("div", {
+          }), t16, header ? _jsx("div", {
             className: [`${baseClass}__header-wrap`, dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`].filter(Boolean).join(" "),
             children: header
           }) : null, _jsxs("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","children","className","collapsibleStyle","t1","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t2","toggleCollapsible","t3","t4","t5","t6","t7","t8","filter","t9","join","t10","t11","Symbol","for","t12","t13","t14","t15","_jsx","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","attributes","listeners","direction","height"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            <div className={`${baseClass}__indicator`}>\n              <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","children","className","collapsibleStyle","t1","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t2","toggleCollapsible","t3","t4","t5","t6","t7","t8","filter","t9","join","t10","t11","Symbol","for","t12","t13","t14","t15","t16","_jsx","attributes","listeners","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","direction","height"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            <div className={`${baseClass}__indicator`}>\n              <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ConfirmationModal/index.js

@@ -10,7 +10,7 @@ import { drawerZBase, useDrawerDepth } from '../Drawer/index.js';
 import './index.scss';
 const baseClass = 'confirmation-modal';
 export function ConfirmationModal(props) {
-  const $ = _c(25);
+  const $ = _c(37);
   const {
     body,
     cancelLabel,
@@ -82,6 +82,46 @@ export function ConfirmationModal(props) {
   const t4 = drawerZBase + editDepth;
   let t5;
   if ($[12] !== body || $[13] !== cancelLabel || $[14] !== confirmLabel || $[15] !== confirming || $[16] !== confirmingLabel || $[17] !== heading || $[18] !== modalSlug || $[19] !== onCancel || $[20] !== onConfirm || $[21] !== t || $[22] !== t3 || $[23] !== t4) {
+    let t6;
+    if ($[25] !== heading) {
+      t6 = typeof heading === "string" ? _jsx("h1", {
+        children: heading
+      }) : heading;
+      $[25] = heading;
+      $[26] = t6;
+    } else {
+      t6 = $[26];
+    }
+    let t7;
+    if ($[27] !== body) {
+      t7 = typeof body === "string" ? _jsx("p", {
+        children: body
+      }) : body;
+      $[27] = body;
+      $[28] = t7;
+    } else {
+      t7 = $[28];
+    }
+    let t8;
+    if ($[29] !== cancelLabel || $[30] !== t) {
+      t8 = cancelLabel || t("general:cancel");
+      $[29] = cancelLabel;
+      $[30] = t;
+      $[31] = t8;
+    } else {
+      t8 = $[31];
+    }
+    let t9;
+    if ($[32] !== confirmLabel || $[33] !== confirming || $[34] !== confirmingLabel || $[35] !== t) {
+      t9 = confirming ? confirmingLabel || `${t("general:loading")}...` : confirmLabel || t("general:confirm");
+      $[32] = confirmLabel;
+      $[33] = confirming;
+      $[34] = confirmingLabel;
+      $[35] = t;
+      $[36] = t9;
+    } else {
+      t9 = $[36];
+    }
     t5 = _jsx(Modal, {
       className: t3,
       slug: modalSlug,
@@ -92,11 +132,7 @@ export function ConfirmationModal(props) {
         className: `${baseClass}__wrapper`,
         children: [_jsxs("div", {
           className: `${baseClass}__content`,
-          children: [typeof heading === "string" ? _jsx("h1", {
-            children: heading
-          }) : heading, typeof body === "string" ? _jsx("p", {
-            children: body
-          }) : body]
+          children: [t6, t7]
         }), _jsxs("div", {
           className: `${baseClass}__controls`,
           children: [_jsx(Button, {
@@ -106,12 +142,12 @@ export function ConfirmationModal(props) {
             onClick: onCancel,
             size: "large",
             type: "button",
-            children: cancelLabel || t("general:cancel")
+            children: t8
           }), _jsx(Button, {
             id: "confirm-action",
             onClick: onConfirm,
             size: "large",
-            children: confirming ? confirmingLabel || `${t("general:loading")}...` : confirmLabel || t("general:confirm")
+            children: t9
           })]
         })]
       })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","_jsx","slug","style","zIndex","children","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","t6","_jsx","children","t7","t8","t9","slug","style","zIndex","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}