@intlayer/design-system 2.0.13 → 3.0.0

package/dist/hooks/useScrollDetection.cjs

@@ -0,0 +1,71 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("react");
+const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
+const hooks_useScrollBlockage_index = require("./useScrollBlockage/index.cjs");
+const useScrollDetection = (props) => {
+  const {
+    isEnabled = true,
+    delta = 5,
+    deltaFromTop = 0,
+    onScrollDown,
+    onScrollUp,
+    element
+  } = props ?? {};
+  const [isScrolled, setIsScrolled] = require$$0.useState(false);
+  const [isScrollable, setIsScrollable] = require$$0.useState(false);
+  const { isScrollBlocked } = hooks_useScrollBlockage_index.useScrollBlockage();
+  const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(element);
+  const onMobileMove = require$$0.useCallback(
+    (event) => {
+      const startY = event.touches?.[0]?.clientY ?? 0;
+      const onMove = (event2) => {
+        if (isEnabled) {
+          const currentY = event2.touches?.[0]?.clientY ?? 0;
+          const deltaY = startY - currentY;
+          setIsScrolled(deltaY > 0);
+          containerElement?.removeEventListener("touchmove", onMove);
+        }
+      };
+      containerElement?.addEventListener("touchmove", onMove);
+    },
+    [isEnabled, containerElement]
+  );
+  const onScroll = require$$0.useCallback(
+    (e) => {
+      const isScrolledDown = e.deltaY > 0;
+      if (isEnabled && !isScrollBlocked && isScrollable) {
+        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);
+        if (isDeTected) {
+          if (isScrolledDown) {
+            onScrollDown?.(e);
+          } else {
+            onScrollUp?.(e);
+          }
+        }
+        setIsScrolled(window.scrollY > deltaFromTop);
+      }
+    },
+    [isEnabled, isScrollBlocked, isScrollable]
+  );
+  require$$0.useEffect(() => {
+    if (isEnabled) {
+      containerElement?.addEventListener("wheel", onScroll);
+      containerElement?.addEventListener("touchstart", onMobileMove);
+    } else {
+      setIsScrolled(false);
+    }
+    return () => {
+      containerElement?.removeEventListener("wheel", onScroll);
+      containerElement?.removeEventListener("touchstart", onMobileMove);
+    };
+  }, [isEnabled, onScroll, onMobileMove, containerElement]);
+  require$$0.useEffect(() => {
+    const isScrollable2 = window.innerHeight < window.document.body.scrollHeight;
+    setIsScrollable(isScrollable2);
+  }, []);
+  return { isScrolled, isScrollable };
+};
+exports.useScrollDetection = useScrollDetection;
+//# sourceMappingURL=useScrollDetection.cjs.map

