@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/fields/AlignmentField.js

@@ -5,9 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Replaces select dropdowns with intuitive icon toggles for
  * left, center, right alignment.
- */
-import { useCallback, memo } from 'react';
-import { AlignLeft, AlignCenter, AlignRight, X, } from 'lucide-react';
+ */ import React, { useCallback, memo } from 'react';
+import { AlignLeft, AlignCenter, AlignRight, X } from 'lucide-react';
 // =============================================================================
 // Styles
 // =============================================================================
@@ -15,17 +14,17 @@ const styles = {
     container: {
         display: 'flex',
         flexDirection: 'column',
-        gap: '8px',
+        gap: '8px'
     },
     header: {
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'space-between',
+        justifyContent: 'space-between'
     },
     label: {
         fontSize: '14px',
         fontWeight: 500,
-        color: 'var(--theme-elevation-800)',
+        color: 'var(--theme-elevation-800)'
     },
     clearButton: {
         display: 'flex',
@@ -38,12 +37,12 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'transparent',
         color: 'var(--theme-elevation-500)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonGroup: {
         display: 'flex',
         flexWrap: 'wrap',
-        gap: '4px',
+        gap: '4px'
     },
     button: {
         display: 'flex',
@@ -56,7 +55,7 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-bg)',
         color: 'var(--theme-elevation-700)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonActive: {
         display: 'flex',
@@ -69,38 +68,96 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-elevation-800)',
         color: 'var(--theme-bg)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonDisabled: {
         opacity: 0.5,
-        cursor: 'not-allowed',
-    },
+        cursor: 'not-allowed'
+    }
 };
 // =============================================================================
 // AlignmentField Component
 // =============================================================================
-function AlignmentFieldInner({ value, onChange, label = 'Alignment', readOnly, defaultValue = 'left', }) {
+function AlignmentFieldInner({ value, onChange, label = 'Alignment', readOnly, defaultValue = 'left' }) {
     const currentValue = value ?? defaultValue;
-    const handleChange = useCallback((alignment) => {
+    const handleChange = useCallback((alignment)=>{
         onChange(alignment);
-    }, [onChange]);
-    const handleClear = useCallback(() => {
+    }, [
+        onChange
+    ]);
+    const handleClear = useCallback(()=>{
         onChange(null);
-    }, [onChange]);
+    }, [
+        onChange
+    ]);
     const alignments = [
-        { value: 'left', icon: AlignLeft, title: 'Align left' },
-        { value: 'center', icon: AlignCenter, title: 'Align center' },
-        { value: 'right', icon: AlignRight, title: 'Align right' },
+        {
+            value: 'left',
+            icon: AlignLeft,
+            title: 'Align left'
+        },
+        {
+            value: 'center',
+            icon: AlignCenter,
+            title: 'Align center'
+        },
+        {
+            value: 'right',
+            icon: AlignRight,
+            title: 'Align right'
+        }
     ];
-    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("label", { style: styles.label, children: label }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.buttonGroup, children: alignments.map(({ value: alignment, icon: Icon, title }) => {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "puck-field",
+        style: styles.container,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.header,
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        style: styles.label,
+                        children: label
+                    }),
+                    value && !readOnly && /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: handleClear,
+                        style: styles.clearButton,
+                        title: "Reset to default",
+                        children: /*#__PURE__*/ _jsx(X, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: styles.buttonGroup,
+                children: alignments.map(({ value: alignment, icon: Icon, title })=>{
                     const isActive = currentValue === alignment;
-                    return (_jsx("button", { type: "button", onClick: () => handleChange(alignment), disabled: readOnly, style: {
-                            ...(isActive ? styles.buttonActive : styles.button),
-                            ...(readOnly ? styles.buttonDisabled : {}),
-                        }, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, alignment));
-                }) })] }));
+                    return /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: ()=>handleChange(alignment),
+                        disabled: readOnly,
+                        style: {
+                            ...isActive ? styles.buttonActive : styles.button,
+                            ...readOnly ? styles.buttonDisabled : {}
+                        },
+                        title: title,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    }, alignment);
+                })
+            })
+        ]
+    });
 }
