solid-pianoroll 0.0.16 → 0.0.18

package/dist/types/usePianoRollState.d.ts

@@ -0,0 +1,52 @@
+import { GridDivision } from "./PianoRoll";
+import { Note, Track } from "./types";
+type PianoRollState = {
+    ppq: number;
+    mode: "keys" | "tracks";
+    position: number;
+    zoom: number;
+    verticalZoom: number;
+    verticalPosition: number;
+    verticalTrackZoom: number;
+    verticalTrackPosition: number;
+    gridDivision: GridDivision;
+    snapToGrid: boolean;
+    duration: number;
+    tracks: Track[];
+    selectedTrackIndex: number;
+    pressedKeys: number[];
+};
+declare const createPianoRollstate: (defaultState?: Partial<PianoRollState>) => {
+    ppq: number;
+    mode: "keys" | "tracks";
+    position: number;
+    zoom: number;
+    verticalZoom: number;
+    verticalPosition: number;
+    verticalTrackZoom: number;
+    verticalTrackPosition: number;
+    gridDivision: GridDivision;
+    snapToGrid: boolean;
+    duration: number;
+    tracks: Track[];
+    selectedTrackIndex: number;
+    pressedKeys: number[];
+    onPpqChange: (ppq: PianoRollState["ppq"]) => void;
+    onModeChange: (mode: PianoRollState["mode"]) => void;
+    onPositionChange: (position: PianoRollState["position"]) => void;
+    onZoomChange: (zoom: PianoRollState["zoom"]) => void;
+    onVerticalZoomChange: (verticalZoom: PianoRollState["verticalZoom"]) => void;
+    onVerticalPositionChange: (verticalPosition: PianoRollState["verticalPosition"]) => void;
+    onVerticalTrackZoomChange: (verticalTrackZoom: PianoRollState["verticalTrackZoom"]) => void;
+    onVerticalTrackPositionChange: (verticalTrackPosition: PianoRollState["verticalTrackPosition"]) => void;
+    onGridDivisionChange: (gridDivision: PianoRollState["gridDivision"]) => void;
+    onSnapToGridChange: (snapToGrid: PianoRollState["snapToGrid"]) => void;
+    onDurationChange: (duration: PianoRollState["duration"]) => void;
+    onTracksChange: (tracks: PianoRollState["tracks"]) => void;
+    onNoteChange: (trackIndex: number, noteIndex: number, note: Note) => void;
+    onInsertNote: (trackIndex: number, note: Note) => number;
+    onRemoveNote: (trackIndex: number, noteIndex: number) => void;
+    onSelectedTrackIndexChange: (selectedTrackIndex: PianoRollState["selectedTrackIndex"]) => void;
+    onPressedKeysChange: (pressedKeys: PianoRollState["pressedKeys"]) => void;
+};
+export default createPianoRollstate;

package/dist/types/viewport/HorizontalZoomControl.d.ts

@@ -1,3 +1,5 @@
 import { JSX } from "solid-js/jsx-runtime";
-declare const HorizontalZoomControl: (props: JSX.IntrinsicElements["input"]) => JSX.Element;
+declare const HorizontalZoomControl: (props: {
+    dimensionName?: string;
+} & JSX.IntrinsicElements["input"]) => JSX.Element;
 export default HorizontalZoomControl;

package/dist/types/viewport/ScrollContainer.d.ts

@@ -1,5 +1,8 @@
-import { ParentProps, Ref } from "solid-js";
+import { JSX, ParentProps, Ref } from "solid-js";
 declare const ScrollContainer: (props: ParentProps<{
     ref?: Ref<HTMLDivElement>;
-}>) => import("solid-js").JSX.Element;
+    verticalDimensionName?: string;
+    horizontalDimensionName?: string;
+    showScrollbar?: boolean;
+} & JSX.IntrinsicElements["div"]>) => JSX.Element;
 export default ScrollContainer;

package/dist/types/viewport/ScrollZoomViewPort.d.ts

