@rebasepro/cms 0.20.1-canary.g4d882ca → 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-6bPyDphj.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-CSqO4I0b.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";
@@ -3802,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-6bPyDphj.js.map
+//# sourceMappingURL=PropertyEditView-Dv7496fx.js.map