@puckeditor/core 0.22.1 → 0.23.0-canary.7ca16bcb

package/dist/{Editor-MXSH3OSX.mjs → Editor-V2RQPQAL.mjs}

@@ -4,16 +4,16 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-VOB4L2BJ.mjs";
+} from "./chunk-WABMBXFK.mjs";
 import "./chunk-H635BA2V.mjs";
-import "./chunk-73XKHVBN.mjs";
-import "./chunk-2AATV7NG.mjs";
-import "./chunk-BVKXFA4V.mjs";
-import "./chunk-DATOBXTJ.mjs";
+import "./chunk-OI2LQGRV.mjs";
+import "./chunk-G3YMTKUD.mjs";
+import "./chunk-X4NMPUXH.mjs";
+import "./chunk-EQADD6J2.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-54LFCIWQ.mjs";
+} from "./chunk-2KHLVDRT.mjs";
 import "./chunk-HRNJ42TO.mjs";
 import "./chunk-GR7NLT4T.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/{chunk-54LFCIWQ.mjs → chunk-2KHLVDRT.mjs}

@@ -1134,7 +1134,7 @@ var useRegisterFieldsSlice = (appStore, id) => {
       const componentData = node == null ? void 0 : node.data;
       const parentNode = (node == null ? void 0 : node.parentId) ? nodes[node.parentId] : null;
       const parent = (parentNode == null ? void 0 : parentNode.data) || null;
-      const { getComponentConfig, state } = appStore.getState();
+      const { getComponentConfig, state, config } = appStore.getState();
       const componentConfig = getComponentConfig(componentData == null ? void 0 : componentData.type);
       if (!componentData || !componentConfig) return;
       const defaultFields = componentConfig.fields || {};
@@ -1167,6 +1167,9 @@ var useRegisterFieldsSlice = (appStore, id) => {
         if (((_b = appStore.getState().selectedItem) == null ? void 0 : _b.props.id) !== id) {
           return;
         }
+        if (appStore.getState().config !== config) {
+          return;
+        }
         appStore.setState({
           fields: {
             fields: newFields,
@@ -1185,10 +1188,18 @@ var useRegisterFieldsSlice = (appStore, id) => {
   );
   useEffect4(() => {
     resolveFields(true);
-    return appStore.subscribe(
+    const unsubscribeData = appStore.subscribe(
       (s) => s.state.indexes.nodes[id || "root"],
       () => resolveFields()
     );
+    const unsubscribeConfig = appStore.subscribe(
+      (s) => s.config,
+      () => resolveFields(true)
+    );
+    return () => {
+      unsubscribeData();
+      unsubscribeConfig();
+    };
   }, [id]);
 };
 
@@ -1234,6 +1245,7 @@ var createAppStore = (initialAppStore) => create2()(
       _experimentalFullScreenCanvas: false,
       _experimentalVirtualization: false,
       metadata: {},
+      dictionary: {},
       fieldTransforms: {}
     }, initialAppStore), {
       fields: createFieldsSlice(set, get),
@@ -1620,6 +1632,106 @@ var useResetAutoZoom = (frameRef) => {
 init_react_import();
 var styles_module_default2 = { "Loader": "_Loader_1w5zn_13", "loader-animation": "_loader-animation_1w5zn_1" };
 
+// lib/use-message.ts
+init_react_import();
+
+// lib/dictionary.ts
+init_react_import();
+var defaultDictionary = {
+  // Header
+  "header-publish": "Publish",
+  "header-undo": "undo",
+  "header-redo": "redo",
+  "header-toggle-leftsidebar": "Toggle left sidebar",
+  "header-toggle-rightsidebar": "Toggle right sidebar",
+  "header-toggle-menubar": "Toggle menu bar",
+  // Component action bar
+  "action-selectparent": "Select parent",
+  "action-duplicate": "Duplicate",
+  "action-delete": "Delete",
+  // Fallback labels — shared by the breadcrumbs, fields panel and header
+  "label-page": "Page",
+  "label-component": "Component",
+  // Outline
+  "outline-empty": "No items",
+  "outline-collapse": "Collapse",
+  "outline-expand": "Expand",
+  // Drawer (component list)
+  "drawer-category-collapse": "Collapse {title}",
+  "drawer-category-expand": "Expand {title}",
+  "drawer-category-other": "Other",
+  // Canvas
+  "canvas-noconfig": "No configuration for {type}",
+  // Fields
+  "field-readonly": "Read-only",
+  "field-arrayitem-summary": "Item #{index}",
+  "field-arrayitem-duplicate": "Duplicate",
+  "field-arrayitem-delete": "Delete",
+  "field-external-selectdata": "Select data",
+  "field-external-search": "Search",
+  "field-external-togglefilters": "Toggle filters",
+  "field-external-item": "External item",
+  "field-external-result-singular": "{count} result",
+  "field-external-result-plural": "{count} results",
+  // Rich text field
+  "field-richtext-bold": "Bold",
+  "field-richtext-italic": "Italic",
+  "field-richtext-underline": "Underline",
+  "field-richtext-strikethrough": "Strikethrough",
+  "field-richtext-blockquote": "Blockquote",
+  "field-richtext-code-inline": "Inline code",
+  "field-richtext-code-block": "Code block",
+  "field-richtext-list-bullet": "Bullet list",
+  "field-richtext-list-ordered": "Ordered list",
+  "field-richtext-horizontalrule": "Horizontal rule",
+  "field-richtext-align-left": "Align left",
+  "field-richtext-align-center": "Align center",
+  "field-richtext-align-right": "Align right",
+  "field-richtext-align-justify": "Justify",
+  "field-richtext-select": "Select",
+  "field-richtext-headingselect-1": "Heading 1",
+  "field-richtext-headingselect-2": "Heading 2",
+  "field-richtext-headingselect-3": "Heading 3",
+  "field-richtext-headingselect-4": "Heading 4",
+  "field-richtext-headingselect-5": "Heading 5",
+  "field-richtext-headingselect-6": "Heading 6",
+  "field-richtext-alignselect-left": "Left",
+  "field-richtext-alignselect-center": "Center",
+  "field-richtext-alignselect-right": "Right",
+  "field-richtext-alignselect-justify": "Justify",
+  "field-richtext-listselect-bullet": "Bullet list",
+  "field-richtext-listselect-ordered": "Ordered list",
+  // Viewport controls
+  "viewport-zoom-in": "Zoom viewport in",
+  "viewport-zoom-out": "Zoom viewport out",
+  "viewport-zoom-auto": "{zoom}% (Auto)",
+  "viewport-toggle-menu": "Toggle viewport menu",
+  "viewport-switch": "Switch to {label} viewport",
+  "viewport-switch-default": "Switch viewport",
+  // Plugin bar
+  "plugin-blocks": "Blocks",
+  "plugin-outline": "Outline",
+  "plugin-fields": "Fields",
+  "plugin-components": "Components",
+  // Layout
+  "layout-maximize": "maximize",
+  "layout-minimize": "minimize",
+  // Loader
+  "loader-loading": "loading"
+};
+var interpolate = (template, params) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => params[key] !== void 0 ? String(params[key]) : match
+);
+var getMessage = (dictionary, key, params) => {
+  var _a;
+  const message = (_a = dictionary[key]) != null ? _a : defaultDictionary[key];
+  return params ? interpolate(message, params) : message;
+};
+
+// lib/use-message.ts
+var useMessage = (key, params) => useAppStore((s) => getMessage(s.dictionary, key, params));
+
 // components/Loader/index.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var getClassName2 = get_class_name_factory_default("Loader", styles_module_default2);
@@ -1631,6 +1743,7 @@ var Loader = (_a) => {
     "color",
     "size"
   ]);
+  const loadingLabel = useMessage("loader-loading");
   return /* @__PURE__ */ jsx2(
     "span",
     __spreadValues({
@@ -1640,7 +1753,7 @@ var Loader = (_a) => {
         height: size,
         color
       },
-      "aria-label": "loading"
+      "aria-label": loadingLabel
     }, props)
   );
 };
@@ -1767,6 +1880,7 @@ var Select = ({
   disabled = false
 }) => {
   const [open, setOpen] = useState2(false);
+  const selectLabel = useMessage("field-richtext-select");
   const hasOptions = options.length > 0;
   const isDisabled = disabled || !hasOptions;
   const buttonInner = /* @__PURE__ */ jsxs3("div", { className: getClassName4("buttonInner"), children: [
@@ -1776,7 +1890,7 @@ var Select = ({
   const trigger = mode === "actionBar" ? /* @__PURE__ */ jsx4(Action, { active: value !== defaultValue, disabled: isDisabled, children: buttonInner }) : /* @__PURE__ */ jsx4(
     IconButton,
     {
-      title: "Select",
+      title: selectLabel,
       active: value !== defaultValue,
       disabled: isDisabled,
       children: buttonInner
@@ -1922,6 +2036,7 @@ export {
   useAppStoreApi,
   getBox,
   useResetAutoZoom,
+  useMessage,
   Loader,
   IconButton,
   ControlContext,