@berenjena/react-dev-panel 0.0.1-beta.1 → 0.0.1-beta.3

package/dist/components/ControlRenderer/controls/BooleanControl/types.d.ts

@@ -0,0 +1,10 @@
+import { BaseControl } from '../types';
+export interface BooleanControl extends BaseControl {
+	type: "boolean";
+	value: boolean;
+	onChange: (value: boolean) => void;
+}
+
+export interface BooleanControlProps {
+	control: BooleanControl;
+}

package/dist/components/ControlRenderer/controls/ButtonControl/types.d.ts

@@ -0,0 +1,10 @@
+import { BaseControl } from '../types';
+export interface ButtonControl extends BaseControl {
+	type: "button";
+	label: string;
+	onClick: () => void;
+}
+
+export interface ButtonControlProps {
+	control: ButtonControl;
+}

package/dist/components/ControlRenderer/controls/ColorControl/types.d.ts

@@ -0,0 +1,10 @@
+import { BaseControl } from '../types';
+export interface ColorControl extends BaseControl {
+	type: "color";
+	value: string;
+	onChange: (value: string) => void;
+}
+
+export interface ColorControlProps {
+	control: ColorControl;
+}

package/dist/components/ControlRenderer/controls/NumberControl/types.d.ts

@@ -0,0 +1,13 @@
+import { BaseControl } from '../types';
+export interface NumberControl extends BaseControl {
+	type: "number";
+	value: number;
+	min?: number;
+	max?: number;
+	step?: number;
+	onChange: (value: number) => void;
+}
+
+export interface NumberControlProps {
+	control: NumberControl;
+}

package/dist/components/ControlRenderer/controls/SelectControl/types.d.ts

@@ -0,0 +1,11 @@
+import { BaseControl } from '../types';
+export interface SelectControl extends BaseControl {
+	type: "select";
+	value: string;
+	options: string[] | { label: string; value: string }[];
+	onChange: (value: string) => void;
+}
+
+export interface SelectControlProps {
+	control: SelectControl;
+}

package/dist/components/ControlRenderer/controls/TextControl/types.d.ts

@@ -0,0 +1,11 @@
+import { BaseControl } from '../types';
+export interface TextControl extends BaseControl {
+	type: "text";
+	value: string;
+	placeholder?: string;
+	onChange: (value: string) => void;
+}
+
+export interface TextControlProps {
+	control: TextControl;
+}

package/dist/components/ControlRenderer/controls/types.d.ts

@@ -0,0 +1,26 @@
+import { BooleanControl } from './BooleanControl/types';
+import { ButtonControl } from './ButtonControl/types';
+import { ColorControl } from './ColorControl/types';
+import { NumberControl } from './NumberControl/types';
+import { SelectControl } from './SelectControl/types';
+import { TextControl } from './TextControl/types';
+export interface BaseControl {
+	label?: string;
+	description?: string;
+	disabled?: boolean;
+}
+
+export type Controls = {
+	color: ColorControl;
+	boolean: BooleanControl;
+	select: SelectControl;
+	text: TextControl;
+	button: ButtonControl;
+	number: NumberControl;
+};
+
+export type ControlsNames = keyof Controls;
+
+export type Control<Name extends ControlsNames> = Controls[Name];
+
+export type ControlsGroup = Record<string, Control<ControlsNames>>;

package/dist/components/ControlRenderer/types.d.ts

@@ -0,0 +1,5 @@
+import { Control, ControlsNames } from './controls/types';
+export interface ControlRendererProps<Name extends ControlsNames> {
+	name: string;
+	control: Control<Name>;
+}

package/dist/components/DevPanel/types.d.ts

@@ -0,0 +1,47 @@
+import { ControlsGroup } from '../ControlRenderer/controls/types';
+import { HotkeyConfig, Position } from '../../types';
+export type DevPanelHoyKeyConfig = Pick<HotkeyConfig, "key" | "shiftKey" | "altKey" | "ctrlKey" | "metaKey">;
+
+export interface DevPanelProps {
+	theme?: "light" | "dark";
+	panelTitle?: string;
+	/**
+	 * Hotkey configuration for toggling the DevPanel visibility.
+	 * If not provided, defaults to
+	 * ```json
+	 * {
+	 *   key: "f",
+	 *   shiftKey: true,
+	 *   altKey: true,
+	 *   ctrlKey: false,
+	 *   metaKey: false,
+	 * }
+	 * ```
+	 */
+	hotKeyConfig?: DevPanelHoyKeyConfig;
+}
+
+export interface DevPanelSection {
+	name: string;
+	controls: ControlsGroup;
+	isCollapsed?: boolean;
+}
+
+export interface DevPanelState {
+	isVisible: boolean;
+	isCollapsed: boolean;
+	sections: Record<string, DevPanelSection>;
+	position: Position;
+}
+
+export interface DevPanelActions {
+	setVisible: (visible: boolean) => void;
+	setCollapsed: (collapsed: boolean) => void;
+	setPosition: (position: Position) => void;
+	registerSection: (name: string, controls: ControlsGroup) => void;
+	unregisterSection: (name: string) => void;
+	toggleSectionCollapse: (name: string) => void;
+	reset: () => void;
+}
+
+export type DevPanelStore = DevPanelState & DevPanelActions;

package/dist/hooks/useHotkeys/types.d.ts

@@ -0,0 +1,6 @@
+export interface UseHotkeysOptions {
+	enabled?: boolean;
+	target?: HTMLElement | Window | Document;
+	preventDefault?: boolean;
+	stopPropagation?: boolean;
+}

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+export interface Position {
+	x: number;
+	y: number;
+}
+
+export interface HotkeyConfig {
+	key: string;
+	description?: string;
+	ctrlKey?: boolean;
+	shiftKey?: boolean;
+	altKey?: boolean;
+	metaKey?: boolean;
+	preventDefault?: boolean;
+	stopPropagation?: boolean;
+	enabled?: boolean;
+	target?: HTMLElement | Window | Document;
+	action: (event: KeyboardEvent) => void;
+}

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -15,7 +15,7 @@
 		"url": "git+https://github.com/Berenjenas/react-dev-panel.git"
 	},
 	"private": false,
-	"version": "0.0.1-beta.1",
+	"version": "0.0.1-beta.3",
 	"type": "module",
 	"files": [
 		"dist"