@pixerate/editor-react 0.63.0 → 0.64.0

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

@@ -166,16 +166,32 @@ 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;
@@ -189,4 +205,4 @@ interface BrushOptionsBarProps {
  */
 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,16 +166,32 @@ 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;
@@ -189,4 +205,4 @@ interface BrushOptionsBarProps {
  */
 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-QJSMW4CM.js";
+} from "../chunk-M4WLX3IR.js";
 export {
   AdjustmentLayersPanel,
   BrushOptionsBar,
@@ -18,6 +19,7 @@ export {
   CurvesEditor,
   Histogram,
   ImageEditor,
+  LayerEffectsPanel,
   LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,