@pixerate/editor-react 0.62.0 → 0.64.0

package/dist/image-editor/index.d.cts

@@ -166,25 +166,43 @@ interface LayersPanelProps {
     psd?: boolean;
     /** Base name of exported PSD files (default `image`). */
     psdFileName?: string;
+    /** Show the active layer's effects section (default true). */
+    effects?: boolean;
     className?: string;
 }
 /**
  * The layer stack, top first: visibility, thumbnails, names (double-click to rename), locks,
  * mask thumbnails (click to paint the mask, Shift-click to disable it), drag to reorder or drop
  * into a group, opacity / fill / blend / clipping for the active layer, and the layer menu
- * (right-click a row, or the ⋯ button). Every action is one undo step on the controller.
+ * (right-click a row, or the ⋯ button), an fx badge on rows with effects (click to switch them
+ * on or off) and the active layer's effects. Every action is one undo step on the controller.
  */
 declare const LayersPanel: React__default.FC<LayersPanelProps>;
 
+interface LayerEffectsPanelProps {
+    controller: ImageEditorController;
+    /** The layer whose effects to show (default: the active layer). */
+    layerId?: string | null;
+    className?: string;
+}
+/**
+ * A layer's effects (Photoshop's layer styles): the master switch, Scale Effects, an "Add effect"
+ * menu, and each effect with its enabled toggle, remove button and, when expanded, its settings.
+ * Every change is one undo step (a slider drag is one step too).
+ */
+declare const LayerEffectsPanel: React__default.FC<LayerEffectsPanelProps>;
+
 interface BrushOptionsBarProps {
     controller: ImageEditorController;
     className?: string;
 }
 /**
- * The paint tools: Move / Brush / Eraser, the brush's size, hardness, opacity, flow and smoothing,
- * pressure toggles, the foreground and background colours (D resets, X swaps) and Edit › Fill /
- * Clear on the active layer. Shortcuts are handled by `handlePaintShortcut` in the editor.
+ * The paint tools: Move / Brush / Mixer / Eraser, the brush's size, hardness, opacity, flow and
+ * smoothing, pressure toggles, the foreground and background colours (D resets, X swaps) and
+ * Edit › Fill / Clear on the active layer. With the Mixer Brush: its load (Load brush / Clean
+ * brush), Wet / Load / Mix, load and clean each stroke, and the RGB / Pigment mixing toggle.
+ * Shortcuts are handled by `handlePaintShortcut` in the editor.
  */
 declare const BrushOptionsBar: React__default.FC<BrushOptionsBarProps>;
 
-export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayerEffectsPanel, type LayerEffectsPanelProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

package/dist/image-editor/index.d.ts

@@ -166,25 +166,43 @@ interface LayersPanelProps {
     psd?: boolean;
     /** Base name of exported PSD files (default `image`). */
     psdFileName?: string;
+    /** Show the active layer's effects section (default true). */
+    effects?: boolean;
     className?: string;
 }
 /**
  * The layer stack, top first: visibility, thumbnails, names (double-click to rename), locks,
  * mask thumbnails (click to paint the mask, Shift-click to disable it), drag to reorder or drop
  * into a group, opacity / fill / blend / clipping for the active layer, and the layer menu
- * (right-click a row, or the ⋯ button). Every action is one undo step on the controller.
+ * (right-click a row, or the ⋯ button), an fx badge on rows with effects (click to switch them
+ * on or off) and the active layer's effects. Every action is one undo step on the controller.
  */
 declare const LayersPanel: React__default.FC<LayersPanelProps>;
 
+interface LayerEffectsPanelProps {
+    controller: ImageEditorController;
+    /** The layer whose effects to show (default: the active layer). */
+    layerId?: string | null;
+    className?: string;
+}
+/**
+ * A layer's effects (Photoshop's layer styles): the master switch, Scale Effects, an "Add effect"
+ * menu, and each effect with its enabled toggle, remove button and, when expanded, its settings.
+ * Every change is one undo step (a slider drag is one step too).
+ */
+declare const LayerEffectsPanel: React__default.FC<LayerEffectsPanelProps>;
+
 interface BrushOptionsBarProps {
     controller: ImageEditorController;
     className?: string;
 }
 /**
- * The paint tools: Move / Brush / Eraser, the brush's size, hardness, opacity, flow and smoothing,
- * pressure toggles, the foreground and background colours (D resets, X swaps) and Edit › Fill /
- * Clear on the active layer. Shortcuts are handled by `handlePaintShortcut` in the editor.
+ * The paint tools: Move / Brush / Mixer / Eraser, the brush's size, hardness, opacity, flow and
+ * smoothing, pressure toggles, the foreground and background colours (D resets, X swaps) and
+ * Edit › Fill / Clear on the active layer. With the Mixer Brush: its load (Load brush / Clean
+ * brush), Wet / Load / Mix, load and clean each stroke, and the RGB / Pigment mixing toggle.
+ * Shortcuts are handled by `handlePaintShortcut` in the editor.
  */
 declare const BrushOptionsBar: React__default.FC<BrushOptionsBarProps>;
 
-export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayerEffectsPanel, type LayerEffectsPanelProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

package/dist/image-editor/index.js

@@ -5,12 +5,13 @@ import {
   CurvesEditor,
   Histogram,
   ImageEditor,
+  LayerEffectsPanel,
   LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,
   useImageEditor,
   useImageHistogram
-} from "../chunk-OSOGA2OJ.js";
+} from "../chunk-M4WLX3IR.js";
 export {
   AdjustmentLayersPanel,
   BrushOptionsBar,
@@ -18,6 +19,7 @@ export {
   CurvesEditor,
   Histogram,
   ImageEditor,
+  LayerEffectsPanel,
   LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,