mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-18 17:38:17 +08:00
057c180f41
* ability to mark an open document as unsaved * unsaved detection now being triggered based on layer tree height * Changed responses to use classes instead of interfaces * - rust implementation of unsaved markers - upgraded eslint * updated eslint in package.json * - Renamed GetOpenDocumentsList -> UpdateOpenDocumentsList - is not -> was not * changed hash to current identifier to better reflect its meaning * resolve some merge conflicts * removed console.log statement leftover from debuging * - changed Response to jsMessage - split files - Array<> -> [] * -remove path from UpdateLayer * - remove unused if statements * - comment for reflect-metadata - registerJsMessageHandler -> subscribeJsMessage - readonly message properties - fixed binding filename and comment - toRgb -> toRgba * - newOpacity -> transformer - added comments * MessageMaker -> messageMaker
98 lines
2.1 KiB
TypeScript
98 lines
2.1 KiB
TypeScript
export type Widgets = TextButtonWidget | IconButtonWidget | SeparatorWidget | PopoverButtonWidget | NumberInputWidget;
|
|
export type WidgetRow = Widgets[];
|
|
export type WidgetLayout = WidgetRow[];
|
|
|
|
// Text Button
|
|
export interface TextButtonWidget {
|
|
kind: "TextButton";
|
|
tooltip?: string;
|
|
message?: string | object;
|
|
callback?: () => void;
|
|
props: TextButtonProps;
|
|
}
|
|
|
|
export interface TextButtonProps {
|
|
// `action` is used via `IconButtonWidget.callback`
|
|
label: string;
|
|
emphasized?: boolean;
|
|
disabled?: boolean;
|
|
minWidth?: number;
|
|
gapAfter?: boolean;
|
|
}
|
|
|
|
// Icon Button
|
|
export interface IconButtonWidget {
|
|
kind: "IconButton";
|
|
tooltip?: string;
|
|
message?: string | object;
|
|
callback?: () => void;
|
|
props: IconButtonProps;
|
|
}
|
|
|
|
export interface IconButtonProps {
|
|
// `action` is used via `IconButtonWidget.callback`
|
|
icon: string;
|
|
size: number;
|
|
gapAfter?: boolean;
|
|
}
|
|
|
|
// Popover Button
|
|
export interface PopoverButtonWidget {
|
|
kind: "PopoverButton";
|
|
tooltip?: string;
|
|
callback?: () => void;
|
|
// popover: WidgetLayout;
|
|
popover: { title: string; text: string }; // TODO: Replace this with a `WidgetLayout` like above for arbitrary layouts
|
|
props: PopoverButtonProps;
|
|
}
|
|
|
|
export interface PopoverButtonProps {
|
|
// `action` is used via `PopoverButtonWidget.callback`
|
|
icon?: string;
|
|
}
|
|
|
|
// Number Input
|
|
export interface NumberInputWidget {
|
|
kind: "NumberInput";
|
|
tooltip?: string;
|
|
optionPath: string[];
|
|
props: Omit<NumberInputProps, "value">;
|
|
}
|
|
|
|
export interface NumberInputProps {
|
|
value: number;
|
|
min?: number;
|
|
max?: number;
|
|
incrementBehavior?: boolean;
|
|
incrementFactor?: number;
|
|
isInteger?: boolean;
|
|
unit?: string;
|
|
unitIsHiddenWhenEditing?: boolean;
|
|
displayDecimalPlaces?: number;
|
|
label?: string;
|
|
disabled?: boolean;
|
|
}
|
|
|
|
// Separator
|
|
export interface SeparatorWidget {
|
|
kind: "Separator";
|
|
props: SeparatorProps;
|
|
}
|
|
|
|
export interface SeparatorProps {
|
|
direction?: SeparatorDirection;
|
|
type?: SeparatorType;
|
|
}
|
|
|
|
export enum SeparatorDirection {
|
|
"Horizontal" = "Horizontal",
|
|
"Vertical" = "Vertical",
|
|
}
|
|
|
|
export enum SeparatorType {
|
|
"Related" = "Related",
|
|
"Unrelated" = "Unrelated",
|
|
"Section" = "Section",
|
|
"List" = "List",
|
|
}
|