vibrant-tool 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/hooks/useBrightnessEffect.d.ts +1 -1
- package/dist/lib/services/api.d.ts +1 -0
- package/dist/lib/services/color.service.d.ts +10 -0
- package/dist/lib/services/quote.service.d.ts +24 -0
- package/dist/lib/services/shape.service.d.ts +2 -0
- package/dist/lib/services/template-design.service.d.ts +2 -1
- package/dist/lib/services/upload.service.d.ts +5 -0
- package/dist/lib/types/color.types.d.ts +9 -0
- package/dist/lib/utils/canvas-setup.d.ts +2 -0
- package/dist/lib/utils/color-apply.utils.d.ts +13 -3
- package/dist/lib/utils/color-conversions.utils.d.ts +0 -2
- package/dist/lib/utils/custom-controls.d.ts +1 -1
- package/dist/modules/components/color-picker/ChannelRow.d.ts +17 -0
- package/dist/modules/components/color-picker/ChannelSlider.d.ts +15 -0
- package/dist/modules/side-panel/color-panel/index.d.ts +1 -0
- package/dist/vibrant-tool.css +340 -99
- package/dist/vibrant-tool.es.js +2090 -737
- package/dist/vibrant-tool.umd.js +2090 -737
- package/dist/zustand/recentElementsStore.d.ts +21 -0
- package/dist/zustand/selectionStore.d.ts +4 -1
- package/package.json +1 -1
- package/dist/modules/components/alpha-slider/index.d.ts +0 -12
- package/dist/modules/components/cmyk-inputs/index.d.ts +0 -12
- package/dist/modules/components/color-preview-box/index.d.ts +0 -6
- package/dist/modules/components/gradient-selector/index.d.ts +0 -10
- package/dist/modules/components/hue-slider/index.d.ts +0 -9
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ElementItem } from '../lib/types/shape.types';
|
|
2
|
+
type RecentElementsState = {
|
|
3
|
+
recentItems: ElementItem[];
|
|
4
|
+
};
|
|
5
|
+
type RecentElementsActions = {
|
|
6
|
+
addRecentItem: (item: ElementItem) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const useRecentElementsStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<RecentElementsState & RecentElementsActions>, "setState" | "persist"> & {
|
|
9
|
+
setState(partial: (RecentElementsState & RecentElementsActions) | Partial<RecentElementsState & RecentElementsActions> | ((state: RecentElementsState & RecentElementsActions) => (RecentElementsState & RecentElementsActions) | Partial<RecentElementsState & RecentElementsActions>), replace?: false | undefined): unknown;
|
|
10
|
+
setState(state: (RecentElementsState & RecentElementsActions) | ((state: RecentElementsState & RecentElementsActions) => RecentElementsState & RecentElementsActions), replace: true): unknown;
|
|
11
|
+
persist: {
|
|
12
|
+
setOptions: (options: Partial<import('zustand/middleware').PersistOptions<RecentElementsState & RecentElementsActions, RecentElementsState & RecentElementsActions, unknown>>) => void;
|
|
13
|
+
clearStorage: () => void;
|
|
14
|
+
rehydrate: () => Promise<void> | void;
|
|
15
|
+
hasHydrated: () => boolean;
|
|
16
|
+
onHydrate: (fn: (state: RecentElementsState & RecentElementsActions) => void) => () => void;
|
|
17
|
+
onFinishHydration: (fn: (state: RecentElementsState & RecentElementsActions) => void) => () => void;
|
|
18
|
+
getOptions: () => Partial<import('zustand/middleware').PersistOptions<RecentElementsState & RecentElementsActions, RecentElementsState & RecentElementsActions, unknown>>;
|
|
19
|
+
};
|
|
20
|
+
}>;
|
|
21
|
+
export {};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { FabricObject } from 'fabric';
|
|
2
|
-
export type SelectionType = "none" | "textbox" | "image" | "qr" | "multiple" | "group";
|
|
2
|
+
export type SelectionType = "none" | "textbox" | "image" | "qr" | "barcode" | "multiple" | "group";
|
|
3
3
|
interface SelectionStore {
|
|
4
4
|
type: SelectionType;
|
|
5
5
|
objects: FabricObject[];
|
|
6
|
+
activeColor: string | null;
|
|
7
|
+
activeColorIndex: number;
|
|
6
8
|
setSelection: (objects: FabricObject[]) => void;
|
|
9
|
+
setActiveColor: (color: string | null, index?: number) => void;
|
|
7
10
|
clearSelection: () => void;
|
|
8
11
|
}
|
|
9
12
|
export declare const useSelectionStore: import('zustand').UseBoundStore<import('zustand').StoreApi<SelectionStore>>;
|
package/package.json
CHANGED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
interface Props {
|
|
3
|
-
alpha: number;
|
|
4
|
-
color: string;
|
|
5
|
-
refEl: RefObject<HTMLDivElement | null>;
|
|
6
|
-
setAlpha: (v: number) => void;
|
|
7
|
-
canvas: any;
|
|
8
|
-
targets: any[];
|
|
9
|
-
saveState: () => void;
|
|
10
|
-
}
|
|
11
|
-
export default function AlphaSlider({ alpha, color, refEl, setAlpha, canvas, targets, saveState, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { CMYKColor } from '../../../lib/types/color.types';
|
|
2
|
-
interface Props {
|
|
3
|
-
cmyk: CMYKColor;
|
|
4
|
-
alpha: number;
|
|
5
|
-
setAlpha: (v: number) => void;
|
|
6
|
-
updateColor: (cmyk: CMYKColor) => void;
|
|
7
|
-
canvas: any;
|
|
8
|
-
targets: any[];
|
|
9
|
-
saveState: () => void;
|
|
10
|
-
}
|
|
11
|
-
export default function CMYKInputs({ cmyk, alpha, setAlpha, updateColor, canvas, targets, saveState, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
import { HSVColor } from '../../../lib/types/color.types';
|
|
3
|
-
interface Props {
|
|
4
|
-
hsv: HSVColor;
|
|
5
|
-
hueColor: string;
|
|
6
|
-
refEl: RefObject<HTMLDivElement | null>;
|
|
7
|
-
onChange: (hsv: HSVColor) => void;
|
|
8
|
-
}
|
|
9
|
-
export default function GradientSelector({ hsv, hueColor, refEl, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
import { HSVColor } from '../../../lib/types/color.types';
|
|
3
|
-
interface Props {
|
|
4
|
-
hsv: HSVColor;
|
|
5
|
-
refEl: RefObject<HTMLDivElement | null>;
|
|
6
|
-
onChange: (hsv: HSVColor) => void;
|
|
7
|
-
}
|
|
8
|
-
export default function HueSlider({ hsv, refEl, onChange }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|