@@ -21,7 +21,7 @@ export declare const useViewPortDimension: (name: ViewPortDimensionName) => {
     range: number;
     pixelOffset: number;
     pixelSize: number;
-    name: ViewPortDimensionName;
+    name: string;
     onZoomChange?: (zoom: number) => void;
     onPositionChange?: (zoom: number) => void;
     zoom: number;

package/dist/types/viewport/VerticalZoomControl.d.ts

@@ -1,3 +1,5 @@
 import { JSX } from "solid-js/jsx-runtime";
-declare const VerticalZoomControl: (props: JSX.IntrinsicElements["input"]) => JSX.Element;
+declare const VerticalZoomControl: (props: {
+    dimensionName?: string;
+} & JSX.IntrinsicElements["input"]) => JSX.Element;
 export default VerticalZoomControl;

package/dist/types/viewport/createViewPortDimension.d.ts

@@ -1,5 +1,5 @@
 export type ViewPortDimension = ReturnType<typeof createViewPortDimension>;
-export type ViewPortDimensionName = "horizontal" | "vertical";
+export type ViewPortDimensionName = string;
 export type ViewPortDimensionState = {
     position: number;
     range: number;
@@ -28,7 +28,7 @@ export default function createViewPortDimension(getState: () => ViewPortDimensio
     range: number;
     pixelOffset: number;
     pixelSize: number;
-    name: ViewPortDimensionName;
+    name: string;
     onZoomChange?: (zoom: number) => void;
     onPositionChange?: (zoom: number) => void;
     zoom: number;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.16",
+  "version": "0.0.18",
   "name": "solid-pianoroll",
   "description": "Pianoroll UI Control for Solid JS apps",
   "license": "MIT",

package/dist/source/usePianoRoll.js

@@ -1,33 +0,0 @@
-import { createSignal } from "solid-js";
-const usePianoRoll = () => {
-    const [ppq, onPpqChange] = createSignal(120);
-    const [mode, onModeChange] = createSignal("tracks");
-    const [position, onPositionChange] = createSignal(0);
-    const [zoom, onZoomChange] = createSignal(10);
-    const [verticalZoom, onVerticalZoomChange] = createSignal(5);
-    const [verticalPosition, onVerticalPositionChange] = createSignal(44);
-    const [gridDivision, onGridDivisionChange] = createSignal(4);
-    const [snapToGrid, onSnapToGridChange] = createSignal(true);
-    const [duration, onDurationChange] = createSignal(0);
-    return {
-        ppq,
-        onPpqChange,
-        position,
-        onPositionChange,
-        zoom,
-        onZoomChange,
-        verticalPosition,
-        onVerticalPositionChange,
-        verticalZoom,
-        onVerticalZoomChange,
-        gridDivision,
-        onGridDivisionChange,
-        snapToGrid,
-        onSnapToGridChange,
-        mode,
-        onModeChange,
-        duration,
-        onDurationChange,
-    };
-};
-export default usePianoRoll;

package/dist/types/usePianoRoll.d.ts

@@ -1,22 +0,0 @@
-import { GridDivision } from "./PianoRoll";
-declare const usePianoRoll: () => {
-    ppq: import("solid-js").Accessor<number>;
-    onPpqChange: import("solid-js").Setter<number>;
-    position: import("solid-js").Accessor<number>;
-    onPositionChange: import("solid-js").Setter<number>;
-    zoom: import("solid-js").Accessor<number>;
-    onZoomChange: import("solid-js").Setter<number>;
-    verticalPosition: import("solid-js").Accessor<number>;
-    onVerticalPositionChange: import("solid-js").Setter<number>;
-    verticalZoom: import("solid-js").Accessor<number>;
-    onVerticalZoomChange: import("solid-js").Setter<number>;
-    gridDivision: import("solid-js").Accessor<GridDivision>;
-    onGridDivisionChange: import("solid-js").Setter<GridDivision>;
-    snapToGrid: import("solid-js").Accessor<boolean>;
-    onSnapToGridChange: import("solid-js").Setter<boolean>;
-    mode: import("solid-js").Accessor<"keys" | "tracks">;
-    onModeChange: import("solid-js").Setter<"keys" | "tracks">;
-    duration: import("solid-js").Accessor<number>;
-    onDurationChange: import("solid-js").Setter<number>;
-};
-export default usePianoRoll;