@rebasepro/cms 0.20.0 → 0.21.0

package/dist/JsonPreviewBinding-v0w3H0fp.js

@@ -0,0 +1,35 @@
+import { useRef } from "react";
+import { useModeController } from "@rebasepro/app";
+import { jsx } from "react/jsx-runtime";
+import { Highlight, themes } from "prism-react-renderer";
+//#region src/components/JsonPreviewBinding.tsx
+function JsonPreviewBinding({ values }) {
+	const code = JSON.stringify(values, null, "	");
+	const { mode } = useModeController();
+	const preRef = useRef(null);
+	return /* @__PURE__ */ jsx(Highlight, {
+		theme: mode === "dark" ? themes.vsDark : themes.github,
+		code,
+		language: "json",
+		children: ({ style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx("pre", {
+			ref: preRef,
+			style: {
+				...style,
+				backgroundColor: "inherit"
+			},
+			className: "max-w-6xl mx-auto p-8 rounded-xs text-sm",
+			children: tokens.map((line, i) => /* @__PURE__ */ jsx("div", {
+				...getLineProps({ line }),
+				className: "text-wrap",
+				children: line.map((token, key) => /* @__PURE__ */ jsx("span", {
+					...getTokenProps({ token }),
+					className: "word-break"
+				}, key))
+			}, i))
+		})
+	});
+}
+//#endregion
+export { JsonPreviewBinding };
+
+//# sourceMappingURL=JsonPreviewBinding-v0w3H0fp.js.map

package/dist/JsonPreviewBinding-v0w3H0fp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonPreviewBinding-v0w3H0fp.js","names":[],"sources":["../src/components/JsonPreviewBinding.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport { useModeController } from \"@rebasepro/app\";\n\nexport function JsonPreviewBinding({ values }: { values: object }) {\n    const code = JSON.stringify(values, null, \"\\t\");\n    const { mode } = useModeController();\n    const preRef = useRef<HTMLPreElement>(null);\n\n    // Global keydown handler\n    // const handleGlobalKeyDown = useCallback((e: KeyboardEvent) => {\n    //     // Check for Control (Windows/Linux) or Command (macOS) + \"a\":\n    //     if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === \"a\") {\n    //         // If our code view is mounted, perform selection\n    //         if (preRef.current) {\n    //             e.preventDefault();\n    //             e.stopPropagation();\n    //\n    //             const selection = window.getSelection();\n    //             const range = document.createRange();\n    //             range.selectNodeContents(preRef.current);\n    //             if (selection) {\n    //                 selection.removeAllRanges();\n    //                 selection.addRange(range);\n    //             }\n    //         }\n    //     }\n    // }, []);\n\n    // // Attach the global keydown listener when component mounts,\n    // // and remove it when it unmounts.\n    // useEffect(() => {\n    //     document.addEventListener(\"keydown\", handleGlobalKeyDown);\n    //     return () => {\n    //         document.removeEventListener(\"keydown\", handleGlobalKeyDown);\n    //     };\n    // }, [handleGlobalKeyDown]);\n\n    return (\n        <Highlight\n            theme={mode === \"dark\" ? themes.vsDark : themes.github}\n            code={code}\n            language=\"json\"\n        >\n            {({ style, tokens, getLineProps, getTokenProps }) => (\n                <pre\n                    // Bind the ref to our pre element so we can select its contents.\n                    ref={preRef}\n                    style={{\n                        ...style,\n                        backgroundColor: \"inherit\"\n                    }}\n                    className=\"max-w-6xl mx-auto p-8 rounded-xs text-sm\"\n                >\n          {tokens.map((line, i) => (\n              <div key={i} {...getLineProps({ line })} className=\"text-wrap\">\n                  {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} className=\"word-break\"/>\n                  ))}\n              </div>\n          ))}\n        </pre>\n            )}\n        </Highlight>\n    );\n}\n"],"mappings":";;;;;AAIA,SAAgB,mBAAmB,EAAE,UAA8B;CAC/D,MAAM,OAAO,KAAK,UAAU,QAAQ,MAAM,GAAI;CAC9C,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,SAAS,OAAuB,IAAI;CA+B1C,OACI,oBAAC,WAAD;EACI,OAAO,SAAS,SAAS,OAAO,SAAS,OAAO;EAC1C;EACN,UAAS;aAEP,EAAE,OAAO,QAAQ,cAAc,oBAC7B,oBAAC,OAAD;GAEI,KAAK;GACL,OAAO;IACH,GAAG;IACH,iBAAiB;GACrB;GACA,WAAU;aAEnB,OAAO,KAAK,MAAM,MACf,oBAAC,OAAD;IAAa,GAAI,aAAa,EAAE,KAAK,CAAC;IAAG,WAAU;cAC9C,KAAK,KAAK,OAAO,QACd,oBAAC,QAAD;KAAgB,GAAI,cAAc,EAAE,MAAM,CAAC;KAAG,WAAU;IAAa,GAA1D,GAA0D,CACxE;GACA,GAJK,CAIL,CACR;EACE,CAAA;CAEM,CAAA;AAEnB"}