-export const AlignmentField = memo(AlignmentFieldInner);
+export const AlignmentField = /*#__PURE__*/ memo(AlignmentFieldInner);
 /**
  * Creates a Puck field configuration for alignment control
  *
@@ -110,12 +167,18 @@ export const AlignmentField = memo(AlignmentFieldInner);
  *   alignment: createAlignmentField({ label: 'Text Alignment' }),
  * }
  * ```
- */
-export function createAlignmentField(config = {}) {
+ */ export function createAlignmentField(config = {}) {
     return {
         type: 'custom',
         label: config.label,
-        render: ({ value, onChange, readOnly }) => (_jsx(AlignmentField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+        render: ({ value, onChange, readOnly })=>/*#__PURE__*/ _jsx(AlignmentField, {
+                value: value,
+                onChange: onChange,
+                label: config.label,
+                readOnly: readOnly,
+                defaultValue: config.defaultValue
+            })
     };
 }
+
 //# sourceMappingURL=AlignmentField.js.map

package/dist/fields/AlignmentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentField.js","sourceRoot":"","sources":["../../src/fields/AlignmentField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/fields/AlignmentField.tsx"],"sourcesContent":["'use client'\n\n/**\n * AlignmentField - Icon toggle buttons for text/content alignment\n *\n * Replaces select dropdowns with intuitive icon toggles for\n * left, center, right alignment.\n */\n\nimport React, { useCallback, memo, type CSSProperties } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport {\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  X,\n} from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type Alignment = 'left' | 'center' | 'right'\n\ninterface AlignmentFieldProps {\n  value: Alignment | null\n  onChange: (value: Alignment | null) => void\n  label?: string\n  readOnly?: boolean\n  /** Default value when cleared or initially null */\n  defaultValue?: Alignment\n}\n\n// =============================================================================\n// Styles\n// =============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n  } as CSSProperties,\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  } as CSSProperties,\n  label: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-elevation-800)',\n  } as CSSProperties,\n  clearButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '24px',\n    height: '24px',\n    padding: 0,\n    border: 'none',\n    borderRadius: '4px',\n    backgroundColor: 'transparent',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonGroup: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '4px',\n  } as CSSProperties,\n  button: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '32px',\n    height: '32px',\n    padding: 0,\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-700)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonActive: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '32px',\n    height: '32px',\n    padding: 0,\n    border: '1px solid var(--theme-elevation-800)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-elevation-800)',\n    color: 'var(--theme-bg)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  } as CSSProperties,\n}\n\n// =============================================================================\n// AlignmentField Component\n// =============================================================================\n\nfunction AlignmentFieldInner({\n  value,\n  onChange,\n  label = 'Alignment',\n  readOnly,\n  defaultValue = 'left',\n}: AlignmentFieldProps) {\n  const currentValue = value ?? defaultValue\n\n  const handleChange = useCallback((alignment: Alignment) => {\n    onChange(alignment)\n  }, [onChange])\n\n  const handleClear = useCallback(() => {\n    onChange(null)\n  }, [onChange])\n\n  const alignments = [\n    { value: 'left' as Alignment, icon: AlignLeft, title: 'Align left' },\n    { value: 'center' as Alignment, icon: AlignCenter, title: 'Align center' },\n    { value: 'right' as Alignment, icon: AlignRight, title: 'Align right' },\n  ]\n\n  return (\n    <div className=\"puck-field\" style={styles.container}>\n      {/* Header with label and clear */}\n      <div style={styles.header}>\n        <label style={styles.label}>\n          {label}\n        </label>\n        {value && !readOnly && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            style={styles.clearButton}\n            title=\"Reset to default\"\n          >\n            <X style={{ width: '16px', height: '16px' }} />\n          </button>\n        )}\n      </div>\n\n      {/* Alignment toggle buttons */}\n      <div style={styles.buttonGroup}>\n        {alignments.map(({ value: alignment, icon: Icon, title }) => {\n          const isActive = currentValue === alignment\n          return (\n            <button\n              key={alignment}\n              type=\"button\"\n              onClick={() => handleChange(alignment)}\n              disabled={readOnly}\n              style={{\n                ...(isActive ? styles.buttonActive : styles.button),\n                ...(readOnly ? styles.buttonDisabled : {}),\n              }}\n              title={title}\n            >\n              <Icon style={{ width: '16px', height: '16px' }} />\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport const AlignmentField = memo(AlignmentFieldInner)\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\ninterface CreateAlignmentFieldConfig {\n  label?: string\n  defaultValue?: Alignment\n}\n\n/**\n * Creates a Puck field configuration for alignment control\n *\n * @example\n * ```ts\n * fields: {\n *   alignment: createAlignmentField({ label: 'Text Alignment' }),\n * }\n * ```\n */\nexport function createAlignmentField(\n  config: CreateAlignmentFieldConfig = {}\n): CustomField<Alignment | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <AlignmentField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        readOnly={readOnly}\n        defaultValue={config.defaultValue}\n      />\n    ),\n  }\n}\n"],"names":["React","useCallback","memo","AlignLeft","AlignCenter","AlignRight","X","styles","container","display","flexDirection","gap","header","alignItems","justifyContent","label","fontSize","fontWeight","color","clearButton","width","height","padding","border","borderRadius","backgroundColor","cursor","buttonGroup","flexWrap","button","buttonActive","buttonDisabled","opacity","AlignmentFieldInner","value","onChange","readOnly","defaultValue","currentValue","handleChange","alignment","handleClear","alignments","icon","title","div","className","style","type","onClick","map","Icon","isActive","disabled","AlignmentField","createAlignmentField","config","render"],"mappings":"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"}

package/dist/fields/AnimationField.d.ts

@@ -11,7 +11,7 @@
  */
 import React from 'react';
 import type { CustomField } from '@puckeditor/core';
-import type { AnimationValue } from './shared';
+import type { AnimationValue } from './shared.js';
 interface AnimationFieldProps {
     value: AnimationValue | null;
     onChange: (value: AnimationValue | null) => void;
@@ -20,7 +20,7 @@ interface AnimationFieldProps {
     /** Whether to show stagger controls (for container components) */
     showStagger?: boolean;
 }
-declare function AnimationFieldInner({ value, onChange, label, readOnly, showStagger, }: AnimationFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function AnimationFieldInner({ value, onChange, label, readOnly, showStagger, }: AnimationFieldProps): React.JSX.Element;
 export declare const AnimationField: React.MemoExoticComponent<typeof AnimationFieldInner>;
 interface CreateAnimationFieldConfig {
     label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"AnimationField.d.ts","sourceRoot":"","sources":["../../src/fields/AnimationField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,UAAU,CAAA;AAYjB,UAAU,mBAAmB;IAC3B,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAgVD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAmB,EACnB,QAAQ,EACR,WAAmB,GACpB,EAAE,mBAAmB,2CA8UrB;AAED,eAAO,MAAM,cAAc,uDAA4B,CAAA;AAMvD,UAAU,0BAA0B;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,0BAA+B,GAAG,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAchH"}
+{"version":3,"file":"AnimationField.d.ts","sourceRoot":"","sources":["../../src/fields/AnimationField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,aAAa,CAAA;AAYpB,UAAU,mBAAmB;IAC3B,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAgVD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAmB,EACnB,QAAQ,EACR,WAAmB,GACpB,EAAE,mBAAmB,qBA8UrB;AAED,eAAO,MAAM,cAAc,uDAA4B,CAAA;AAMvD,UAAU,0BAA0B;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,0BAA+B,GAAG,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAchH"}