package/dist/hooks/useScrollDetection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDetection.cjs","sources":["../../src/hooks/useScrollDetection.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\nimport { useScrollBlockage } from './useScrollBlockage';\n\ntype useScrollDetectionProps = {\n  isEnabled?: boolean;\n  delta?: number; // how much user has to scroll to trigger the event\n  deltaFromTop?: number; // how much user has to scroll from top to detect if the user has been scrolled\n  onScrollDown?: (e: WheelEvent) => void;\n  onScrollUp?: (e: WheelEvent) => void;\n  element?: HTMLElement; // The element to detect the scroll on. If not defined, the window.document.body will be used\n};\n\nexport const useScrollDetection = (props?: useScrollDetectionProps) => {\n  const {\n    isEnabled = true,\n    delta = 5,\n    deltaFromTop = 0,\n    onScrollDown,\n    onScrollUp,\n    element,\n  } = props ?? {};\n\n  const [isScrolled, setIsScrolled] = useState<boolean>(false);\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  const { isScrollBlocked } = useScrollBlockage();\n  const containerElement = useGetElementOrWindow(element);\n\n  const onMobileMove = useCallback(\n    (event: globalThis.TouchEvent) => {\n      const startY = event.touches?.[0]?.clientY ?? 0;\n\n      const onMove = (event: globalThis.TouchEvent) => {\n        if (isEnabled) {\n          const currentY = event.touches?.[0]?.clientY ?? 0;\n          const deltaY = startY - currentY;\n\n          setIsScrolled(deltaY > 0);\n\n          containerElement?.removeEventListener('touchmove', onMove);\n        }\n      };\n\n      containerElement?.addEventListener('touchmove', onMove);\n    },\n    [isEnabled, containerElement]\n  );\n\n  const onScroll = useCallback(\n    (e: WheelEvent) => {\n      const isScrolledDown = e.deltaY > 0;\n\n      if (isEnabled && !isScrollBlocked && isScrollable) {\n        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);\n\n        if (isDeTected) {\n          if (isScrolledDown) {\n            onScrollDown?.(e);\n          } else {\n            onScrollUp?.(e);\n          }\n        }\n\n        setIsScrolled(window.scrollY > deltaFromTop);\n      }\n    },\n    [isEnabled, isScrollBlocked, isScrollable]\n  );\n\n  useEffect(() => {\n    if (isEnabled) {\n      containerElement?.addEventListener('wheel', onScroll);\n      containerElement?.addEventListener('touchstart', onMobileMove);\n    } else {\n      setIsScrolled(false);\n    }\n\n    return () => {\n      containerElement?.removeEventListener('wheel', onScroll);\n      containerElement?.removeEventListener('touchstart', onMobileMove);\n    };\n  }, [isEnabled, onScroll, onMobileMove, containerElement]);\n\n  useEffect(() => {\n    const isScrollable = window.innerHeight < window.document.body.scrollHeight;\n\n    setIsScrollable(isScrollable);\n  }, []);\n\n  return { isScrolled, isScrollable };\n};\n"],"names":["useState","useScrollBlockage","useGetElementOrWindow","useCallback","event","useEffect","isScrollable"],"mappings":";;;;;;AAgBa,MAAA,qBAAqB,CAAC,UAAoC;AAC/D,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,SAAS,CAAA;AAEb,QAAM,CAAC,YAAY,aAAa,IAAIA,oBAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAIA,oBAAkB,KAAK;AAEzD,QAAA,EAAE,oBAAoBC,8BAAAA;AACtB,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtD,QAAM,eAAeC,WAAA;AAAA,IACnB,CAAC,UAAiC;AAChC,YAAM,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW;AAExC,YAAA,SAAS,CAACC,WAAiC;AAC/C,YAAI,WAAW;AACb,gBAAM,WAAWA,OAAM,UAAU,CAAC,GAAG,WAAW;AAChD,gBAAM,SAAS,SAAS;AAExB,wBAAc,SAAS,CAAC;AAEN,4BAAA,oBAAoB,aAAa,MAAM;AAAA,QAC3D;AAAA,MAAA;AAGgB,wBAAA,iBAAiB,aAAa,MAAM;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAAA;AAG9B,QAAM,WAAWD,WAAA;AAAA,IACf,CAAC,MAAkB;AACX,YAAA,iBAAiB,EAAE,SAAS;AAE9B,UAAA,aAAa,CAAC,mBAAmB,cAAc;AAC3C,cAAA,aAAa,KAAK,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,KAAK;AAEtD,YAAI,YAAY;AACd,cAAI,gBAAgB;AAClB,2BAAe,CAAC;AAAA,UAAA,OACX;AACL,yBAAa,CAAC;AAAA,UAChB;AAAA,QACF;AAEc,sBAAA,OAAO,UAAU,YAAY;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAAA;AAG3CE,aAAAA,UAAU,MAAM;AACd,QAAI,WAAW;AACK,wBAAA,iBAAiB,SAAS,QAAQ;AAClC,wBAAA,iBAAiB,cAAc,YAAY;AAAA,IAAA,OACxD;AACL,oBAAc,KAAK;AAAA,IACrB;AAEA,WAAO,MAAM;AACO,wBAAA,oBAAoB,SAAS,QAAQ;AACrC,wBAAA,oBAAoB,cAAc,YAAY;AAAA,IAAA;AAAA,KAEjE,CAAC,WAAW,UAAU,cAAc,gBAAgB,CAAC;AAExDA,aAAAA,UAAU,MAAM;AACd,UAAMC,gBAAe,OAAO,cAAc,OAAO,SAAS,KAAK;AAE/D,oBAAgBA,aAAY;AAAA,EAC9B,GAAG,CAAE,CAAA;AAEE,SAAA,EAAE,YAAY;AACvB;;"}

package/dist/hooks/useScrollDetection.d.ts

@@ -11,3 +11,4 @@ export declare const useScrollDetection: (props?: useScrollDetectionProps) => {
     isScrollable: boolean;
 };
 export {};
+//# sourceMappingURL=useScrollDetection.d.ts.map

package/dist/hooks/useScrollDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDetection.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollDetection.ts"],"names":[],"mappings":"AAOA,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,uBAAuB;;;CA8EjE,CAAC"}

package/dist/hooks/useScrollDetection.mjs

@@ -0,0 +1,71 @@
+"use client";
+import { useState, useCallback, useEffect } from "react";
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
+const useScrollDetection = (props) => {
+  const {
+    isEnabled = true,
+    delta = 5,
+    deltaFromTop = 0,
+    onScrollDown,
+    onScrollUp,
+    element
+  } = props ?? {};
+  const [isScrolled, setIsScrolled] = useState(false);
+  const [isScrollable, setIsScrollable] = useState(false);
+  const { isScrollBlocked } = useScrollBlockage();
+  const containerElement = useGetElementOrWindow(element);
+  const onMobileMove = useCallback(
+    (event) => {
+      const startY = event.touches?.[0]?.clientY ?? 0;
+      const onMove = (event2) => {
+        if (isEnabled) {
+          const currentY = event2.touches?.[0]?.clientY ?? 0;
+          const deltaY = startY - currentY;
+          setIsScrolled(deltaY > 0);
+          containerElement?.removeEventListener("touchmove", onMove);
+        }
+      };
+      containerElement?.addEventListener("touchmove", onMove);
+    },
+    [isEnabled, containerElement]
+  );
+  const onScroll = useCallback(
+    (e) => {
+      const isScrolledDown = e.deltaY > 0;
+      if (isEnabled && !isScrollBlocked && isScrollable) {
+        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);
+        if (isDeTected) {
+          if (isScrolledDown) {
+            onScrollDown?.(e);
+          } else {
+            onScrollUp?.(e);
+          }
+        }
+        setIsScrolled(window.scrollY > deltaFromTop);
+      }
+    },
+    [isEnabled, isScrollBlocked, isScrollable]
+  );
+  useEffect(() => {
+    if (isEnabled) {
+      containerElement?.addEventListener("wheel", onScroll);
+      containerElement?.addEventListener("touchstart", onMobileMove);
+    } else {
+      setIsScrolled(false);
+    }
+    return () => {
+      containerElement?.removeEventListener("wheel", onScroll);
+      containerElement?.removeEventListener("touchstart", onMobileMove);
+    };
+  }, [isEnabled, onScroll, onMobileMove, containerElement]);
+  useEffect(() => {
+    const isScrollable2 = window.innerHeight < window.document.body.scrollHeight;
+    setIsScrollable(isScrollable2);
+  }, []);
+  return { isScrolled, isScrollable };
+};
+export {
+  useScrollDetection
+};
+//# sourceMappingURL=useScrollDetection.mjs.map

