@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/CloseModalButton/index.js

@@ -1,3 +1,4 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { XIcon } from '../../icons/X/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -6,14 +7,26 @@ const baseClass = 'close-modal-button';
 export function CloseModalButton({ slug, className }) {
     const { closeModal } = useModal();
     const { t } = useTranslation();
-    return <button aria-label={t('general:close')} className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} key="close-button" onClick={()=>{
-        closeModal(slug);
-    }} type="button">
-      <XIcon/>
-    </button>;
+    return /*#__PURE__*/ _jsxDEV("button", {
+        "aria-label": t('general:close'),
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        onClick: ()=>{
+            closeModal(slug);
+        },
+        type: "button",
+        children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+            fileName: "src/elements/CloseModalButton/index.tsx",
+            lineNumber: 23,
+            columnNumber: 7
+        }, this)
+    }, "close-button", false, {
+        fileName: "src/elements/CloseModalButton/index.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CloseModalButton/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'close-modal-button'\n\nexport function CloseModalButton({ slug, className }: { className?: string; slug: string }) {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:close')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      key=\"close-button\"\n      onClick={() => {\n        closeModal(slug)\n      }}\n      type=\"button\"\n    >\n      <XIcon />\n    </button>\n  )\n}\n"],"names":["useModal","XIcon","useTranslation","baseClass","CloseModalButton","slug","className","closeModal","t","button","aria-label","filter","Boolean","join","key","onClick","type"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,qBAAoB;AAE7C,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,iBAAiB,EAAEC,IAAI,EAAEC,SAAS,EAAwC;IACxF,MAAM,EAAEC,UAAU,EAAE,GAAGP;IACvB,MAAM,EAAEQ,CAAC,EAAE,GAAGN;IAEd,QACGO,OACCC,YAAYF,EAAE,kBACdF,WAAW;QAACH;QAAWG;KAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDC,IAAI,eACJC,SAAS;QACPR,WAAWF;IACb,GACAW,KAAK,SACN;MACC,CAACf,OAAQ;IACX,EAAEQ;AAEN"}
+{"version":3,"sources":["../../../src/elements/CloseModalButton/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'close-modal-button'\n\nexport function CloseModalButton({ slug, className }: { className?: string; slug: string }) {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:close')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      key=\"close-button\"\n      onClick={() => {\n        closeModal(slug)\n      }}\n      type=\"button\"\n    >\n      <XIcon />\n    </button>\n  )\n}\n"],"names":["useModal","XIcon","useTranslation","baseClass","CloseModalButton","slug","className","closeModal","t","button","aria-label","filter","Boolean","join","onClick","type"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,qBAAoB;AAE7C,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,iBAAiB,EAAEC,IAAI,EAAEC,SAAS,EAAwC;IACxF,MAAM,EAAEC,UAAU,EAAE,GAAGP;IACvB,MAAM,EAAEQ,CAAC,EAAE,GAAGN;IAEd,qBACE,QAACO;QACCC,cAAYF,EAAE;QACdF,WAAW;YAACH;YAAWG;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;QAEvDC,SAAS;YACPP,WAAWF;QACb;QACAU,MAAK;kBAEL,cAAA,QAACd;;;;;OANG;;;;;AASV"}

package/dist/elements/CodeEditor/CodeEditor.js

@@ -1,4 +1,5 @@
 'use client';
+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';
@@ -34,39 +35,59 @@ const CodeEditor = (props)=>{
         paddingFromProps,
         recalculatedHeightAt
     ]);
-    return <Editor className={classes} height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight} loading={<ShimmerEffect height={dynamicHeight}/>} options={{
-        ...defaultGlobalEditorOptions,
-        ...globalEditorOptions,
-        readOnly: Boolean(readOnly),
-        /**
+    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
-            });
+            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));
         }
-        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;

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,"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":"AAAA;;AACA,OAAOA,kBAAkB,uBAAsB;AAC/C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,0BAA0B,EAAEC,cAAc,QAAQ,iBAAgB;AAC3E,OAAO,eAAc;AAErB,MAAMC,SAAS,aAAaP,eAAeA,aAAaQ,OAAO,GAAGR;AAElE,MAAMS,YAAY;AAElB,MAAMC,aAA8B,CAACC;IACnC,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,oBAAoB,EACpBC,KAAK,EACL,GAAGC,MACJ,GAAGR;IACJ,MAAMS,aAAaN,aAAa;IAAG,wBAAwB;IAC3D,MAAMO,yBAAyBpB,MAAMqB,MAAM,CAAqBL;IAEhE,uDAAuD;IACvD,MAAM,EAAEM,YAAY,EAAEC,OAAO,EAAEC,kBAAkB,EAAE,GAAGC,qBAAqB,GAAGX,WAAW,CAAC;IAC1F,MAAMY,mBAAmBZ,SAASa,UAC9B,AAACb,CAAAA,QAAQa,OAAO,CAACC,GAAG,IAAI,CAAA,IAAMd,CAAAA,QAAQa,OAAO,EAAEE,UAAU,CAAA,IACzD;IAEJ,MAAM,CAACC,eAAeC,iBAAiB,GAAG9B,SAASkB;IACnD,MAAM,EAAEa,KAAK,EAAE,GAAG9B;IAElB,MAAM+B,UAAU;QACdzB;QACAG;QACAO,MAAMgB,kBAAkB,CAAC,UAAU,EAAEhB,KAAKgB,eAAe,EAAE,GAAG;QAC9DnB,YAAY;KACb,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;IAERrC,MAAMsC,SAAS,CAAC;QACd,IAAItB,wBAAwBA,uBAAuBI,uBAAuBmB,OAAO,EAAE;YACjFR,iBACEd,QACIuB,KAAKC,GAAG,CAACtB,YAAYF,MAAMyB,KAAK,CAAC,MAAMC,MAAM,GAAG,KAAK,IAAIjB,oBACzDP;YAENC,uBAAuBmB,OAAO,GAAGvB;QACnC;IACF,GAAG;QAACC;QAAOE;QAAYO;QAAkBV;KAAqB;IAE9D,qBACE,QAACV;QACCK,WAAWsB;QACXW,QAAQhC,YAAY4B,KAAKK,GAAG,CAACf,eAAelB,aAAakB;QACzDgB,uBAAS,QAAC3C;YAAcyC,QAAQd;;;;;;QAChChB,SAAS;YACP,GAAGV,0BAA0B;YAC7B,GAAGqB,mBAAmB;YACtBV,UAAUqB,QAAQrB;YAClB;;;;;SAKC,GACDgC,mBAAmB;YACnBzB,cAAc0B;YACdzB,SAASyB;YACTxB,oBAAoBwB;QACtB;QACAhB,OAAOA,UAAU,SAAS,YAAY;QACtCf,OAAOA;QACN,GAAGC,IAAI;QACR,qDAAqD;QACrD,wDAAwD;QACxD,6BAA6B;QAC7B,mEAAmE;QACnE+B,UAAU,CAAChC,OAAOiC;YAChBhC,KAAK+B,QAAQ,GAAGhC,OAAOiC;YACvBnB,iBACEd,QACIuB,KAAKC,GAAG,CAACtB,YAAYF,MAAMyB,KAAK,CAAC,MAAMC,MAAM,GAAG,KAAK,IAAIjB,oBACzDP;QAER;QACAgC,SAAS,CAACC,QAAQC;YAChBnC,KAAKiC,OAAO,GAAGC,QAAQC;YAEvB,kDAAkD;YAClD,MAAMC,QAAQF,OAAOG,QAAQ;YAC7B,IAAID,OAAO;gBACTA,MAAME,aAAa,CAAC;oBAClBlC,cAAcA,gBAAgBjB,eAAeiB,YAAY;oBACzDC,SAASA,WAAWlB,eAAekB,OAAO;oBAC1CC,oBAAoBA,sBAAsBnB,eAAemB,kBAAkB;gBAC7E;YACF;YAEAO,iBACES,KAAKC,GAAG,CAACtB,YAAYiC,OAAOK,QAAQ,GAAGf,KAAK,CAAC,MAAMC,MAAM,GAAG,KAAK,IAAIjB;QAEzE;;;;;;AAGN;AAEA,iDAAiD;AACjD,eAAejB,WAAU"}

package/dist/elements/CodeEditor/index.js

@@ -1,11 +1,27 @@
 'use client';
-import { lazy, Suspense } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { lazy, Suspense } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
-const LazyEditor = lazy(()=>import('./CodeEditor.js'));
+const LazyEditor = /*#__PURE__*/ lazy(()=>import('./CodeEditor.js'));
 export const CodeEditor = (props)=>{
-    return <Suspense fallback={<ShimmerEffect/>}>
-      <LazyEditor {...props}/>
-    </Suspense>;
+    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,"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":["lazy","Suspense","ShimmerEffect","LazyEditor","CodeEditor","props","fallback"],"mappings":"AAAA;AACA,SAAgBA,IAAI,EAAEC,QAAQ,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,aAAaH,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMI,aAA8B,CAACC;IAC1C,QACGJ,SAASK,WAAWJ,iBAAkB;MACrC,CAACC,YAAY,GAAGE,KAAK,GAAI;IAC3B,EAAEJ;AAEN,EAAC"}
+{"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/Collapsible/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useState } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { DragHandleIcon } from '../../icons/DragHandle/index.js';
@@ -30,46 +31,133 @@ export { CollapsibleProvider, useCollapsible };
         onToggle,
         isCollapsed
     ]);
-    return <div className={[
-        baseClass,
-        className,
-        dragHandleProps && `${baseClass}--has-drag-handle`,
-        isCollapsed && `${baseClass}--collapsed`,
-        isWithinCollapsible && `${baseClass}--nested`,
-        hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,
-        `${baseClass}--style-${collapsibleStyle}`
-    ].filter(Boolean).join(' ')}>
-      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>
-        <div className={`${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`} onMouseEnter={()=>setHoveringToggle(true)} onMouseLeave={()=>setHoveringToggle(false)}>
-          {!disableHeaderToggle && <button className={[
-        `${baseClass}__toggle`,
-        `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`
-    ].filter(Boolean).join(' ')} onClick={toggleCollapsible} type="button">
-              <span>{t('fields:toggleBlock')}</span>
-            </button>}
-
-          {dragHandleProps && <div className={`${baseClass}__drag`} {...dragHandleProps.attributes} {...dragHandleProps.listeners}>
-              <DragHandleIcon/>
-            </div>}
-          {header ? <div className={[
-        `${baseClass}__header-wrap`,
-        dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`
-    ].filter(Boolean).join(' ')}>
-              {header}
-            </div> : null}
-          <div className={`${baseClass}__actions-wrap`}>
-            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}
-            {!disableToggleIndicator && <div className={`${baseClass}__indicator`}>
-                <ChevronIcon direction={!isCollapsed ? 'up' : undefined}/>
-              </div>}
-          </div>
-        </div>
-        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>
-          <div className={`${baseClass}__content`}>{children}</div>
-        </AnimateHeight>
-        {AfterCollapsible}
-      </CollapsibleProvider>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            className,
+            dragHandleProps && `${baseClass}--has-drag-handle`,
+            isCollapsed && `${baseClass}--collapsed`,
+            isWithinCollapsible && `${baseClass}--nested`,
+            hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,
+            `${baseClass}--style-${collapsibleStyle}`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxDEV(CollapsibleProvider, {
+            isCollapsed: isCollapsed,
+            toggle: toggleCollapsible,
+            children: [
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`,
+                    onMouseEnter: ()=>setHoveringToggle(true),
+                    onMouseLeave: ()=>setHoveringToggle(false),
+                    children: [
+                        !disableHeaderToggle && /*#__PURE__*/ _jsxDEV("button", {
+                            className: [
+                                `${baseClass}__toggle`,
+                                `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`
+                            ].filter(Boolean).join(' '),
+                            onClick: toggleCollapsible,
+                            type: "button",
+                            children: /*#__PURE__*/ _jsxDEV("span", {
+                                children: t('fields:toggleBlock')
+                            }, void 0, false, {
+                                fileName: "src/elements/Collapsible/index.tsx",
+                                lineNumber: 101,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 91,
+                            columnNumber: 13
+                        }, this),
+                        dragHandleProps && /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__drag`,
+                            ...dragHandleProps.attributes,
+                            ...dragHandleProps.listeners,
+                            children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {}, void 0, false, {
+                                fileName: "src/elements/Collapsible/index.tsx",
+                                lineNumber: 111,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 106,
+                            columnNumber: 13
+                        }, this),
+                        header ? /*#__PURE__*/ _jsxDEV("div", {
+                            className: [
+                                `${baseClass}__header-wrap`,
+                                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`
+                            ].filter(Boolean).join(' '),
+                            children: header
+                        }, void 0, false, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 115,
+                            columnNumber: 13
+                        }, this) : null,
+                        /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__actions-wrap`,
+                            children: [
+                                actions ? /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__actions`,
+                                    children: actions
+                                }, void 0, false, {
+                                    fileName: "src/elements/Collapsible/index.tsx",
+                                    lineNumber: 127,
+                                    columnNumber: 24
+                                }, this) : null,
+                                !disableToggleIndicator && /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__indicator`,
+                                    children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
+                                        direction: !isCollapsed ? 'up' : undefined
+                                    }, void 0, false, {
+                                        fileName: "src/elements/Collapsible/index.tsx",
+                                        lineNumber: 130,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/Collapsible/index.tsx",
+                                    lineNumber: 129,
+                                    columnNumber: 15
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 126,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/Collapsible/index.tsx",
+                    lineNumber: 85,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(AnimateHeight, {
+                    height: isCollapsed ? 0 : 'auto',
+                    children: /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__content`,
+                        children: children
+                    }, void 0, false, {
+                        fileName: "src/elements/Collapsible/index.tsx",
+                        lineNumber: 136,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Collapsible/index.tsx",
+                    lineNumber: 135,
+                    columnNumber: 9
+                }, this),
+                AfterCollapsible
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/Collapsible/index.tsx",
+            lineNumber: 84,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Collapsible/index.tsx",
+        lineNumber: 71,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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 CollapsibleProps = {\n  actions?: React.ReactNode\n  /**\n   * Components that will be rendered within the collapsible provider but after the wrapper.\n   */\n  AfterCollapsible?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  /**\n   * If set to true, clicking on the collapsible header will not toggle the collapsible state.\n   * This is useful if the collapsible state is controlled externally (e.g. from a parent component or custom button).\n   */\n  disableHeaderToggle?: boolean\n  /**\n   * If set to true, the toggle indicator (chevron) on the right side of the header will be hidden.\n   */\n  disableToggleIndicator?: boolean\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<CollapsibleProps> = ({\n  actions,\n  AfterCollapsible,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  disableHeaderToggle = false,\n  disableToggleIndicator = false,\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 && !disableHeaderToggle && `${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${disableHeaderToggle ? ' toggle-disabled' : ''}`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {!disableHeaderToggle && (\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          )}\n\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            {!disableToggleIndicator && (\n              <div className={`${baseClass}__indicator`}>\n                <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n              </div>\n            )}\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n        {AfterCollapsible}\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"names":["React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","AfterCollapsible","children","className","collapsibleStyle","disableHeaderToggle","disableToggleIndicator","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","button","onClick","type","span","attributes","listeners","direction","undefined","height"],"mappings":"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"}
+{"version":3,"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 CollapsibleProps = {\n  actions?: React.ReactNode\n  /**\n   * Components that will be rendered within the collapsible provider but after the wrapper.\n   */\n  AfterCollapsible?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  /**\n   * If set to true, clicking on the collapsible header will not toggle the collapsible state.\n   * This is useful if the collapsible state is controlled externally (e.g. from a parent component or custom button).\n   */\n  disableHeaderToggle?: boolean\n  /**\n   * If set to true, the toggle indicator (chevron) on the right side of the header will be hidden.\n   */\n  disableToggleIndicator?: boolean\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<CollapsibleProps> = ({\n  actions,\n  AfterCollapsible,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  disableHeaderToggle = false,\n  disableToggleIndicator = false,\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 && !disableHeaderToggle && `${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${disableHeaderToggle ? ' toggle-disabled' : ''}`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {!disableHeaderToggle && (\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          )}\n\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            {!disableToggleIndicator && (\n              <div className={`${baseClass}__indicator`}>\n                <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n              </div>\n            )}\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n        {AfterCollapsible}\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"names":["React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","AfterCollapsible","children","className","collapsibleStyle","disableHeaderToggle","disableToggleIndicator","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","button","onClick","type","span","attributes","listeners","direction","undefined","height"],"mappings":"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"}

package/dist/elements/Collapsible/provider.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
-const Context = createContext({
+const Context = /*#__PURE__*/ createContext({
     isCollapsed: undefined,
     isVisible: undefined,
     isWithinCollapsible: undefined,
@@ -22,7 +23,14 @@ export const CollapsibleProvider = ({ children, isCollapsed, isWithinCollapsible
         parentIsCollapsed,
         isVisible
     ]);
-    return <Context value={contextValue}>{children}</Context>;
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: contextValue,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/Collapsible/provider.tsx",
+        lineNumber: 35,
+        columnNumber: 10
+    }, this);
 };
 export const useCollapsible = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context value={contextValue}>{children}</Context>\n}\n\nexport const useCollapsible = (): ContextType => use(Context)\n"],"names":["React","createContext","use","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","value"],"mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASjD,MAAMC,UAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,QAAQH,QAAQY,OAAOF,eAAeH,WAAWP;AACnD,EAAC;AAED,OAAO,MAAMS,iBAAiB,IAAmBV,IAAIC,SAAQ"}
+{"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context value={contextValue}>{children}</Context>\n}\n\nexport const useCollapsible = (): ContextType => use(Context)\n"],"names":["React","createContext","use","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","value"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASjD,MAAMC,wBAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,qBAAO,QAACH;QAAQY,OAAOF;kBAAeH;;;;;;AACxC,EAAC;AAED,OAAO,MAAME,iBAAiB,IAAmBV,IAAIC,SAAQ"}

package/dist/elements/ColumnSelector/index.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared';
-import { useId, useMemo } from 'react';
+import React, { useId, useMemo } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTableColumns } from '../../providers/TableColumns/index.js';
@@ -19,7 +20,14 @@ export const ColumnSelector = ({ collectionSlug })=>{
             return {
                 name: accessor,
                 key: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,
-                Label: <FieldLabel label={label} unstyled/>,
+                Label: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: label,
+                    unstyled: true
+                }, void 0, false, {
+                    fileName: "src/elements/ColumnSelector/index.tsx",
+                    lineNumber: 49,
+                    columnNumber: 20
+                }, this),
                 selected: active
             };
         }) : null;
