@pixerate/editor-react 0.69.0 → 0.71.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 {
@@ -218,4 +218,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 {
@@ -218,4 +218,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-63FQB5BT.js";
 export {
   AdjustmentLayersPanel,
   BrushOptionsBar,
@@ -25,6 +27,8 @@ export {
   LayersPanel,
   RefineEdgePanel,
   SelectionOptionsBar,
+  ShapeOptionsBar,
+  TypeOptionsBar,
   useImageEditor,
   useImageHistogram
 };