package/dist/hooks/useScrollDetection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDetection.mjs","sources":["../../src/hooks/useScrollDetection.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\nimport { useScrollBlockage } from './useScrollBlockage';\n\ntype useScrollDetectionProps = {\n  isEnabled?: boolean;\n  delta?: number; // how much user has to scroll to trigger the event\n  deltaFromTop?: number; // how much user has to scroll from top to detect if the user has been scrolled\n  onScrollDown?: (e: WheelEvent) => void;\n  onScrollUp?: (e: WheelEvent) => void;\n  element?: HTMLElement; // The element to detect the scroll on. If not defined, the window.document.body will be used\n};\n\nexport const useScrollDetection = (props?: useScrollDetectionProps) => {\n  const {\n    isEnabled = true,\n    delta = 5,\n    deltaFromTop = 0,\n    onScrollDown,\n    onScrollUp,\n    element,\n  } = props ?? {};\n\n  const [isScrolled, setIsScrolled] = useState<boolean>(false);\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  const { isScrollBlocked } = useScrollBlockage();\n  const containerElement = useGetElementOrWindow(element);\n\n  const onMobileMove = useCallback(\n    (event: globalThis.TouchEvent) => {\n      const startY = event.touches?.[0]?.clientY ?? 0;\n\n      const onMove = (event: globalThis.TouchEvent) => {\n        if (isEnabled) {\n          const currentY = event.touches?.[0]?.clientY ?? 0;\n          const deltaY = startY - currentY;\n\n          setIsScrolled(deltaY > 0);\n\n          containerElement?.removeEventListener('touchmove', onMove);\n        }\n      };\n\n      containerElement?.addEventListener('touchmove', onMove);\n    },\n    [isEnabled, containerElement]\n  );\n\n  const onScroll = useCallback(\n    (e: WheelEvent) => {\n      const isScrolledDown = e.deltaY > 0;\n\n      if (isEnabled && !isScrollBlocked && isScrollable) {\n        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);\n\n        if (isDeTected) {\n          if (isScrolledDown) {\n            onScrollDown?.(e);\n          } else {\n            onScrollUp?.(e);\n          }\n        }\n\n        setIsScrolled(window.scrollY > deltaFromTop);\n      }\n    },\n    [isEnabled, isScrollBlocked, isScrollable]\n  );\n\n  useEffect(() => {\n    if (isEnabled) {\n      containerElement?.addEventListener('wheel', onScroll);\n      containerElement?.addEventListener('touchstart', onMobileMove);\n    } else {\n      setIsScrolled(false);\n    }\n\n    return () => {\n      containerElement?.removeEventListener('wheel', onScroll);\n      containerElement?.removeEventListener('touchstart', onMobileMove);\n    };\n  }, [isEnabled, onScroll, onMobileMove, containerElement]);\n\n  useEffect(() => {\n    const isScrollable = window.innerHeight < window.document.body.scrollHeight;\n\n    setIsScrollable(isScrollable);\n  }, []);\n\n  return { isScrolled, isScrollable };\n};\n"],"names":["event","isScrollable"],"mappings":";;;;AAgBa,MAAA,qBAAqB,CAAC,UAAoC;AAC/D,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,SAAS,CAAA;AAEb,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAEzD,QAAA,EAAE,oBAAoB;AACtB,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,QAAM,eAAe;AAAA,IACnB,CAAC,UAAiC;AAChC,YAAM,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW;AAExC,YAAA,SAAS,CAACA,WAAiC;AAC/C,YAAI,WAAW;AACb,gBAAM,WAAWA,OAAM,UAAU,CAAC,GAAG,WAAW;AAChD,gBAAM,SAAS,SAAS;AAExB,wBAAc,SAAS,CAAC;AAEN,4BAAA,oBAAoB,aAAa,MAAM;AAAA,QAC3D;AAAA,MAAA;AAGgB,wBAAA,iBAAiB,aAAa,MAAM;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAAA;AAG9B,QAAM,WAAW;AAAA,IACf,CAAC,MAAkB;AACX,YAAA,iBAAiB,EAAE,SAAS;AAE9B,UAAA,aAAa,CAAC,mBAAmB,cAAc;AAC3C,cAAA,aAAa,KAAK,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,KAAK;AAEtD,YAAI,YAAY;AACd,cAAI,gBAAgB;AAClB,2BAAe,CAAC;AAAA,UAAA,OACX;AACL,yBAAa,CAAC;AAAA,UAChB;AAAA,QACF;AAEc,sBAAA,OAAO,UAAU,YAAY;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAAA;AAG3C,YAAU,MAAM;AACd,QAAI,WAAW;AACK,wBAAA,iBAAiB,SAAS,QAAQ;AAClC,wBAAA,iBAAiB,cAAc,YAAY;AAAA,IAAA,OACxD;AACL,oBAAc,KAAK;AAAA,IACrB;AAEA,WAAO,MAAM;AACO,wBAAA,oBAAoB,SAAS,QAAQ;AACrC,wBAAA,oBAAoB,cAAc,YAAY;AAAA,IAAA;AAAA,KAEjE,CAAC,WAAW,UAAU,cAAc,gBAAgB,CAAC;AAExD,YAAU,MAAM;AACd,UAAMC,gBAAe,OAAO,cAAc,OAAO,SAAS,KAAK;AAE/D,oBAAgBA,aAAY;AAAA,EAC9B,GAAG,CAAE,CAAA;AAEE,SAAA,EAAE,YAAY;AACvB;"}

package/dist/index-BZQDMSxb.cjs

@@ -0,0 +1,200 @@
+"use client";
+"use strict";
+const jsxRuntime = require("./jsx-runtime-DvCoRj5u.cjs");
+const core = require("@intlayer/core");
+const require$$0 = require("react");
+const lucideReact = require("lucide-react");
+const components_DictionaryEditor_ItemLayout = require("./components/DictionaryEditor/ItemLayout.cjs");
+const components_DictionaryEditor_NodeWrapper_StringWrapper = require("./components/DictionaryEditor/NodeWrapper/StringWrapper.cjs");
+const ArrayWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    onFocusKeyPath,
+    onClickEdit,
+    focusedKeyPath = []
+  } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: core.NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.Edit,
+          {
+            size: 16,
+            role: "button",
+            "aria-label": "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = {
+      type: core.NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section.enumeration[key];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ require$$0.createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const NestedObjectWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    focusedKeyPath = [],
+    onClickEdit,
+    onFocusKeyPath
+  } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: core.NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.Edit,
+          {
+            size: 16,
+            role: "button",
+            "aria-label": "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: core.NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return require$$0.createElement(type ?? "div", props, ...props.children);
+};
+const NodeWrapper = (props) => {
+  const { section } = props;
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+        createReactElement(section),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" })
+      ] });
+    }
+    if (section.nodeType === core.NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === core.NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryEditor_NodeWrapper_StringWrapper.StringWrapper, { ...props, section });
+  }
+};
+exports.ArrayWrapper = ArrayWrapper;
+exports.EnumerationWrapper = EnumerationWrapper;
+exports.NestedObjectWrapper = NestedObjectWrapper;
+exports.NodeWrapper = NodeWrapper;
+exports.TranslationWrapper = TranslationWrapper;
+exports.traceKeys = traceKeys;
+//# sourceMappingURL=index-BZQDMSxb.cjs.map

