react-intlayer 1.2.0 → 2.0.0

package/dist/esm/ContentEditor/ContentEditor.mjs

@@ -1,91 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import {
-  useEffect,
-  useState,
-  useRef,
-  useCallback
-} from "react";
-const PRESS_DETECT_DURATION = 500;
-const ContentEditor = ({ children }) => {
-  const divRef = useRef(null);
-  const [isEditing, setIsEditing] = useState(false);
-  const pressTimerRef = useRef(null);
-  const handleOnLongPress = () => {
-    setIsEditing(true);
-  };
-  const startPressTimer = () => {
-    pressTimerRef.current = setTimeout(() => {
-      handleOnLongPress();
-    }, PRESS_DETECT_DURATION);
-  };
-  const clearPressTimer = () => {
-    if (pressTimerRef.current) {
-      clearTimeout(pressTimerRef.current);
-      pressTimerRef.current = null;
-    }
-  };
-  const handleMouseDown = () => {
-    clearPressTimer();
-    startPressTimer();
-  };
-  const handleMouseUp = () => {
-    clearPressTimer();
-  };
-  const handleClickOutside = useCallback(
-    (event) => {
-      if (divRef.current && !divRef.current.contains(event.target)) {
-        setIsEditing(false);
-      }
-    },
-    [divRef]
-  );
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      clearPressTimer();
-    };
-  }, [handleClickOutside]);
-  const handleOnClick = (e) => {
-    if (isEditing) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  const handleOnBlur = () => {
-    setIsEditing(false);
-  };
-  const onContentChange = (_e) => {
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "textbox",
-      tabIndex: 0,
-      onKeyUp: () => null,
-      contentEditable: isEditing,
-      onInput: onContentChange,
-      onClick: handleOnClick,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      onTouchStart: handleMouseDown,
-      onTouchEnd: handleMouseUp,
-      onTouchCancel: handleMouseUp,
-      onBlur: handleOnBlur,
-      suppressContentEditableWarning: true,
-      style: isEditing ? {
-        backgroundColor: "transparent",
-        cursor: "text",
-        display: "inline"
-      } : { cursor: "pointer", display: "inline" },
-      ref: divRef,
-      children
-    }
-  );
-};
-export {
-  ContentEditor
-};
-//# sourceMappingURL=ContentEditor.mjs.map