@@ -32,16 +40,24 @@ export const ColumnSelector = ({ collectionSlug })=>{
     if (!pills) {
         return null;
     }
-    return <PillSelector draggable={{
-        onDragEnd: ({ moveFromIndex, moveToIndex })=>{
-            void moveColumn({
-                fromIndex: moveFromIndex,
-                toIndex: moveToIndex
-            });
-        }
-    }} onClick={({ pill })=>{
-        void toggleColumn(pill.name);
-    }} pills={pills}/>;
+    return /*#__PURE__*/ _jsxDEV(PillSelector, {
+        draggable: {
+            onDragEnd: ({ moveFromIndex, moveToIndex })=>{
+                void moveColumn({
+                    fromIndex: moveFromIndex,
+                    toIndex: moveToIndex
+                });
+            }
+        },
+        onClick: ({ pill })=>{
+            void toggleColumn(pill.name);
+        },
+        pills: pills
+    }, void 0, false, {
+        fileName: "src/elements/ColumnSelector/index.tsx",
+        lineNumber: 61,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared'\nimport React, { useId, useMemo } from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTableColumns } from '../../providers/TableColumns/index.js'\nimport { PillSelector, type SelectablePill } from '../PillSelector/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !col?.field?.admin?.disableListColumn,\n      ),\n    [columns],\n  )\n\n  const pills: SelectablePill[] = useMemo(() => {\n    return filteredColumns\n      ? filteredColumns.map((col, i) => {\n          const { accessor, active, field } = col\n\n          const label =\n            'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n              ? field.labelWithPrefix\n              : 'label' in field && field.label !== undefined\n                ? field.label\n                : 'name' in field && field.name !== undefined\n                  ? field.name\n                  : undefined\n\n          return {\n            name: accessor,\n            key: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n            Label: <FieldLabel label={label as StaticLabel} unstyled />,\n            selected: active,\n          } as SelectablePill\n        })\n      : null\n  }, [collectionSlug, editDepth, filteredColumns, uuid])\n\n  if (!pills) {\n    return null\n  }\n\n  return (\n    <PillSelector\n      draggable={{\n        onDragEnd: ({ moveFromIndex, moveToIndex }) => {\n          void moveColumn({\n            fromIndex: moveFromIndex,\n            toIndex: moveToIndex,\n          })\n        },\n      }}\n      onClick={({ pill }) => {\n        void toggleColumn(pill.name)\n      }}\n      pills={pills}\n    />\n  )\n}\n"],"names":["fieldIsHiddenOrDisabled","fieldIsID","useId","useMemo","FieldLabel","useEditDepth","useTableColumns","PillSelector","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","filteredColumns","filter","col","field","admin","disableListColumn","pills","map","i","accessor","active","label","labelWithPrefix","undefined","name","key","Label","unstyled","selected","draggable","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","onClick","pill"],"mappings":"AAAA;AAGA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iBAAgB;AACnE,SAAgBC,KAAK,EAAEC,OAAO,QAAQ,QAAO;AAE7C,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAA6B,2BAA0B;AAM5E,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOX;IACb,MAAMY,YAAYT;IAElB,MAAMU,kBAAkBZ,QACtB,IACEO,SAASM,OACP,CAACC,MACC,CAAEjB,CAAAA,wBAAwBiB,IAAIC,KAAK,KAAK,CAACjB,UAAUgB,IAAIC,KAAK,CAAA,KAC5D,CAACD,KAAKC,OAAOC,OAAOC,oBAE1B;QAACV;KAAQ;IAGX,MAAMW,QAA0BlB,QAAQ;QACtC,OAAOY,kBACHA,gBAAgBO,GAAG,CAAC,CAACL,KAAKM;YACxB,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEP,KAAK,EAAE,GAAGD;YAEpC,MAAMS,QACJ,qBAAqBR,SAASA,MAAMS,eAAe,KAAKC,YACpDV,MAAMS,eAAe,GACrB,WAAWT,SAASA,MAAMQ,KAAK,KAAKE,YAClCV,MAAMQ,KAAK,GACX,UAAUR,SAASA,MAAMW,IAAI,KAAKD,YAChCV,MAAMW,IAAI,GACVD;YAEV,OAAO;gBACLC,MAAML;gBACNM,KAAK,GAAGrB,eAAe,CAAC,EAAEe,SAAS,CAAC,EAAED,IAAIT,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,KAAKD,MAAM;gBACpFkB,QAAQ3B,WAAWsB,OAAOA,OAAsBM;gBAChDC,UAAUR;YACZ;QACF,KACA;IACN,GAAG;QAAChB;QAAgBK;QAAWC;QAAiBF;KAAK;IAErD,IAAI,CAACQ,OAAO;QACV,OAAO;IACT;IAEA,QACGd,aACC2B,WAAW;QACTC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxC,KAAK1B,WAAW;gBACd2B,WAAWF;gBACXG,SAASF;YACX;QACF;IACF,GACAG,SAAS,CAAC,EAAEC,IAAI,EAAE;QAChB,KAAK7B,aAAa6B,KAAKZ,IAAI;IAC7B,GACAR,OAAOA;AAGb,EAAC"}
+{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared'\nimport React, { useId, useMemo } from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTableColumns } from '../../providers/TableColumns/index.js'\nimport { PillSelector, type SelectablePill } from '../PillSelector/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !col?.field?.admin?.disableListColumn,\n      ),\n    [columns],\n  )\n\n  const pills: SelectablePill[] = useMemo(() => {\n    return filteredColumns\n      ? filteredColumns.map((col, i) => {\n          const { accessor, active, field } = col\n\n          const label =\n            'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n              ? field.labelWithPrefix\n              : 'label' in field && field.label !== undefined\n                ? field.label\n                : 'name' in field && field.name !== undefined\n                  ? field.name\n                  : undefined\n\n          return {\n            name: accessor,\n            key: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n            Label: <FieldLabel label={label as StaticLabel} unstyled />,\n            selected: active,\n          } as SelectablePill\n        })\n      : null\n  }, [collectionSlug, editDepth, filteredColumns, uuid])\n\n  if (!pills) {\n    return null\n  }\n\n  return (\n    <PillSelector\n      draggable={{\n        onDragEnd: ({ moveFromIndex, moveToIndex }) => {\n          void moveColumn({\n            fromIndex: moveFromIndex,\n            toIndex: moveToIndex,\n          })\n        },\n      }}\n      onClick={({ pill }) => {\n        void toggleColumn(pill.name)\n      }}\n      pills={pills}\n    />\n  )\n}\n"],"names":["fieldIsHiddenOrDisabled","fieldIsID","React","useId","useMemo","FieldLabel","useEditDepth","useTableColumns","PillSelector","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","filteredColumns","filter","col","field","admin","disableListColumn","pills","map","i","accessor","active","label","labelWithPrefix","undefined","name","key","Label","unstyled","selected","draggable","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","onClick","pill"],"mappings":"AAAA;;AAGA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iBAAgB;AACnE,OAAOC,SAASC,KAAK,EAAEC,OAAO,QAAQ,QAAO;AAE7C,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAA6B,2BAA0B;AAM5E,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOX;IACb,MAAMY,YAAYT;IAElB,MAAMU,kBAAkBZ,QACtB,IACEO,SAASM,OACP,CAACC,MACC,CAAElB,CAAAA,wBAAwBkB,IAAIC,KAAK,KAAK,CAAClB,UAAUiB,IAAIC,KAAK,CAAA,KAC5D,CAACD,KAAKC,OAAOC,OAAOC,oBAE1B;QAACV;KAAQ;IAGX,MAAMW,QAA0BlB,QAAQ;QACtC,OAAOY,kBACHA,gBAAgBO,GAAG,CAAC,CAACL,KAAKM;YACxB,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEP,KAAK,EAAE,GAAGD;YAEpC,MAAMS,QACJ,qBAAqBR,SAASA,MAAMS,eAAe,KAAKC,YACpDV,MAAMS,eAAe,GACrB,WAAWT,SAASA,MAAMQ,KAAK,KAAKE,YAClCV,MAAMQ,KAAK,GACX,UAAUR,SAASA,MAAMW,IAAI,KAAKD,YAChCV,MAAMW,IAAI,GACVD;YAEV,OAAO;gBACLC,MAAML;gBACNM,KAAK,GAAGrB,eAAe,CAAC,EAAEe,SAAS,CAAC,EAAED,IAAIT,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,KAAKD,MAAM;gBACpFkB,qBAAO,QAAC3B;oBAAWsB,OAAOA;oBAAsBM,QAAQ;;;;;;gBACxDC,UAAUR;YACZ;QACF,KACA;IACN,GAAG;QAAChB;QAAgBK;QAAWC;QAAiBF;KAAK;IAErD,IAAI,CAACQ,OAAO;QACV,OAAO;IACT;IAEA,qBACE,QAACd;QACC2B,WAAW;YACTC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxC,KAAK1B,WAAW;oBACd2B,WAAWF;oBACXG,SAASF;gBACX;YACF;QACF;QACAG,SAAS,CAAC,EAAEC,IAAI,EAAE;YAChB,KAAK7B,aAAa6B,KAAKZ,IAAI;QAC7B;QACAR,OAAOA;;;;;;AAGb,EAAC"}