pixedi 1.10.0 → 1.10.2

package/CHANGELOG.md

@@ -2,8 +2,17 @@
 
 All notable changes to this project will be documented in this file.
 
+## 1.10.2
+
+- Fix `Calling require for "react"` crash in browser bundlers: `react/jsx-runtime` is no longer bundled into the library.
+- Ship TypeScript declarations (`dist/lib/index.d.ts`) with the package.
+
 ## 1.10.1
 
+- Fix UMD build output to use .cjs extension and add exports field to package.json.
+
+## 1.10.0
+
 - Add `background` option to settings.
 
 ## 1.9.0

package/dist/lib/Pixedi.d.ts

@@ -0,0 +1,10 @@
+import { type FuncSaveArgs, type Theme, type Settings } from "./types";
+type PixediProps = {
+    image: string | Blob;
+    onSave: FuncSaveArgs;
+    onBack: () => void;
+    theme?: Theme;
+    settings?: Settings;
+};
+export declare const Pixedi: ({ image, onSave, onBack, theme, settings, }: PixediProps) => import("react").JSX.Element;
+export {};

package/dist/lib/assets/icons.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+export declare const Check: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const X: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Lock: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const ArrowLeft: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const ChevronDown: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Undo: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Redo: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Settings: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Crop: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Image: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Square: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Rectangle16x9: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Rectangle4x3: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Fullscreen: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const FlipH: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const FlipV: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Rotate: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const RotateCCW: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Presets: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Filters: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const SidebarOpen: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const SidebarClose: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const PredefinedFilters: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Compare: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Drag: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;
+export declare const Loader: (props: React.ComponentPropsWithoutRef<"svg">) => React.JSX.Element;

package/dist/lib/constants.d.ts

@@ -0,0 +1,6 @@
+import type { Option, FilterData, Preset } from "./types";
+export declare const PREVIEW_MAX_DIMENSION = 1920;
+export declare const PREVIEW_QUALITY = 0.85;
+export declare const presetsData: Preset[];
+export declare const filtersData: FilterData[];
+export declare const filterUrlsData: Option[];

package/dist/lib/crop/CropButtonGroup.d.ts

@@ -0,0 +1,6 @@
+type CropButtonGroupProps = {
+    value: string;
+    onChange: (value: string) => void;
+};
+export declare const CropButtonGroup: ({ value, onChange }: CropButtonGroupProps) => import("react").JSX.Element;
+export {};

package/dist/lib/crop/CropInfo.d.ts

@@ -0,0 +1 @@
+export declare const CropInfo: () => import("react").JSX.Element;

package/dist/lib/crop/CropInteractBox.d.ts

@@ -0,0 +1 @@
+export declare const CropInteractBox: () => import("react").JSX.Element;

package/dist/lib/crop/CropLines.d.ts

@@ -0,0 +1 @@
+export declare const CropLines: () => import("react").JSX.Element;

package/dist/lib/crop/CropPointer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Direction } from "../types";
+type CropPointerProps = {
+    onMouseDown: (e: React.MouseEvent | React.TouchEvent, type: Direction, cursor?: string) => void;
+};
+export declare const CropPointer: ({ onMouseDown }: CropPointerProps) => React.JSX.Element;
+export {};

package/dist/lib/crop/CropPointers.d.ts

@@ -0,0 +1,6 @@
+import type { Direction } from "../types";
+type CropPointersProps = {
+    onMouseDown: (e: React.MouseEvent, type: Direction, cursor: string) => void;
+};
+export declare const CropPointers: ({ onMouseDown }: CropPointersProps) => import("react").JSX.Element;
+export {};

package/dist/lib/crop/CropTools.d.ts

@@ -0,0 +1 @@
+export declare const CropTools: () => import("react").JSX.Element;

package/dist/lib/crop/index.d.ts

@@ -0,0 +1,7 @@
+export { CropInteractBox } from "./CropInteractBox";
+export { CropTools } from "./CropTools";
+export { CropLines } from "./CropLines";
+export { CropPointers } from "./CropPointers";
+export { useCropInteraction } from "./useCropInteraction";
+export { CropPointer } from "./CropPointer";
+export { CropInfo } from "./CropInfo";

package/dist/lib/crop/useCrop.d.ts

@@ -0,0 +1,7 @@
+export declare const useCrop: () => {
+    currentValue: string;
+    handleChange: (value: string) => void;
+    handleSave: () => void;
+    handleClose: () => void;
+    isSaving: boolean;
+};

package/dist/lib/crop/useCropInteraction.d.ts

@@ -0,0 +1,9 @@
+import type { Direction } from "../types";
+type UseCropInteractionArgs = {
+    boxRef: React.RefObject<HTMLDivElement | null>;
+};
+export declare const useCropInteraction: ({ boxRef }: UseCropInteractionArgs) => {
+    handleCropStart: (e: React.MouseEvent | React.TouchEvent, type: Direction, cursor?: string) => void;
+    initialCrop: import("../types").CropRectExtended;
+};
+export {};

package/dist/lib/eventBus.d.ts

@@ -0,0 +1,6 @@
+import type { ActionFilter, CropRect } from "./types";
+export declare const emitCropUpdate: (eventBus: EventTarget, detail: CropRect) => void;
+export declare const emitClipPathUpdate: (eventBus: EventTarget, detail: CropRect) => void;
+export declare const emitResizeUpdate: (eventBus: EventTarget, detail: number) => void;
+export declare const emitFilterUpdate: (eventBus: EventTarget, detail: ActionFilter) => void;
+export declare const emitCompareUpdate: (eventBus: EventTarget, detail: number) => void;