package/dist/index-BZQDMSxb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BZQDMSxb.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<DictionaryValue>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section.enumeration[key as keyof (typeof section)['enumeration']]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = props;\n\n  return Object.keys(section)\n    .filter((key) => !traceKeys.includes(key))\n    .map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={key}\n          description=\"\"\n          isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            onFocusKeyPath(newKeyPath);\n          }}\n          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n  type Dictionary,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: Dictionary;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n\n  if (typeof section === 'object') {\n    if (isReactNode(section as Record<string, unknown>)) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","Edit","jsxs","Fragment","createElement","element","StringWrapper"],"mappings":"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"}

package/dist/index-pLq_417z.js

@@ -0,0 +1,201 @@
+"use client";
+import { j as jsxRuntimeExports } from "./jsx-runtime-BgSF1HG2.js";
+import { NodeType, isSameKeyPath } from "@intlayer/core";
+import { createElement } from "react";
+import { Edit } from "lucide-react";
+import { ItemLayout } from "./components/DictionaryEditor/ItemLayout.mjs";
+import { StringWrapper } from "./components/DictionaryEditor/NodeWrapper/StringWrapper.mjs";
+const ArrayWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    onFocusKeyPath,
+    onClickEdit,
+    focusedKeyPath = []
+  } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Edit,
+          {
+            size: 16,
+            role: "button",
+            "aria-label": "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = {
+      type: NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section.enumeration[key];
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const NestedObjectWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    focusedKeyPath = [],
+    onClickEdit,
+    onFocusKeyPath
+  } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Edit,
+          {
+            size: 16,
+            role: "button",
+            "aria-label": "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return createElement(type ?? "div", props, ...props.children);
+};
+const NodeWrapper = (props) => {
+  const { section } = props;
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        createReactElement(section),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" })
+      ] });
+    }
+    if (section.nodeType === NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(StringWrapper, { ...props, section });
+  }
+};
+export {
+  ArrayWrapper as A,
+  EnumerationWrapper as E,
+  NodeWrapper as N,
+  TranslationWrapper as T,
+  NestedObjectWrapper as a,
+  traceKeys as t
+};
+//# sourceMappingURL=index-pLq_417z.js.map

package/dist/index-pLq_417z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-pLq_417z.js","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<DictionaryValue>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section.enumeration[key as keyof (typeof section)['enumeration']]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = props;\n\n  return Object.keys(section)\n    .filter((key) => !traceKeys.includes(key))\n    .map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={key}\n          description=\"\"\n          isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            onFocusKeyPath(newKeyPath);\n          }}\n          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n  type Dictionary,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: Dictionary;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n\n  if (typeof section === 'object') {\n    if (isReactNode(section as Record<string, unknown>)) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["jsx","jsxs","Fragment","element"],"mappings":"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"}