@pixerate/editor-react 0.70.0 → 0.72.0

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

@@ -1,4 +1,4 @@
-import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, AIResultOptions, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer, SelectionToolOptions, SelectionMask, FreeTransformTool } from '@pixerate/editor/image-editor';
+import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, AIResultOptions, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer, SelectionToolOptions, SelectionMask, FreeTransformTool, ShapeToolOptions, TypeToolOptions, TextEditSession } from '@pixerate/editor/image-editor';
 import React__default from 'react';
 
 interface UseImageEditorReturn {
@@ -201,6 +201,9 @@ interface BrushOptionsBarProps {
  * 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.
+ * With a retouching tool: the clone source (Alt-click the canvas to set it), Sample, the Spot
+ * Healing type, the tone Range, Exposure / Strength and the Aligned / Protect tones / Vibrance
+ * toggles that tool uses.
  * Shortcuts are handled by `handlePaintShortcut` in the editor.
  */
 declare const BrushOptionsBar: React__default.FC<BrushOptionsBarProps>;
@@ -218,4 +221,32 @@ interface FreeTransformOptionsBarProps {
  */
 declare const FreeTransformOptionsBar: React__default.FC<FreeTransformOptionsBarProps>;
 
-export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, FreeTransformOptionsBar, type FreeTransformOptionsBarProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayerEffectsPanel, type LayerEffectsPanelProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };
+interface ShapeOptionsBarProps {
+    controller: ImageEditorController;
+    options: ShapeToolOptions;
+    onChange: (options: ShapeToolOptions) => void;
+    className?: string;
+}
+/**
+ * The shape tool's options: the kind to draw, fill and stroke (colour or none), stroke width and
+ * the kind's own settings (corner radius, sides, points, line weight and arrowhead). Changes also
+ * apply to the active shape layer, as one undo step each.
+ */
+declare const ShapeOptionsBar: React__default.FC<ShapeOptionsBarProps>;
+
+interface TypeOptionsBarProps {
+    controller: ImageEditorController;
+    options: TypeToolOptions;
+    onChange: (options: TypeToolOptions) => void;
+    /** The text being edited on the canvas: changes style its selection (or all of it). */
+    session?: TextEditSession | null;
+    className?: string;
+}
+/**
+ * The type tool's options: font family (from the editor's fonts), size, bold, italic, colour and
+ * alignment. While text is being edited they style the selection (or the whole text); with a
+ * type layer active they style all of it; otherwise they set what the next text uses.
+ */
+declare const TypeOptionsBar: React__default.FC<TypeOptionsBarProps>;
+
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, FreeTransformOptionsBar, type FreeTransformOptionsBarProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayerEffectsPanel, type LayerEffectsPanelProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, ShapeOptionsBar, type ShapeOptionsBarProps, TypeOptionsBar, type TypeOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

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

@@ -1,4 +1,4 @@
-import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, AIResultOptions, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer, SelectionToolOptions, SelectionMask, FreeTransformTool } from '@pixerate/editor/image-editor';
+import { ImageEditorController, ImageEditorState, ImageEditorTool, CropBox, AspectRatio, ImageAdjustments, AdjustmentKind, AdjustmentLayerInit, AdjustmentLayerUpdate, ImageHistogram, DepthMaskOptions, CreateAnnotationPayload, Annotation, ImagePoint, ExportOptions, SerializedImageEditorState, AIResultOptions, ImageEditorOptions, InpaintHook, RemoveBackgroundHook, ImageEditorAIHooks, ControlSpec, CurvePoint, AdjustmentLayer, SelectionToolOptions, SelectionMask, FreeTransformTool, ShapeToolOptions, TypeToolOptions, TextEditSession } from '@pixerate/editor/image-editor';
 import React__default from 'react';
 
 interface UseImageEditorReturn {
@@ -201,6 +201,9 @@ interface BrushOptionsBarProps {
  * 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.
+ * With a retouching tool: the clone source (Alt-click the canvas to set it), Sample, the Spot
+ * Healing type, the tone Range, Exposure / Strength and the Aligned / Protect tones / Vibrance
+ * toggles that tool uses.
  * Shortcuts are handled by `handlePaintShortcut` in the editor.
  */
 declare const BrushOptionsBar: React__default.FC<BrushOptionsBarProps>;
@@ -218,4 +221,32 @@ interface FreeTransformOptionsBarProps {
  */
 declare const FreeTransformOptionsBar: React__default.FC<FreeTransformOptionsBarProps>;
 
-export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, FreeTransformOptionsBar, type FreeTransformOptionsBarProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayerEffectsPanel, type LayerEffectsPanelProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };
+interface ShapeOptionsBarProps {
+    controller: ImageEditorController;
+    options: ShapeToolOptions;
+    onChange: (options: ShapeToolOptions) => void;
+    className?: string;
+}
+/**
+ * The shape tool's options: the kind to draw, fill and stroke (colour or none), stroke width and
+ * the kind's own settings (corner radius, sides, points, line weight and arrowhead). Changes also
+ * apply to the active shape layer, as one undo step each.
+ */
+declare const ShapeOptionsBar: React__default.FC<ShapeOptionsBarProps>;
+
+interface TypeOptionsBarProps {
+    controller: ImageEditorController;
+    options: TypeToolOptions;
+    onChange: (options: TypeToolOptions) => void;
+    /** The text being edited on the canvas: changes style its selection (or all of it). */
+    session?: TextEditSession | null;
+    className?: string;
+}
+/**
+ * The type tool's options: font family (from the editor's fonts), size, bold, italic, colour and
+ * alignment. While text is being edited they style the selection (or the whole text); with a
+ * type layer active they style all of it; otherwise they set what the next text uses.
+ */
+declare const TypeOptionsBar: React__default.FC<TypeOptionsBarProps>;
+
+export { AdjustmentLayersPanel, type AdjustmentLayersPanelProps, BrushOptionsBar, type BrushOptionsBarProps, ControlSlider, type ControlSliderProps, CurvesEditor, type CurvesEditorProps, FreeTransformOptionsBar, type FreeTransformOptionsBarProps, Histogram, type HistogramProps, ImageEditor, type ImageEditorProps, LayerEffectsPanel, type LayerEffectsPanelProps, LayersPanel, type LayersPanelProps, RefineEdgePanel, type RefineEdgePanelProps, SelectionOptionsBar, type SelectionOptionsBarProps, ShapeOptionsBar, type ShapeOptionsBarProps, TypeOptionsBar, type TypeOptionsBarProps, type UseImageEditorReturn, useImageEditor, useImageHistogram };

package/dist/image-editor/index.js

@@ -10,9 +10,11 @@ import {
   LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,
+  ShapeOptionsBar,
+  TypeOptionsBar,
   useImageEditor,
   useImageHistogram
-} from "../chunk-LCTQWNTL.js";
+} from "../chunk-YAFNCBDA.js";
 export {
   AdjustmentLayersPanel,
   BrushOptionsBar,
@@ -25,6 +27,8 @@ export {
   LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,
+  ShapeOptionsBar,
+  TypeOptionsBar,
   useImageEditor,
   useImageHistogram
 };