package/dist/{PropertyEditView-BMCCD2OI.js → PropertyEditView-Dv7496fx.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-import { A as getFieldId, E as DEFAULT_FIELD_CONFIGS, Jn as useCollectionRegistryController, Kt as FieldCaption, Ut as ArrayContainer, Wt as PropertyConfigBadge, a as namespaceToPropertiesPath, ct as useSafeSnackbarController, g as toSerializableProperty, i as namespaceToPropertiesOrderPath, k as getFieldConfig, m as toSerializableCollectionConfig, n as getFullIdPath, r as idToPropertiesPath, t as getFullId } from "./util-4oPxPkbp.js";
+import { A as getFieldId, E as DEFAULT_FIELD_CONFIGS, Kt as FieldCaption, Ut as ArrayContainer, Wt as PropertyConfigBadge, a as namespaceToPropertiesPath, ct as useSafeSnackbarController, g as toSerializableProperty, i as namespaceToPropertiesOrderPath, k as getFieldConfig, m as toSerializableCollectionConfig, n as getFullIdPath, r as idToPropertiesPath, t as getFullId, tr as useCollectionRegistryController } from "./util-h6jhiiBE.js";
 import React, { createContext, useCallback, useContext, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
 import { deepEqual } from "fast-equals";
 import { AlertTriangleIcon, ArrowDownToLineIcon, ArrowUpToLineIcon, Badge, BooleanSwitchWithLabel, Button, Card, CheckSquareIcon, CircularProgress, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, FileSearchIcon, FunctionSquareIcon, IconButton, InfoLabel, ListIcon, Menu, MenuItem, MinusCircleIcon, MoreVerticalIcon, MultiSelect, MultiSelectItem, Paper, PlusIcon, RefreshCcwIcon, Select, SelectItem, SettingsIcon, TextField, Tooltip, Trash2Icon, Typography, UploadCloudIcon, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
@@ -3086,21 +3086,8 @@ function MarkdownPropertyField({ disabled, showErrors }) {
 	const fileNameValue = getIn(values, fileName) ?? "{rand}_{file}";
 	const storagePathValue = getIn(values, storagePath) ?? "/";
 	const maxSizeValue = getIn(values, maxSize);
-	const markdownValue = getIn(values, "markdown");
-	const isMarkdownObject = typeof markdownValue === "object" && markdownValue !== null;
-	const htmlValue = isMarkdownObject ? markdownValue.html ?? true : true;
-	const transformPastedTextValue = isMarkdownObject ? markdownValue.transformPastedText ?? false : false;
 	const hasFilenameCallback = typeof fileNameValue === "function";
 	const hasStoragePathCallback = typeof storagePathValue === "function";
-	const updateMarkdownConfig = useCallback((key, value) => {
-		const currentMarkdown = getIn(values, "markdown");
-		if (typeof currentMarkdown === "object" && currentMarkdown !== null) setFieldValue(`markdown.${key}`, value);
-		else setFieldValue("markdown", {
-			html: true,
-			transformPastedText: false,
-			[key]: value
-		});
-	}, [values, setFieldValue]);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "col-span-12",
@@ -3115,48 +3102,6 @@ function MarkdownPropertyField({ disabled, showErrors }) {
 				showErrors
 			}) })
 		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "col-span-12",
-			children: /* @__PURE__ */ jsx(ExpandablePanel, {
-				title: /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-row text-surface-500",
-					children: [/* @__PURE__ */ jsx(SettingsIcon, {}), /* @__PURE__ */ jsx(Typography, {
-						variant: "subtitle2",
-						className: "ml-4",
-						children: "Paste behavior"
-					})]
-				}),
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col gap-2 p-4",
-					children: [
-						/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
-							size: "small",
-							disabled,
-							value: !htmlValue,
-							onValueChange: (value) => updateMarkdownConfig("html", !value),
-							label: t("markdown_strip_html")
-						}),
-						/* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							className: "ml-3.5 mt-1 mb-2",
-							children: "Remove HTML tags and inline styles when pasting content from external sources"
-						}),
-						/* @__PURE__ */ jsx(BooleanSwitchWithLabel, {
-							size: "small",
-							disabled,
-							value: transformPastedTextValue,
-							onValueChange: (value) => updateMarkdownConfig("transformPastedText", value),
-							label: t("markdown_convert_pasted")
-						}),
-						/* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							className: "ml-3.5 mt-1 mb-2",
-							children: "Convert rich text (from Google Docs, Word, etc.) to clean markdown format"
-						})
-					]
-				})
-			})
-		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "col-span-12",
 			children: /* @__PURE__ */ jsx(ExpandablePanel, {
@@ -3857,4 +3802,4 @@ function WidgetSelectViewItem({ onClick, initialProperty, propertyConfig, existi
 //#endregion
 export { updatePropertyFromWidget as a, useAIModifiedPaths as c, supportedFields as i, PropertyForm as n, PropertyTree as o, PropertyFormDialog as r, AIModifiedPathsProvider as s, PropertyEditView_exports as t };
 
-//# sourceMappingURL=PropertyEditView-BMCCD2OI.js.map
+//# sourceMappingURL=PropertyEditView-Dv7496fx.js.map