@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/fields/PageSegmentField.d.ts

@@ -1,3 +1,16 @@
+/**
+ * PageSegmentField - Custom Puck field for page segment editing
+ *
+ * Provides an editable text field with automatic slugification.
+ * Integrates with @delmaredigital/payload-page-tree plugin.
+ *
+ * Exports:
+ * - PageSegmentField: Basic editable page segment field
+ * - LockedPageSegmentField: Locked by default, requires clicking lock icon to edit
+ * - createPageSegmentField: Factory for basic field
+ * - createLockedPageSegmentField: Factory for locked field (recommended for page-tree)
+ */
+import React from 'react';
 import type { CustomField } from '@puckeditor/core';
 interface PageSegmentFieldProps {
     value: string;
@@ -8,7 +21,7 @@ interface PageSegmentFieldProps {
 interface LockedPageSegmentFieldProps extends PageSegmentFieldProps {
     warningMessage?: string;
 }
-export declare function PageSegmentField({ value, onChange, label, placeholder, }: PageSegmentFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageSegmentField({ value, onChange, label, placeholder, }: PageSegmentFieldProps): React.JSX.Element;
 /**
  * Creates a Puck field configuration for page segment editing
  */
@@ -20,7 +33,7 @@ export declare function createPageSegmentField(config?: {
  * PageSegmentField with lock/unlock functionality.
  * Starts locked to prevent accidental URL changes.
  */
-export declare function LockedPageSegmentField({ value, onChange, label, placeholder, warningMessage, }: LockedPageSegmentFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockedPageSegmentField({ value, onChange, label, placeholder, warningMessage, }: LockedPageSegmentFieldProps): React.JSX.Element;
 /**
  * Creates a Puck field configuration for a locked page segment field.
  * Recommended for page-tree integration to prevent accidental URL changes.

package/dist/fields/PageSegmentField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageSegmentField.d.ts","sourceRoot":"","sources":["../../src/fields/PageSegmentField.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAwBnD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,2BAA4B,SAAQ,qBAAqB;IACjE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,KAAsB,EACtB,WAA4B,GAC7B,EAAE,qBAAqB,2CAqFvB;AAMD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,CAAC,EAAE;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,WAAW,CAAC,MAAM,CAAC,CAatB;AAMD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,KAAsB,EACtB,WAA4B,EAC5B,cAAoD,GACrD,EAAE,2BAA2B,2CA4I7B;AAMD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,CAAC,EAAE;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,WAAW,CAAC,MAAM,CAAC,CActB"}
+{"version":3,"file":"PageSegmentField.d.ts","sourceRoot":"","sources":["../../src/fields/PageSegmentField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAwBnD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,2BAA4B,SAAQ,qBAAqB;IACjE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,KAAsB,EACtB,WAA4B,GAC7B,EAAE,qBAAqB,qBAqFvB;AAMD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,CAAC,EAAE;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,WAAW,CAAC,MAAM,CAAC,CAatB;AAMD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,KAAsB,EACtB,WAA4B,EAC5B,cAAoD,GACrD,EAAE,2BAA2B,qBA4I7B;AAMD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,CAAC,EAAE;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,WAAW,CAAC,MAAM,CAAC,CActB"}

package/dist/fields/PageSegmentField.js

@@ -11,63 +11,81 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * - LockedPageSegmentField: Locked by default, requires clicking lock icon to edit
  * - createPageSegmentField: Factory for basic field
  * - createLockedPageSegmentField: Factory for locked field (recommended for page-tree)
- */
-import { useState, useCallback, useEffect, useRef } from 'react';
+ */ import React, { useState, useCallback, useEffect, useRef } from 'react';
 import { Lock, Unlock } from 'lucide-react';
 // =============================================================================
 // Slugify Utility
 // =============================================================================
 /**
  * Converts a string to a URL-safe slug
- */
-function slugify(text) {
-    return text
-        .toLowerCase()
-        .trim()
-        .replace(/[^\w\s-]/g, '') // Remove special characters
-        .replace(/[\s_]+/g, '-') // Replace spaces and underscores with hyphens
-        .replace(/-+/g, '-') // Remove consecutive hyphens
-        .replace(/^-+|-+$/g, ''); // Remove leading/trailing hyphens
+ */ function slugify(text) {
+    return text.toLowerCase().trim().replace(/[^\w\s-]/g, '') // Remove special characters
+    .replace(/[\s_]+/g, '-') // Replace spaces and underscores with hyphens
+    .replace(/-+/g, '-') // Remove consecutive hyphens
+    .replace(/^-+|-+$/g, '') // Remove leading/trailing hyphens
+    ;
 }
 // =============================================================================
 // PageSegmentField Component
 // =============================================================================
-export function PageSegmentField({ value, onChange, label = 'Page Segment', placeholder = 'page-segment', }) {
+export function PageSegmentField({ value, onChange, label = 'Page Segment', placeholder = 'page-segment' }) {
     const [localValue, setLocalValue] = useState(value);
     const [isFocused, setIsFocused] = useState(false);
     const inputRef = useRef(null);
     // Sync with external value changes
-    useEffect(() => {
+    useEffect(()=>{
         if (!isFocused) {
             setLocalValue(value);
         }
-    }, [value, isFocused]);
-    const handleChange = useCallback((e) => {
+    }, [
+        value,
+        isFocused
+    ]);
+    const handleChange = useCallback((e)=>{
         const newValue = e.target.value;
         setLocalValue(newValue);
     }, []);
-    const handleBlur = useCallback(() => {
+    const handleBlur = useCallback(()=>{
         setIsFocused(false);
         // Slugify on blur
         const slugified = slugify(localValue);
         setLocalValue(slugified);
         onChange(slugified);
-    }, [localValue, onChange]);
-    const handleFocus = useCallback(() => {
+    }, [
+        localValue,
+        onChange
+    ]);
+    const handleFocus = useCallback(()=>{
         setIsFocused(true);
     }, []);
-    const handleKeyDown = useCallback((e) => {
+    const handleKeyDown = useCallback((e)=>{
         if (e.key === 'Enter') {
             inputRef.current?.blur();
         }
     }, []);
-    return (_jsxs("div", { className: "puck-field", children: [_jsx("label", { style: {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "puck-field",
+        children: [
+            /*#__PURE__*/ _jsx("label", {
+                style: {
                     display: 'block',
                     fontSize: '14px',
                     fontWeight: 500,
                     color: 'var(--puck-color-grey-04)',
-                    marginBottom: '8px',
-                }, children: label }), _jsx("input", { ref: inputRef, type: "text", value: localValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: placeholder, style: {
+                    marginBottom: '8px'
+                },
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("input", {
+                ref: inputRef,
+                type: "text",
+                value: localValue,
+                onChange: handleChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onKeyDown: handleKeyDown,
+                placeholder: placeholder,
+                style: {
                     width: '100%',
                     padding: '8px 12px',
                     fontSize: '14px',
@@ -76,24 +94,35 @@ export function PageSegmentField({ value, onChange, label = 'Page Segment', plac
                     backgroundColor: 'var(--puck-color-white)',
                     color: 'var(--puck-color-grey-04)',
                     outline: 'none',
-                    transition: 'border-color 0.15s ease',
-                } }), _jsx("p", { style: {
+                    transition: 'border-color 0.15s ease'
+                }
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                style: {
                     marginTop: '6px',
                     fontSize: '12px',
-                    color: 'var(--puck-color-grey-06)',
-                }, children: "Auto-slugified on blur. Used in URL path." })] }));
+                    color: 'var(--puck-color-grey-06)'
+                },
+                children: "Auto-slugified on blur. Used in URL path."
+            })
+        ]
+    });
 }
 // =============================================================================
 // Field Configuration Factory
 // =============================================================================
 /**
  * Creates a Puck field configuration for page segment editing
- */
-export function createPageSegmentField(config) {
+ */ export function createPageSegmentField(config) {
     return {
         type: 'custom',
         label: config?.label ?? 'Page Segment',
-        render: ({ value, onChange }) => (_jsx(PageSegmentField, { value: value || '', onChange: onChange, label: config?.label, placeholder: config?.placeholder })),
+        render: ({ value, onChange })=>/*#__PURE__*/ _jsx(PageSegmentField, {
+                value: value || '',
+                onChange: onChange,
+                label: config?.label,
+                placeholder: config?.placeholder
+            })
     };
 }
 // =============================================================================
@@ -102,47 +131,66 @@ export function createPageSegmentField(config) {
 /**
  * PageSegmentField with lock/unlock functionality.
  * Starts locked to prevent accidental URL changes.
- */
-export function LockedPageSegmentField({ value, onChange, label = 'Page Segment', placeholder = 'page-segment', warningMessage = 'Changing may break existing links', }) {
+ */ export function LockedPageSegmentField({ value, onChange, label = 'Page Segment', placeholder = 'page-segment', warningMessage = 'Changing may break existing links' }) {
     const [isLocked, setIsLocked] = useState(true);
     const [localValue, setLocalValue] = useState(value);
     const [isFocused, setIsFocused] = useState(false);
     const inputRef = useRef(null);
     // Sync with external value changes
-    useEffect(() => {
+    useEffect(()=>{
         if (!isFocused) {
             setLocalValue(value);
         }
-    }, [value, isFocused]);
-    const handleChange = useCallback((e) => {
+    }, [
+        value,
+        isFocused
+    ]);
+    const handleChange = useCallback((e)=>{
         const newValue = e.target.value;
         setLocalValue(newValue);
     }, []);
-    const handleBlur = useCallback(() => {
+    const handleBlur = useCallback(()=>{
         setIsFocused(false);
         // Slugify on blur
         const slugified = slugify(localValue);
         setLocalValue(slugified);
         onChange(slugified);
-    }, [localValue, onChange]);
-    const handleFocus = useCallback(() => {
+    }, [
+        localValue,
+        onChange
+    ]);
+    const handleFocus = useCallback(()=>{
         setIsFocused(true);
     }, []);
-    const handleKeyDown = useCallback((e) => {
+    const handleKeyDown = useCallback((e)=>{
         if (e.key === 'Enter') {
             inputRef.current?.blur();
         }
     }, []);
-    return (_jsxs("div", { className: "puck-field", children: [_jsxs("div", { className: "puck-field-header", style: {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "puck-field",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "puck-field-header",
+                style: {
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'space-between',
-                    marginBottom: '8px',
-                }, children: [_jsx("label", { style: {
+                    marginBottom: '8px'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        style: {
                             fontSize: '14px',
                             fontWeight: 500,
-                            color: 'var(--puck-color-grey-04)',
-                        }, children: label }), _jsx("button", { type: "button", onClick: () => setIsLocked(!isLocked), style: {
+                            color: 'var(--puck-color-grey-04)'
+                        },
+                        children: label
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: ()=>setIsLocked(!isLocked),
+                        style: {
                             background: 'none',
                             border: 'none',
                             padding: '4px',
@@ -152,8 +200,33 @@ export function LockedPageSegmentField({ value, onChange, label = 'Page Segment'
                             alignItems: 'center',
                             justifyContent: 'center',
                             borderRadius: '4px',
-                            transition: 'all 0.15s ease',
-                        }, title: isLocked ? 'Click to unlock' : 'Click to lock', children: isLocked ? _jsx(Lock, { size: 14 }) : _jsx(Unlock, { size: 14 }) })] }), _jsxs("div", { style: { position: 'relative' }, children: [_jsx("input", { ref: inputRef, type: "text", value: localValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: isLocked, placeholder: placeholder, style: {
+                            transition: 'all 0.15s ease'
+                        },
+                        title: isLocked ? 'Click to unlock' : 'Click to lock',
+                        children: isLocked ? /*#__PURE__*/ _jsx(Lock, {
+                            size: 14
+                        }) : /*#__PURE__*/ _jsx(Unlock, {
+                            size: 14
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    position: 'relative'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        ref: inputRef,
+                        type: "text",
+                        value: localValue,
+                        onChange: handleChange,
+                        onFocus: handleFocus,
+                        onBlur: handleBlur,
+                        onKeyDown: handleKeyDown,
+                        disabled: isLocked,
+                        placeholder: placeholder,
+                        style: {
                             width: '100%',
                             padding: '8px 12px',
                             paddingRight: isLocked ? '32px' : '12px',
@@ -164,21 +237,44 @@ export function LockedPageSegmentField({ value, onChange, label = 'Page Segment'
                             color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-grey-04)',
                             cursor: isLocked ? 'not-allowed' : 'text',
                             outline: 'none',
-                            transition: 'all 0.15s ease',
-                        } }), isLocked && (_jsx(Lock, { size: 14, style: {
+                            transition: 'all 0.15s ease'
+                        }
+                    }),
+                    isLocked && /*#__PURE__*/ _jsx(Lock, {
+                        size: 14,
+                        style: {
                             position: 'absolute',
                             right: '10px',
                             top: '50%',
                             transform: 'translateY(-50%)',
-                            color: 'var(--puck-color-grey-07)',
-                        } }))] }), _jsx("p", { style: {
+                            color: 'var(--puck-color-grey-07)'
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                style: {
                     marginTop: '6px',
                     fontSize: '12px',
                     color: 'var(--puck-color-grey-06)',
                     display: 'flex',
                     alignItems: 'center',
-                    gap: '4px',
-                }, children: !isLocked && warningMessage ? (_jsxs(_Fragment, { children: [_jsx("span", { style: { color: 'var(--puck-color-rose-07)' }, children: "\u26A0" }), warningMessage] })) : ('Auto-slugified on blur. Used in URL path.') })] }));
+                    gap: '4px'
+                },
+                children: !isLocked && warningMessage ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            style: {
+                                color: 'var(--puck-color-rose-07)'
+                            },
+                            children: "⚠"
+                        }),
+                        warningMessage
+                    ]
+                }) : 'Auto-slugified on blur. Used in URL path.'
+            })
+        ]
+    });
 }
 // =============================================================================
 // Locked Field Configuration Factory
@@ -186,12 +282,18 @@ export function LockedPageSegmentField({ value, onChange, label = 'Page Segment'
 /**
  * Creates a Puck field configuration for a locked page segment field.
  * Recommended for page-tree integration to prevent accidental URL changes.
- */
-export function createLockedPageSegmentField(config) {
+ */ export function createLockedPageSegmentField(config) {
     return {
         type: 'custom',
         label: config?.label ?? 'Page Segment',
-        render: ({ value, onChange }) => (_jsx(LockedPageSegmentField, { value: value || '', onChange: onChange, label: config?.label, placeholder: config?.placeholder, warningMessage: config?.warningMessage })),
+        render: ({ value, onChange })=>/*#__PURE__*/ _jsx(LockedPageSegmentField, {
+                value: value || '',
+                onChange: onChange,
+                label: config?.label,
+                placeholder: config?.placeholder,
+                warningMessage: config?.warningMessage
+            })
     };
 }
+
 //# sourceMappingURL=PageSegmentField.js.map

package/dist/fields/PageSegmentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSegmentField.js","sourceRoot":"","sources":["../../src/fields/PageSegmentField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/fields/PageSegmentField.tsx"],"sourcesContent":["'use client'\n\n/**\n * PageSegmentField - Custom Puck field for page segment editing\n *\n * Provides an editable text field with automatic slugification.\n * Integrates with @delmaredigital/payload-page-tree plugin.\n *\n * Exports:\n * - PageSegmentField: Basic editable page segment field\n * - LockedPageSegmentField: Locked by default, requires clicking lock icon to edit\n * - createPageSegmentField: Factory for basic field\n * - createLockedPageSegmentField: Factory for locked field (recommended for page-tree)\n */\n\nimport React, { useState, useCallback, useEffect, useRef } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport { Lock, Unlock } from 'lucide-react'\n\n// =============================================================================\n// Slugify Utility\n// =============================================================================\n\n/**\n * Converts a string to a URL-safe slug\n */\nfunction slugify(text: string): string {\n  return text\n    .toLowerCase()\n    .trim()\n    .replace(/[^\\w\\s-]/g, '') // Remove special characters\n    .replace(/[\\s_]+/g, '-') // Replace spaces and underscores with hyphens\n    .replace(/-+/g, '-') // Remove consecutive hyphens\n    .replace(/^-+|-+$/g, '') // Remove leading/trailing hyphens\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\ninterface PageSegmentFieldProps {\n  value: string\n  onChange: (value: string) => void\n  label?: string\n  placeholder?: string\n}\n\ninterface LockedPageSegmentFieldProps extends PageSegmentFieldProps {\n  warningMessage?: string\n}\n\n// =============================================================================\n// PageSegmentField Component\n// =============================================================================\n\nexport function PageSegmentField({\n  value,\n  onChange,\n  label = 'Page Segment',\n  placeholder = 'page-segment',\n}: PageSegmentFieldProps) {\n  const [localValue, setLocalValue] = useState(value)\n  const [isFocused, setIsFocused] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Sync with external value changes\n  useEffect(() => {\n    if (!isFocused) {\n      setLocalValue(value)\n    }\n  }, [value, isFocused])\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalValue(newValue)\n  }, [])\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false)\n    // Slugify on blur\n    const slugified = slugify(localValue)\n    setLocalValue(slugified)\n    onChange(slugified)\n  }, [localValue, onChange])\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true)\n  }, [])\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      inputRef.current?.blur()\n    }\n  }, [])\n\n  return (\n    <div className=\"puck-field\">\n      {/* Label */}\n      <label\n        style={{\n          display: 'block',\n          fontSize: '14px',\n          fontWeight: 500,\n          color: 'var(--puck-color-grey-04)',\n          marginBottom: '8px',\n        }}\n      >\n        {label}\n      </label>\n\n      {/* Input */}\n      <input\n        ref={inputRef}\n        type=\"text\"\n        value={localValue}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        style={{\n          width: '100%',\n          padding: '8px 12px',\n          fontSize: '14px',\n          border: `1px solid ${isFocused ? 'var(--puck-color-azure-06)' : 'var(--puck-color-grey-09)'}`,\n          borderRadius: '6px',\n          backgroundColor: 'var(--puck-color-white)',\n          color: 'var(--puck-color-grey-04)',\n          outline: 'none',\n          transition: 'border-color 0.15s ease',\n        }}\n      />\n\n      {/* Helper text */}\n      <p\n        style={{\n          marginTop: '6px',\n          fontSize: '12px',\n          color: 'var(--puck-color-grey-06)',\n        }}\n      >\n        Auto-slugified on blur. Used in URL path.\n      </p>\n    </div>\n  )\n}\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for page segment editing\n */\nexport function createPageSegmentField(config?: {\n  label?: string\n  placeholder?: string\n}): CustomField<string> {\n  return {\n    type: 'custom',\n    label: config?.label ?? 'Page Segment',\n    render: ({ value, onChange }) => (\n      <PageSegmentField\n        value={value || ''}\n        onChange={onChange}\n        label={config?.label}\n        placeholder={config?.placeholder}\n      />\n    ),\n  }\n}\n\n// =============================================================================\n// LockedPageSegmentField Component\n// =============================================================================\n\n/**\n * PageSegmentField with lock/unlock functionality.\n * Starts locked to prevent accidental URL changes.\n */\nexport function LockedPageSegmentField({\n  value,\n  onChange,\n  label = 'Page Segment',\n  placeholder = 'page-segment',\n  warningMessage = 'Changing may break existing links',\n}: LockedPageSegmentFieldProps) {\n  const [isLocked, setIsLocked] = useState(true)\n  const [localValue, setLocalValue] = useState(value)\n  const [isFocused, setIsFocused] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Sync with external value changes\n  useEffect(() => {\n    if (!isFocused) {\n      setLocalValue(value)\n    }\n  }, [value, isFocused])\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalValue(newValue)\n  }, [])\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false)\n    // Slugify on blur\n    const slugified = slugify(localValue)\n    setLocalValue(slugified)\n    onChange(slugified)\n  }, [localValue, onChange])\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true)\n  }, [])\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      inputRef.current?.blur()\n    }\n  }, [])\n\n  return (\n    <div className=\"puck-field\">\n      {/* Field header with label and lock toggle */}\n      <div\n        className=\"puck-field-header\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: '8px',\n        }}\n      >\n        <label\n          style={{\n            fontSize: '14px',\n            fontWeight: 500,\n            color: 'var(--puck-color-grey-04)',\n          }}\n        >\n          {label}\n        </label>\n        <button\n          type=\"button\"\n          onClick={() => setIsLocked(!isLocked)}\n          style={{\n            background: 'none',\n            border: 'none',\n            padding: '4px',\n            cursor: 'pointer',\n            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-azure-04)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            borderRadius: '4px',\n            transition: 'all 0.15s ease',\n          }}\n          title={isLocked ? 'Click to unlock' : 'Click to lock'}\n        >\n          {isLocked ? <Lock size={14} /> : <Unlock size={14} />}\n        </button>\n      </div>\n\n      {/* Input field */}\n      <div style={{ position: 'relative' }}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          value={localValue}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={isLocked}\n          placeholder={placeholder}\n          style={{\n            width: '100%',\n            padding: '8px 12px',\n            paddingRight: isLocked ? '32px' : '12px',\n            fontSize: '14px',\n            border: `1px solid ${isFocused && !isLocked ? 'var(--puck-color-azure-06)' : 'var(--puck-color-grey-09)'}`,\n            borderRadius: '6px',\n            backgroundColor: isLocked ? 'var(--puck-color-grey-11)' : 'var(--puck-color-white)',\n            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-grey-04)',\n            cursor: isLocked ? 'not-allowed' : 'text',\n            outline: 'none',\n            transition: 'all 0.15s ease',\n          }}\n        />\n        {isLocked && (\n          <Lock\n            size={14}\n            style={{\n              position: 'absolute',\n              right: '10px',\n              top: '50%',\n              transform: 'translateY(-50%)',\n              color: 'var(--puck-color-grey-07)',\n            }}\n          />\n        )}\n      </div>\n\n      {/* Helper text / Warning message */}\n      <p\n        style={{\n          marginTop: '6px',\n          fontSize: '12px',\n          color: 'var(--puck-color-grey-06)',\n          display: 'flex',\n          alignItems: 'center',\n          gap: '4px',\n        }}\n      >\n        {!isLocked && warningMessage ? (\n          <>\n            <span style={{ color: 'var(--puck-color-rose-07)' }}>⚠</span>\n            {warningMessage}\n          </>\n        ) : (\n          'Auto-slugified on blur. Used in URL path.'\n        )}\n      </p>\n    </div>\n  )\n}\n\n// =============================================================================\n// Locked Field Configuration Factory\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for a locked page segment field.\n * Recommended for page-tree integration to prevent accidental URL changes.\n */\nexport function createLockedPageSegmentField(config?: {\n  label?: string\n  placeholder?: string\n  warningMessage?: string\n}): CustomField<string> {\n  return {\n    type: 'custom',\n    label: config?.label ?? 'Page Segment',\n    render: ({ value, onChange }) => (\n      <LockedPageSegmentField\n        value={value || ''}\n        onChange={onChange}\n        label={config?.label}\n        placeholder={config?.placeholder}\n        warningMessage={config?.warningMessage}\n      />\n    ),\n  }\n}\n"],"names":["React","useState","useCallback","useEffect","useRef","Lock","Unlock","slugify","text","toLowerCase","trim","replace","PageSegmentField","value","onChange","label","placeholder","localValue","setLocalValue","isFocused","setIsFocused","inputRef","handleChange","e","newValue","target","handleBlur","slugified","handleFocus","handleKeyDown","key","current","blur","div","className","style","display","fontSize","fontWeight","color","marginBottom","input","ref","type","onFocus","onBlur","onKeyDown","width","padding","border","borderRadius","backgroundColor","outline","transition","p","marginTop","createPageSegmentField","config","render","LockedPageSegmentField","warningMessage","isLocked","setIsLocked","alignItems","justifyContent","button","onClick","background","cursor","title","size","position","disabled","paddingRight","right","top","transform","gap","span","createLockedPageSegmentField"],"mappings":"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"}

package/dist/fields/ResetField.d.ts

@@ -13,7 +13,7 @@ interface ResetFieldProps {
     label?: string;
     disabled?: boolean;
 }
-declare function ResetFieldInner({ onClick, label, disabled, }: ResetFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function ResetFieldInner({ onClick, label, disabled, }: ResetFieldProps): React.JSX.Element;
 export declare const ResetField: React.MemoExoticComponent<typeof ResetFieldInner>;
 interface CreateResetFieldConfig<T> {
     label?: string;

package/dist/fields/ResetField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetField.d.ts","sourceRoot":"","sources":["../../src/fields/ResetField.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAYnD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAqCD,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,KAA2B,EAC3B,QAAQ,GACT,EAAE,eAAe,2CA2BjB;AAED,eAAO,MAAM,UAAU,mDAAwB,CAAA;AA+C/C,UAAU,sBAAsB,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,CAAA;CAChB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAChC,WAAW,CAAC,OAAO,CAAC,CAuCtB"}
+{"version":3,"file":"ResetField.d.ts","sourceRoot":"","sources":["../../src/fields/ResetField.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAYnD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAqCD,iBAAS,eAAe,CAAC,EACvB,OAAO,EACP,KAA2B,EAC3B,QAAQ,GACT,EAAE,eAAe,qBA2BjB;AAED,eAAO,MAAM,UAAU,mDAAwB,CAAA;AA+C/C,UAAU,sBAAsB,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,CAAA;CAChB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAChC,WAAW,CAAC,OAAO,CAAC,CAuCtB"}

package/dist/fields/ResetField.js

@@ -7,8 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * and restores the component to its default state.
  *
  * Uses Puck's usePuck hook and dispatch to properly update component data.
- */
-import { memo, useCallback } from 'react';
+ */ import React, { memo, useCallback } from 'react';
 import { createUsePuck } from '@puckeditor/core';
 import { RefreshCw } from 'lucide-react';
 // Create usePuck hook for accessing editor state
@@ -19,7 +18,7 @@ const usePuck = createUsePuck();
 const styles = {
     container: {
         display: 'flex',
-        flexDirection: 'column',
+        flexDirection: 'column'
     },
     button: {
         display: 'flex',
@@ -35,46 +34,65 @@ const styles = {
         backgroundColor: 'transparent',
         color: 'var(--theme-elevation-500)',
         cursor: 'pointer',
-        transition: 'all 0.15s',
+        transition: 'all 0.15s'
     },
     buttonDisabled: {
         opacity: 0.5,
-        cursor: 'not-allowed',
-    },
+        cursor: 'not-allowed'
+    }
 };
 // =============================================================================
 // ResetField Component
 // =============================================================================
-function ResetFieldInner({ onClick, label = 'Reset to defaults', disabled, }) {
-    return (_jsx("div", { className: "puck-field", style: styles.container, children: _jsxs("button", { type: "button", onClick: onClick, disabled: disabled, style: {
+function ResetFieldInner({ onClick, label = 'Reset to defaults', disabled }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "puck-field",
+        style: styles.container,
+        children: /*#__PURE__*/ _jsxs("button", {
+            type: "button",
+            onClick: onClick,
+            disabled: disabled,
+            style: {
                 ...styles.button,
-                ...(disabled ? styles.buttonDisabled : {}),
-            }, onMouseOver: (e) => {
+                ...disabled ? styles.buttonDisabled : {}
+            },
+            onMouseOver: (e)=>{
                 if (!disabled) {
                     e.currentTarget.style.color = 'var(--theme-error-500)';
                     e.currentTarget.style.backgroundColor = 'rgba(239, 68, 68, 0.1)';
                 }
-            }, onMouseOut: (e) => {
+            },
+            onMouseOut: (e)=>{
                 e.currentTarget.style.color = 'var(--theme-elevation-500)';
                 e.currentTarget.style.backgroundColor = 'transparent';
-            }, children: [_jsx(RefreshCw, { style: { width: '14px', height: '14px' } }), label] }) }));
+            },
+            children: [
+                /*#__PURE__*/ _jsx(RefreshCw, {
+                    style: {
+                        width: '14px',
+                        height: '14px'
+                    }
+                }),
+                label
+            ]
+        })
+    });
 }
-export const ResetField = memo(ResetFieldInner);
+export const ResetField = /*#__PURE__*/ memo(ResetFieldInner);
 // =============================================================================
 // Helper Functions
 // =============================================================================
 /**
  * Recursively update a component's props in Puck data structure
- */
-function updateComponentInData(data, componentId, newProps) {
-    const updateItem = (item) => {
+ */ function updateComponentInData(data, componentId, newProps) {
+    const updateItem = (item)=>{
         if (item.props?.id === componentId) {
             return {
                 ...item,
                 props: {
                     ...newProps,
-                    id: componentId,
-                },
+                    id: componentId
+                }
             };
         }
         return item;
@@ -82,25 +100,24 @@ function updateComponentInData(data, componentId, newProps) {
     const updatedContent = data.content.map(updateItem);
     const updatedZones = {};
     if (data.zones) {
-        for (const [zoneName, zoneContent] of Object.entries(data.zones)) {
+        for (const [zoneName, zoneContent] of Object.entries(data.zones)){
             updatedZones[zoneName] = zoneContent.map(updateItem);
         }
     }
     return {
         ...data,
         content: updatedContent,
-        zones: Object.keys(updatedZones).length > 0 ? updatedZones : data.zones,
+        zones: Object.keys(updatedZones).length > 0 ? updatedZones : data.zones
     };
 }
 /**
  * Creates a Puck field configuration for a reset button
- */
-export function createResetField(config) {
-    const ResetFieldWrapper = ({ readOnly }) => {
-        const appState = usePuck((s) => s.appState);
-        const dispatch = usePuck((s) => s.dispatch);
-        const selectedItem = usePuck((s) => s.selectedItem);
-        const handleReset = useCallback(() => {
+ */ export function createResetField(config) {
+    const ResetFieldWrapper = ({ readOnly })=>{
+        const appState = usePuck((s)=>s.appState);
+        const dispatch = usePuck((s)=>s.dispatch);
+        const selectedItem = usePuck((s)=>s.selectedItem);
+        const handleReset = useCallback(()=>{
             if (!selectedItem?.props?.id) {
                 console.warn('ResetField: No selected item found');
                 return;
@@ -109,14 +126,25 @@ export function createResetField(config) {
             const updatedData = updateComponentInData(appState.data, componentId, config.defaultProps);
             dispatch({
                 type: 'setData',
-                data: updatedData,
+                data: updatedData
             });
-        }, [appState.data, dispatch, selectedItem]);
-        return (_jsx(ResetField, { onClick: handleReset, label: config.label, disabled: readOnly }));
+        }, [
+            appState.data,
+            dispatch,
+            selectedItem
+        ]);
+        return /*#__PURE__*/ _jsx(ResetField, {
+            onClick: handleReset,
+            label: config.label,
+            disabled: readOnly
+        });
     };
     return {
         type: 'custom',
-        render: ({ readOnly }) => _jsx(ResetFieldWrapper, { readOnly: readOnly }),
+        render: ({ readOnly })=>/*#__PURE__*/ _jsx(ResetFieldWrapper, {
+                readOnly: readOnly
+            })
     };
 }
+
 //# sourceMappingURL=ResetField.js.map