package/dist/lib/filters/DefaultFilterValues.d.ts

@@ -0,0 +1,2 @@
+import type { ActionFilter } from "../types";
+export declare const DefaultFilterValues: () => ActionFilter;

package/dist/lib/filters/FilterInteractBox.d.ts

@@ -0,0 +1 @@
+export declare const FilterInteractBox: () => import("react").JSX.Element;

package/dist/lib/filters/FilterTools.d.ts

@@ -0,0 +1 @@
+export declare const FilterTools: () => import("react").JSX.Element;

package/dist/lib/filters/UrlFilters.d.ts

@@ -0,0 +1 @@
+export declare const UrlFilters: () => import("react").JSX.Element;

package/dist/lib/filters/index.d.ts

@@ -0,0 +1,3 @@
+export { FilterTools } from "./FilterTools";
+export { FilterInteractBox } from "./FilterInteractBox";
+export { DefaultFilterValues } from "./DefaultFilterValues";

package/dist/lib/filters/useFilterInteraction.d.ts

@@ -0,0 +1,7 @@
+type UseFilterInteractionArgs = {
+    compareRef: React.RefObject<HTMLDivElement | null>;
+};
+export declare const useFilterInteraction: ({ compareRef, }: UseFilterInteractionArgs) => {
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
+};
+export {};

package/dist/lib/filters/useFilters.d.ts

@@ -0,0 +1,20 @@
+import { type FilterData } from "../types";
+export declare const useFilters: () => {
+    showCompare: boolean;
+    previewUrl: string;
+    isUrl: boolean;
+    toggleIsUrl: () => void;
+    filters: FilterData[];
+    selectedFilter: string;
+    selectedFilterItem: FilterData | undefined;
+    selectedUrl: string;
+    sliderValue: number;
+    handleToggleCompare: () => void;
+    handleSliderInput: (value: number) => void;
+    handleSliderChange: (value: number) => void;
+    handleChange: (value: string) => void;
+    handleChangeWhenUrl: (value: string) => void;
+    handleSave: () => void;
+    handleClose: () => void;
+    isSaving: boolean;
+};

package/dist/lib/flip/FlipTools.d.ts

@@ -0,0 +1 @@
+export declare const FlipTools: () => import("react").JSX.Element;

package/dist/lib/flip/index.d.ts

@@ -0,0 +1 @@
+export { FlipTools } from "./FlipTools";

package/dist/lib/flip/useFlip.d.ts

@@ -0,0 +1,9 @@
+export declare const useFlip: () => {
+    flipHorizontal: boolean;
+    flipVertical: boolean;
+    handleFlipHorizontal: () => void;
+    handleFlipVertical: () => void;
+    handleSave: () => void;
+    handleClose: () => void;
+    isSaving: boolean;
+};

package/dist/lib/frame/Frame.d.ts

@@ -0,0 +1 @@
+export declare const Frame: () => import("react").JSX.Element;

package/dist/lib/frame/index.d.ts

@@ -0,0 +1 @@
+export { Frame } from "./Frame";

package/dist/lib/header/Header.d.ts

@@ -0,0 +1,5 @@
+type HeaderProps = {
+    isMobile: boolean;
+};
+export declare const Header: ({ isMobile }: HeaderProps) => import("react").JSX.Element;
+export {};

package/dist/lib/header/index.d.ts

@@ -0,0 +1 @@
+export { Header } from "./Header";

package/dist/lib/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useImageLoader } from "./useImageLoader";
+export { useMobile } from "./useMobile";
+export { useBellow } from "./useBellow";
+export { useAbove } from "./useAbove";
+export { useImageSaving } from "./useImageSaving";
+export { useToolCommit } from "./useToolCommit";

package/dist/lib/hooks/useAbove.d.ts

@@ -0,0 +1,2 @@
+import { type Breakpoint } from "../types";
+export declare function useAbove(breakpoint: Breakpoint): boolean;

package/dist/lib/hooks/useBellow.d.ts

@@ -0,0 +1,2 @@
+import { type Breakpoint } from "../types";
+export declare function useBellow(breakpoint: Breakpoint, element: HTMLElement | null): boolean;

package/dist/lib/hooks/useImageLoader.d.ts

@@ -0,0 +1,16 @@
+type UseImageLoaderProps = {
+    src: string | Blob;
+    skip?: boolean;
+};
+type UseImageLoader = {
+    loading: boolean;
+    error: string;
+    mimeType: string;
+    width: number;
+    height: number;
+    originalBlob: Blob | null;
+    previewUrl: string;
+    isAlpha: boolean;
+};
+export declare const useImageLoader: ({ src, skip, }: UseImageLoaderProps) => UseImageLoader;
+export {};

package/dist/lib/hooks/useImageSaving.d.ts

@@ -0,0 +1,6 @@
+import type { HistoryItem } from "../types";
+export declare const useImageSaving: () => {
+    save: (pendingItem?: HistoryItem) => Promise<void>;
+    reset: () => void;
+    isSaving: boolean;
+};

package/dist/lib/hooks/useMobile.d.ts

@@ -0,0 +1,3 @@
+type MobileDevice = "android" | "ios" | "windows-phone" | "blackberry" | "opera-mini" | "mobile" | null;
+export declare const useMobile: () => MobileDevice;
+export {};

package/dist/lib/hooks/useToolCommit.d.ts

@@ -0,0 +1,7 @@
+import type { HistoryItem } from "../types";
+export declare const useToolCommit: () => {
+    commit: (item: HistoryItem) => Promise<void> | undefined;
+    close: () => void;
+    isSaving: boolean;
+    singleToolUI: boolean;
+};

package/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export { Pixedi } from "./Pixedi";