@pigment/auto-translate 1.6.0 → 1.6.1

package/dist/components/TranslationSettingsLock.js

@@ -1,155 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import './TranslationSettingsLock.css';
-/**
- * Component that provides lock/unlock functionality for translation settings
- * - Fields are locked by default (read-only)
- * - User must click "Unlock" to edit
- * - After saving, fields automatically lock again
- */ export const TranslationSettingsLock = ()=>{
-    const [isLocked, setIsLocked] = useState(true);
-    const formRef = useRef(null);
-    const observerRef = useRef(null);
-    const debounceTimerRef = useRef(null);
-    // Find form element (memoized selector logic)
-    const findForm = useCallback(()=>{
-        if (formRef.current && document.contains(formRef.current)) {
-            return formRef.current;
-        }
-        const formElement = document.querySelector('form[id*="translation-settings"]') || document.querySelector('form[id*="Global"]') || document.querySelector('form.render-fields') || document.querySelector('form');
-        const form = formElement;
-        if (form) {
-            formRef.current = form;
-        }
-        return form;
-    }, []);
-    // Apply lock/unlock state to all form fields (optimized with caching)
-    const applyLockState = useCallback(()=>{
-        const form = findForm();
-        if (!form) {
-            return;
-        }
-        // Find all input fields - using more efficient selector
-        const inputs = form.querySelectorAll('input[type="text"], input[type="number"], textarea');
-        // Batch DOM updates for better performance
-        inputs.forEach((input)=>{
-            // Skip if this is the lock control itself
-            if (input.closest('.translation-settings-lock-container')) {
-                return;
-            }
-            // Use single operation to update multiple attributes
-            if (isLocked) {
-                input.setAttribute('readonly', 'true');
-                input.setAttribute('disabled', 'true');
-                input.classList.add('translation-settings-locked');
-            } else {
-                input.removeAttribute('readonly');
-                input.removeAttribute('disabled');
-                input.classList.remove('translation-settings-locked');
-            }
-        });
-        // Update the save button state
-        const saveButtonElement = document.querySelector('button#action-save');
-        const saveButton = saveButtonElement;
-        if (saveButton) {
-            if (isLocked) {
-                saveButton.setAttribute('disabled', 'true');
-                saveButton.classList.add('translation-settings-save-locked');
-            } else {
-                saveButton.removeAttribute('disabled');
-                saveButton.classList.remove('translation-settings-save-locked');
-            }
-        }
-    }, [
-        isLocked,
-        findForm
-    ]);
-    // Debounced version of applyLockState for MutationObserver
-    const debouncedApplyLockState = useCallback(()=>{
-        if (debounceTimerRef.current) {
-            clearTimeout(debounceTimerRef.current);
-        }
-        debounceTimerRef.current = setTimeout(()=>{
-            applyLockState();
-        }, 100); // 100ms debounce
-    }, [
-        applyLockState
-    ]);
-    // Setup MutationObserver for form changes
-    useEffect(()=>{
-        // Initial application
-        const initialTimeout = setTimeout(applyLockState, 100);
-        // Setup observer to watch for dynamic field additions
-        const form = findForm();
-        if (form) {
-            observerRef.current = new MutationObserver(debouncedApplyLockState);
-            // Only observe the form element, not the entire body (much more efficient)
-            observerRef.current.observe(form, {
-                attributes: false,
-                childList: true,
-                subtree: true
-            });
-        }
-        return ()=>{
-            clearTimeout(initialTimeout);
-            if (debounceTimerRef.current) {
-                clearTimeout(debounceTimerRef.current);
-            }
-            if (observerRef.current) {
-                observerRef.current.disconnect();
-                observerRef.current = null;
-            }
-        };
-    }, [
-        isLocked,
-        applyLockState,
-        debouncedApplyLockState,
-        findForm
-    ]);
-    // Listen for form submission to auto-lock after save
-    useEffect(()=>{
-        const form = findForm();
-        if (!form) {
-            return;
-        }
-        const handleSubmit = ()=>{
-            // Lock after a delay to ensure save completes
-            setTimeout(()=>{
-                setIsLocked(true);
-            }, 2000);
-        };
-        form.addEventListener('submit', handleSubmit);
-        return ()=>{
-            form.removeEventListener('submit', handleSubmit);
-        };
-    }, [
-        findForm
-    ]);
-    const toggleLock = useCallback(()=>{
-        setIsLocked((prev)=>!prev);
-    }, [
-        isLocked
-    ]);
-    return /*#__PURE__*/ _jsx("div", {
-        className: "translation-settings-lock-container",
-        children: /*#__PURE__*/ _jsxs("button", {
-            className: `translation-settings-lock-button ${isLocked ? 'locked' : 'unlocked'}`,
-            onClick: toggleLock,
-            title: isLocked ? '🔒 Settings are locked to prevent accidental changes. Click to unlock and edit.' : '🔓 Settings are unlocked. Click to lock after saving your changes.',
-            type: "button",
-            children: [
-                /*#__PURE__*/ _jsx("span", {
-                    className: "translation-settings-lock-icon",
-                    children: isLocked ? '🔒' : '🔓'
-                }),
-                /*#__PURE__*/ _jsx("span", {
-                    className: "translation-settings-lock-label",
-                    children: isLocked ? 'Unlock Settings' : 'Lock Settings'
-                })
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=TranslationSettingsLock.js.map

package/dist/components/TranslationSettingsLock.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/TranslationSettingsLock.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport './TranslationSettingsLock.css'\n\n/**\n * Component that provides lock/unlock functionality for translation settings\n * - Fields are locked by default (read-only)\n * - User must click \"Unlock\" to edit\n * - After saving, fields automatically lock again\n */\nexport const TranslationSettingsLock: React.FC = () => {\n  const [isLocked, setIsLocked] = useState(true)\n  const formRef = useRef<HTMLFormElement | null>(null)\n  const observerRef = useRef<MutationObserver | null>(null)\n  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null)\n\n  // Find form element (memoized selector logic)\n  const findForm = useCallback((): HTMLFormElement | null => {\n    if (formRef.current && document.contains(formRef.current)) {\n      return formRef.current\n    }\n\n    const formElement =\n      document.querySelector('form[id*=\"translation-settings\"]') ||\n      document.querySelector('form[id*=\"Global\"]') ||\n      document.querySelector('form.render-fields') ||\n      document.querySelector('form')\n\n    const form = formElement as HTMLFormElement | null\n\n    if (form) {\n      formRef.current = form\n    }\n\n    return form\n  }, [])\n\n  // Apply lock/unlock state to all form fields (optimized with caching)\n  const applyLockState = useCallback(() => {\n    const form = findForm()\n\n    if (!form) {\n      return\n    }\n\n    // Find all input fields - using more efficient selector\n    const inputs = form.querySelectorAll<HTMLInputElement | HTMLTextAreaElement>(\n      'input[type=\"text\"], input[type=\"number\"], textarea',\n    )\n\n    // Batch DOM updates for better performance\n    inputs.forEach((input) => {\n      // Skip if this is the lock control itself\n      if (input.closest('.translation-settings-lock-container')) {\n        return\n      }\n\n      // Use single operation to update multiple attributes\n      if (isLocked) {\n        input.setAttribute('readonly', 'true')\n        input.setAttribute('disabled', 'true')\n        input.classList.add('translation-settings-locked')\n      } else {\n        input.removeAttribute('readonly')\n        input.removeAttribute('disabled')\n        input.classList.remove('translation-settings-locked')\n      }\n    })\n\n    // Update the save button state\n    const saveButtonElement = document.querySelector('button#action-save')\n    const saveButton = saveButtonElement as HTMLButtonElement | null\n\n    if (saveButton) {\n      if (isLocked) {\n        saveButton.setAttribute('disabled', 'true')\n        saveButton.classList.add('translation-settings-save-locked')\n      } else {\n        saveButton.removeAttribute('disabled')\n        saveButton.classList.remove('translation-settings-save-locked')\n      }\n    }\n  }, [isLocked, findForm])\n\n  // Debounced version of applyLockState for MutationObserver\n  const debouncedApplyLockState = useCallback(() => {\n    if (debounceTimerRef.current) {\n      clearTimeout(debounceTimerRef.current)\n    }\n\n    debounceTimerRef.current = setTimeout(() => {\n      applyLockState()\n    }, 100) // 100ms debounce\n  }, [applyLockState])\n\n  // Setup MutationObserver for form changes\n  useEffect(() => {\n    // Initial application\n    const initialTimeout = setTimeout(applyLockState, 100)\n\n    // Setup observer to watch for dynamic field additions\n    const form = findForm()\n\n    if (form) {\n      observerRef.current = new MutationObserver(debouncedApplyLockState)\n\n      // Only observe the form element, not the entire body (much more efficient)\n      observerRef.current.observe(form, {\n        attributes: false, // Don't watch attribute changes, only structure\n        childList: true,\n        subtree: true,\n      })\n    }\n\n    return () => {\n      clearTimeout(initialTimeout)\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n      if (observerRef.current) {\n        observerRef.current.disconnect()\n        observerRef.current = null\n      }\n    }\n  }, [isLocked, applyLockState, debouncedApplyLockState, findForm])\n\n  // Listen for form submission to auto-lock after save\n  useEffect(() => {\n    const form = findForm()\n\n    if (!form) {\n      return\n    }\n\n    const handleSubmit = () => {\n      // Lock after a delay to ensure save completes\n      setTimeout(() => {\n        setIsLocked(true)\n      }, 2000)\n    }\n\n    form.addEventListener('submit', handleSubmit)\n\n    return () => {\n      form.removeEventListener('submit', handleSubmit)\n    }\n  }, [findForm])\n\n  const toggleLock = useCallback(() => {\n    setIsLocked((prev) => !prev)\n  }, [isLocked])\n\n  return (\n    <div className=\"translation-settings-lock-container\">\n      <button\n        className={`translation-settings-lock-button ${isLocked ? 'locked' : 'unlocked'}`}\n        onClick={toggleLock}\n        title={\n          isLocked\n            ? '🔒 Settings are locked to prevent accidental changes. Click to unlock and edit.'\n            : '🔓 Settings are unlocked. Click to lock after saving your changes.'\n        }\n        type=\"button\"\n      >\n        <span className=\"translation-settings-lock-icon\">{isLocked ? '🔒' : '🔓'}</span>\n        <span className=\"translation-settings-lock-label\">\n          {isLocked ? 'Unlock Settings' : 'Lock Settings'}\n        </span>\n      </button>\n    </div>\n  )\n}\n"],"names":["React","useCallback","useEffect","useRef","useState","TranslationSettingsLock","isLocked","setIsLocked","formRef","observerRef","debounceTimerRef","findForm","current","document","contains","formElement","querySelector","form","applyLockState","inputs","querySelectorAll","forEach","input","closest","setAttribute","classList","add","removeAttribute","remove","saveButtonElement","saveButton","debouncedApplyLockState","clearTimeout","setTimeout","initialTimeout","MutationObserver","observe","attributes","childList","subtree","disconnect","handleSubmit","addEventListener","removeEventListener","toggleLock","prev","div","className","button","onClick","title","type","span"],"mappings":"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"}