package/dist/esm/ContentEditor/ContentEditor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n  type FC,\n  type MouseEventHandler,\n} from 'react';\n\ntype ContentEditorProps = {\n  children?: string;\n};\n\nconst PRESS_DETECT_DURATION = 500;\n\nexport const ContentEditor: FC<ContentEditorProps> = ({ children }) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const handleOnLongPress = () => {\n    setIsEditing(true);\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, PRESS_DETECT_DURATION);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseUp = () => {\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsEditing(false);\n      }\n    },\n    [divRef]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isEditing) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsEditing(false);\n  };\n\n  const onContentChange = (_e: React.FormEvent<HTMLDivElement>) => {\n    // console.log(e.currentTarget.textContent);\n  };\n\n  return (\n    <div\n      role=\"textbox\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      contentEditable={isEditing}\n      onInput={onContentChange}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      suppressContentEditableWarning={true} // To suppress the warning for controlled components\n      style={\n        isEditing\n          ? {\n              backgroundColor: 'transparent',\n              cursor: 'text',\n              display: 'inline',\n            }\n          : { cursor: 'pointer', display: 'inline' }\n      }\n      ref={divRef}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";AAsFI;AApFJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAMP,MAAM,wBAAwB;AAEvB,MAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,gBAAgB,OAA6C,IAAI;AAEvE,QAAM,oBAAoB,MAAM;AAC9B,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc,UAAU,WAAW,MAAM;AACvC,wBAAkB;AAAA,IACpB,GAAG,qBAAqB;AAAA,EAC1B;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,oBAAgB;AAChB,oBAAgB;AAAA,EAClB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,oBAAgB;AAAA,EAClB;AAGA,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEX,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,gBAAmD,CAAC,MAAM;AAC9D,QAAI,WAAW;AACb,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,kBAAkB,CAAC,OAAwC;AAAA,EAEjE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,gCAAgC;AAAA,MAChC,OACE,YACI;AAAA,QACE,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,SAAS;AAAA,MACX,IACA,EAAE,QAAQ,WAAW,SAAS,SAAS;AAAA,MAE7C,KAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/esm/ContentEditor/contentRender.d.mts

@@ -1,3 +0,0 @@
-declare const contentRender: (content: string) => string;
-
-export { contentRender };

package/dist/esm/ContentEditor/contentRender.mjs

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { ContentEditor } from './ContentEditor.mjs';
-const contentRender = (content) => {
-  const isEditable = process.env.NODE_ENV === "development";
-  if (isEditable && ContentEditor) {
-    return /* @__PURE__ */ jsx(ContentEditor, { children: content });
-  }
-  return content;
-};
-export {
-  contentRender
-};
-//# sourceMappingURL=contentRender.mjs.map

package/dist/esm/ContentEditor/contentRender.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/contentRender.tsx"],"sourcesContent":["import { ContentEditor } from './ContentEditor';\n\nexport const contentRender = (content: string) => {\n  const isEditable = process.env.NODE_ENV === 'development';\n\n  if (isEditable && ContentEditor) {\n    return (<ContentEditor>{content}</ContentEditor>) as unknown as string;\n  }\n\n  return content;\n};\n"],"mappings":"AAMY;AANZ,SAAS,qBAAqB;AAEvB,MAAM,gBAAgB,CAAC,YAAoB;AAChD,QAAM,aAAa,QAAQ,IAAI,aAAa;AAE5C,MAAI,cAAc,eAAe;AAC/B,WAAQ,oBAAC,iBAAe,mBAAQ;AAAA,EAClC;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/ContentEditor/index.d.mts

@@ -1,3 +0,0 @@
-export { ContentEditor } from './ContentEditor.mjs';
-export { contentRender } from './contentRender.mjs';
-import 'react';

package/dist/esm/ContentEditor/index.mjs

@@ -1,3 +0,0 @@
-export * from './ContentEditor.mjs';
-export * from './contentRender.mjs';
-//# sourceMappingURL=index.mjs.map

package/dist/esm/ContentEditor/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ContentEditor/index.tsx"],"sourcesContent":["export * from './ContentEditor';\nexport * from './contentRender';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/processDictionary/contentDictionary.d.d.mts

@@ -1,29 +0,0 @@
-import { TranslationContent } from '@intlayer/core';
-
-type ContentValue =
-  | string
-  | {
-      [key: string]: ContentValue;
-    }
-  | TranslationContent<unknown>;
-
-type Content = Record<string, ContentValue | undefined>;
-
-type TransformedContentValue =
-  | string
-  | {
-      [key: string]: TransformedContentValue;
-    }
-  | undefined
-  | ((quantity: number) => TransformedContentValue);
-
-type TransformedContent = Record<
-  string,
-  TransformedContentValue | undefined
->;
-
-type ContentDictionary = Content & {
-  id: string;
-};
-
-export type { Content, ContentDictionary, ContentValue, TransformedContent, TransformedContentValue };

package/dist/esm/processDictionary/contentDictionary.d.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=contentDictionary.d.mjs.map

package/src/ContentEditor/ContentEditor.tsx

@@ -1,116 +0,0 @@
-'use client';
-
-import {
-  useEffect,
-  useState,
-  useRef,
-  useCallback,
-  type FC,
-  type MouseEventHandler,
-} from 'react';
-
-type ContentEditorProps = {
-  children?: string;
-};
-
-const PRESS_DETECT_DURATION = 500;
-
-export const ContentEditor: FC<ContentEditorProps> = ({ children }) => {
-  const divRef = useRef<HTMLDivElement>(null);
-  const [isEditing, setIsEditing] = useState(false);
-  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  const handleOnLongPress = () => {
-    setIsEditing(true);
-  };
-
-  const startPressTimer = () => {
-    pressTimerRef.current = setTimeout(() => {
-      handleOnLongPress();
-    }, PRESS_DETECT_DURATION);
-  };
-
-  const clearPressTimer = () => {
-    if (pressTimerRef.current) {
-      clearTimeout(pressTimerRef.current);
-      pressTimerRef.current = null;
-    }
-  };
-
-  const handleMouseDown = () => {
-    clearPressTimer(); // Ensure any previous timer is cleared
-    startPressTimer();
-  };
-
-  const handleMouseUp = () => {
-    clearPressTimer();
-  };
-
-  // Use useCallback to ensure the function identity remains stable
-  const handleClickOutside = useCallback(
-    (event: MouseEvent) => {
-      if (divRef.current && !divRef.current.contains(event.target as Node)) {
-        setIsEditing(false);
-      }
-    },
-    [divRef]
-  );
-
-  useEffect(() => {
-    // Attach click outside listener
-    document.addEventListener('mousedown', handleClickOutside);
-
-    return () => {
-      // Cleanup
-      document.removeEventListener('mousedown', handleClickOutside);
-      clearPressTimer(); // Ensure to clear the timer when component unmounts
-    };
-  }, [handleClickOutside]);
-
-  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {
-    if (isEditing) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-
-  const handleOnBlur = () => {
-    // Stop editing when the element loses focus
-    setIsEditing(false);
-  };
-
-  const onContentChange = (_e: React.FormEvent<HTMLDivElement>) => {
-    // console.log(e.currentTarget.textContent);
-  };
-
-  return (
-    <div
-      role="textbox"
-      tabIndex={0}
-      onKeyUp={() => null}
-      contentEditable={isEditing}
-      onInput={onContentChange}
-      onClick={handleOnClick}
-      onMouseDown={handleMouseDown}
-      onMouseUp={handleMouseUp}
-      onMouseLeave={handleMouseUp}
-      onTouchStart={handleMouseDown}
-      onTouchEnd={handleMouseUp}
-      onTouchCancel={handleMouseUp}
-      onBlur={handleOnBlur}
-      suppressContentEditableWarning={true} // To suppress the warning for controlled components
-      style={
-        isEditing
-          ? {
-              backgroundColor: 'transparent',
-              cursor: 'text',
-              display: 'inline',
-            }
-          : { cursor: 'pointer', display: 'inline' }
-      }
-      ref={divRef}
-    >
-      {children}
-    </div>
-  );
-};

package/src/ContentEditor/contentRender.tsx

@@ -1,11 +0,0 @@
-import { ContentEditor } from './ContentEditor';
-
-export const contentRender = (content: string) => {
-  const isEditable = process.env.NODE_ENV === 'development';
-
-  if (isEditable && ContentEditor) {
-    return (<ContentEditor>{content}</ContentEditor>) as unknown as string;
-  }
-
-  return content;
-};

package/src/ContentEditor/index.tsx

@@ -1,2 +0,0 @@
-export * from './ContentEditor';
-export * from './contentRender';