zds-pickers 4.0.6 → 4.0.7

package/dist/types/index.d.ts

@@ -1,266 +1,34 @@
-import { default as default_2 } from 'soundfont-player';
-import { ForwardRefExoticComponent } from 'react';
-import { GroupBase } from 'react-select';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react';
-import { JSXElementConstructor } from 'react';
-import { Mapping } from 'zds-mappings';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import { SelectInstance } from 'react-select';
-
-export declare const CCPicker: ForwardRefExoticComponent<CCPickerProps & RefAttributes<SelectInstance<Option_2<number>, false, GroupBase<Option_2<number>>>>>;
-
-declare type CCPickerProps = SelectProps<number>;
-
-export declare const ccValues: Option_2<number>[];
-
-declare type Channel = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
-
-export declare const ChannelMappingPicker: ForwardRefExoticComponent<ChannelMappingPickerProps & RefAttributes<SelectInstance<Option_2<InternalValue>, false, GroupBase<Option_2<InternalValue>>>>>;
-
-declare interface ChannelMappingPickerProps extends SelectProps<InternalValue> {
-    channels: Option_2<number>[];
-    className?: string;
-    filterOptions?: (candidate: Option_2<InternalValue>, inputValue: string) => boolean;
-    value: number;
-    onChange: (value: InternalValue) => void;
-}
-
-export declare const ChannelPicker: ForwardRefExoticComponent<ChannelPickerProps & RefAttributes<SelectInstance<Option_2<Channel>, false, GroupBase<Option_2<Channel>>>>>;
-
-declare type ChannelPickerProps = SelectProps<Channel>;
-
-export declare const combineStatusWithChannel: (channel: number, status: Status_2) => number;
-
-declare type Curve = typeof RESPONSE_CURVE_0 | typeof RESPONSE_CURVE_1 | typeof RESPONSE_CURVE_2 | typeof RESPONSE_CURVE_3 | typeof RESPONSE_CURVE_4 | typeof RESPONSE_CURVE_5 | typeof RESPONSE_CURVE_6 | typeof RESPONSE_CURVE_7;
-
-export declare const extractStatusAndChannel: (status: number) => {
-    status: Status_2;
-    channel: number;
-};
-
-export declare const getStatusLabel: (val: Status_2) => string | number | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode>;
-
-declare type InternalValue = number | 'separator';
-
-export declare const Knob: (props: KnobProps) => JSX_2.Element;
-
-export declare const KnobPicker: ForwardRefExoticComponent<SelectProps<number> & {
-highToLow?: boolean;
-includeLabel?: boolean;
-includePicker?: boolean;
-knobProps?: Partial<KnobPickerProps>;
-max?: number;
-min?: number;
-wheelEnabled?: boolean;
-wheelSensitivity?: number;
-value: number;
-} & RefAttributes<SelectInstance<Option_2<number>, false, GroupBase<Option_2<number>>>>>;
-
-declare type KnobPickerProps = SelectProps<number> & {
-    highToLow?: boolean;
-    includeLabel?: boolean;
-    includePicker?: boolean;
-    knobProps?: Partial<KnobPickerProps>;
-    max?: number;
-    min?: number;
-    wheelEnabled?: boolean;
-    wheelSensitivity?: number;
-    value: number;
-};
-
-declare type KnobProps = {
-    disabled?: boolean;
-    max?: number;
-    min?: number;
-    onChange?: (value: number) => void;
-    value?: number;
-    wheelEnabled?: boolean;
-    wheelSensitivity?: number;
-};
-
-export declare const LatchPicker: ForwardRefExoticComponent<LatchPickerProps & RefAttributes<SelectInstance<Option_2<Polarity>, false, GroupBase<Option_2<Polarity>>>>>;
-
-declare type LatchPickerProps = SelectProps<Polarity>;
-
-export declare const MappingPicker: ForwardRefExoticComponent<SelectProps<string> & {
-allowClearing: boolean;
-} & RefAttributes<SelectInstance<Option_2<string>, false, GroupBase<Option_2<string>>>>>;
-
-export declare const MASK_CHANNEL = 15;
-
-export declare const MASK_STATUS = 240;
-
-export declare const NotePicker: ForwardRefExoticComponent<SelectProps<number> & {
-channel: number;
-disabled?: boolean;
-isMelodicMode?: boolean;
-mapping?: Mapping;
-onChange: (value: number) => void;
-} & RefAttributes<SelectInstance<Option_2<number>, false, GroupBase<Option_2<number>>>>>;
-
-export declare const OctavePlayer: ({ format, height, hostname, instrumentName, octave, onChange, onClick, onDoubleClick, onKeyMouseEnter, onKeyMouseLeave, soundfont, Tooltip, width, }: WithProviderProps) => JSX_2.Element;
-
-declare type Option_2<T> = {
-    label: React.ReactNode;
-    value: T;
-};
-
-export declare const PianoPicker: ({ format, height, hostname, instrumentName, onChange, onClick, onDoubleClick, onKeyMouseEnter, onKeyMouseLeave, soundfont, width, }: WithProviderProps) => JSX_2.Element;
-
-declare type Polarity = 0 | 1;
-
-export declare const PolarityPicker: ForwardRefExoticComponent<SelectProps<Polarity> & {
-labelOff?: string;
-labelOn?: string;
-} & RefAttributes<SelectInstance<Option_2<Polarity>, false, GroupBase<Option_2<Polarity>>>>>;
-
-declare const RESPONSE_CURVE_0 = 0;
-
-declare const RESPONSE_CURVE_1 = 1;
-
-declare const RESPONSE_CURVE_2 = 2;
-
-declare const RESPONSE_CURVE_3 = 3;
-
-declare const RESPONSE_CURVE_4 = 4;
-
-declare const RESPONSE_CURVE_5 = 5;
-
-declare const RESPONSE_CURVE_6 = 6;
-
-declare const RESPONSE_CURVE_7 = 7;
-
-export declare const RESPONSE_CURVES: Option_2<Curve>[];
-
-export declare type ResponseCurve = {
-    value: Curve;
-    label: React.ReactNode;
-    c1: number;
-    c2: number;
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-    labelX: number;
-    labelY: number;
-};
-
-export declare const ResponseCurve: (props: ResponseCurveProps) => JSX_2.Element;
-
-export declare const ResponseCurvePicker: ForwardRefExoticComponent<SelectProps<Curve> & {
-inverted?: boolean;
-Tooltip?: React.FC<TooltipProps>;
-} & RefAttributes<SelectInstance<Option_2<Curve>, false, GroupBase<Option_2<Curve>>>>>;
-
-declare type ResponseCurveProps = {
-    autosize: boolean;
-    disabled?: boolean;
-    inverted: boolean;
-    onChange: (event: {
-        target: {
-            value: Curve;
-        };
-    }) => void;
-    Tooltip: React.FC<TooltipProps>;
-    value: Curve;
-};
-
-export declare const Select: <T>(props: SelectProps<T> & {
-    ref?: React.ForwardedRef<SelectInstance<Option_2<T>, false, GroupBase<Option_2<T>>>>;
-}) => JSX_3.Element;
-
-declare type SelectProps<T> = {
-    className?: string;
-    components?: object;
-    disabled?: boolean;
-    filterOptions?: (candidate: Option_2<T>, inputValue: string) => boolean;
-    formatOptionLabel?: (option: Option_2<unknown>, { context }: {
-        context: 'menu' | 'value';
-    }) => React.ReactNode;
-    isSearchable?: boolean;
-    label?: string;
-    onChange: (value: Option_2<T>['value']) => void;
-    options: Option_2<T>[] | {
-        entries: Option_2<T>[];
-    }[];
-    preserveMenuWidth?: boolean;
-    shrinkLabel?: boolean;
-    value: Option_2<T>['value'];
-};
-
-declare type Status = (typeof Statuses_2)[keyof typeof Statuses_2]
-
-declare type Status_2 = (typeof Statuses)[keyof typeof Statuses];
-
-export declare const Statuses: {
-    noteOff: number;
-    noteOn: number;
-    aftertouch: number;
-    controlChange: number;
-    programChange: number;
-    channelPressure: number;
-    pitchWheel: number;
-};
-
-declare const Statuses_2 = {
-    noteOff: 8, // 1000
-    noteOn: 9, // 1001
-    aftertouch: 10, // 1010
-    controlChange: 11, // 1011
-    programChange: 12, // 1100
-    channelPressure: 13, // 1101
-    pitchWheel: 14, // 1110
-};
-
-export declare const StatusPicker: ForwardRefExoticComponent<SelectProps<number> & {
-statuses: Option_2<Status>[];
-} & RefAttributes<SelectInstance<Option_2<number>, false, GroupBase<Option_2<number>>>>>;
-
-export declare const SVGText: (props: TextProps) => JSX_2.Element;
-
-declare type TextProps = Partial<HTMLOrSVGElement> & {
-    className?: string;
-    dx?: number;
-    dy?: number;
-    maxHeight?: number;
-    maxWidth?: number;
-    transform?: string;
-    text: string;
-    textAnchor?: React.CSSProperties['textAnchor'];
-    verticalAnchor?: 'start' | 'middle' | 'end';
-    x?: number;
-    y?: number;
-};
-
-declare type TooltipProps = {
-    children?: React.ReactNode;
-    placement?: 'left' | 'right' | 'top' | 'bottom';
-    title: React.ReactNode;
-};
-
-export declare const ValuePicker: ForwardRefExoticComponent<SelectProps<number> & {
-highToLow?: boolean;
-max?: number;
-min?: number;
-} & RefAttributes<SelectInstance<Option_2<number>, false, GroupBase<Option_2<number>>>>>;
-
-declare type WithProviderProps = {
-    format?: 'mp3' | 'ogg';
-    height: number;
-    hostname?: string;
-    instrumentName: default_2.InstrumentName;
-    octave?: number;
-    onChange?: (note: number) => void;
-    onClick?: (note: number) => void;
-    onDoubleClick?: (note: number) => void;
-    onKeyMouseEnter?: (note: number) => void;
-    onKeyMouseLeave?: (note: number) => void;
-    soundfont?: 'MusyngKite' | 'FluidR3_GM';
-    Tooltip?: TooltipProps;
-    width: number;
-};
-
-export { }
+export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker';
+export { default as ChannelPicker } from './pickers/ChannelPicker';
+export { default as Knob } from './pickers/Knob';
+export { default as KnobPicker } from './pickers/KnobPicker';
+export { default as LatchPicker } from './pickers/LatchPicker';
+export { default as MappingPicker } from './pickers/MappingPicker';
+export { default as NotePicker } from './pickers/NotePicker';
+export { default as OctavePlayer } from './other/OctavePlayer';
+export { default as PianoPicker } from './pickers/PianoPicker';
+export { default as PolarityPicker } from './pickers/PolarityPicker';
+export { default as ResponseCurvePicker } from './pickers/ResponseCurvePicker';
+export { default as Select } from './pickers/Select';
+export { default as StatusPicker } from './pickers/StatusPicker';
+export { default as SVGText } from './other/SVGText';
+export { default as ValuePicker } from './pickers/ValuePicker';
+export type * from './pickers/ChannelMappingPicker';
+export type * from './pickers/ChannelPicker';
+export type * from './pickers/Knob';
+export type * from './pickers/KnobPicker';
+export type * from './pickers/LatchPicker';
+export type * from './pickers/MappingPicker';
+export type * from './pickers/NotePicker';
+export type * from './other/OctavePlayer';
+export type * from './pickers/PianoPicker';
+export type * from './pickers/PolarityPicker';
+export type * from './pickers/ResponseCurvePicker';
+export type * from './pickers/Select';
+export type * from './pickers/StatusPicker';
+export type * from './other/SVGText';
+export type * from './pickers/ValuePicker';
+export type * from './midi/export';
+export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, Statuses, } from './midi/export';
+export { default as ResponseCurve, RESPONSE_CURVES, } from './pickers/ResponseCurve';
+export { default as ccValues } from './midi/ccValues';

package/lib/{main.ts → index.ts}

@@ -1,5 +1,4 @@
-// Pickers
-export { default as CCPicker } from './pickers/CCPicker'
+// Components
 export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker'
 export { default as ChannelPicker } from './pickers/ChannelPicker'
 export { default as Knob } from './pickers/Knob'
@@ -16,7 +15,25 @@ export { default as StatusPicker } from './pickers/StatusPicker'
 export { default as SVGText } from './other/SVGText'
 export { default as ValuePicker } from './pickers/ValuePicker'
 
-// MIDI
+// Types
+export type * from './pickers/ChannelMappingPicker'
+export type * from './pickers/ChannelPicker'
+export type * from './pickers/Knob'
+export type * from './pickers/KnobPicker'
+export type * from './pickers/LatchPicker'
+export type * from './pickers/MappingPicker'
+export type * from './pickers/NotePicker'
+export type * from './other/OctavePlayer'
+export type * from './pickers/PianoPicker'
+export type * from './pickers/PolarityPicker'
+export type * from './pickers/ResponseCurvePicker'
+export type * from './pickers/Select'
+export type * from './pickers/StatusPicker'
+export type * from './other/SVGText'
+export type * from './pickers/ValuePicker'
+export type * from './midi/export'
+
+// MIDI Values & Functions
 export {
   combineStatusWithChannel,
   extractStatusAndChannel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",

package/tsconfig.json

@@ -11,8 +11,8 @@
     /* output */
     "declaration": true,
     "declarationDir": "./dist/types",
-    "emitDeclarationOnly": false,
-    "outDir": "./dist",
+    "emitDeclarationOnly": true,
+    // "preserveConstEnums": true, // we don't use enums
 
     /* Bundler mode */
     "moduleResolution": "Bundler",
@@ -25,9 +25,9 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
+    "noUncheckedSideEffectImports": true
 
-    "paths": {}
+    // "paths": {}
   },
   "include": ["lib"],
   "exclude": ["node_modules", "**/*.spec.ts", "**/*.spec.tsx", "stories"]

package/vite.config.ts

@@ -7,6 +7,7 @@ export default defineConfig({
   plugins: [
     react(),
     dts({
+      tsconfigPath: resolve(__dirname, 'tsconfig.json'),
       include: ['lib'],
       rollupTypes: true,
       entryRoot: 'lib',
@@ -15,12 +16,12 @@ export default defineConfig({
   ],
   build: {
     lib: {
-      entry: resolve(__dirname, 'lib/main'),
-      name: 'zds-pickers',
-      formats: ['es', 'cjs'],
+      entry: resolve(__dirname, 'lib/index'),
       fileName: format => `index.${format}.js`,
+      formats: ['es', 'cjs'],
+      name: 'zds-pickers',
     },
-    sourcemap: false,
+    sourcemap: true,
     rollupOptions: {
       external: [
         'react',
@@ -36,10 +37,12 @@ export default defineConfig({
           react: 'React',
           'react-dom': 'ReactDOM',
           'react-select': 'ReactSelect',
+          'd3-drag': 'd3',
+          'd3-scale': 'd3',
+          'd3-selection': 'd3',
         },
-        preserveModules: false,
       },
     },
-    minify: true,
+    // minify: true,
   },
 })

package/dist/types/main.d.ts

@@ -1,19 +0,0 @@
-export { default as CCPicker } from './pickers/CCPicker';
-export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker';
-export { default as ChannelPicker } from './pickers/ChannelPicker';
-export { default as Knob } from './pickers/Knob';
-export { default as KnobPicker } from './pickers/KnobPicker';
-export { default as LatchPicker } from './pickers/LatchPicker';
-export { default as MappingPicker } from './pickers/MappingPicker';
-export { default as NotePicker } from './pickers/NotePicker';
-export { default as OctavePlayer } from './other/OctavePlayer';
-export { default as PianoPicker } from './pickers/PianoPicker';
-export { default as PolarityPicker } from './pickers/PolarityPicker';
-export { default as ResponseCurvePicker } from './pickers/ResponseCurvePicker';
-export { default as Select } from './pickers/Select';
-export { default as StatusPicker } from './pickers/StatusPicker';
-export { default as SVGText } from './other/SVGText';
-export { default as ValuePicker } from './pickers/ValuePicker';
-export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, Statuses, } from './midi/export';
-export { default as ResponseCurve, RESPONSE_CURVES, } from './pickers/ResponseCurve';
-export { default as ccValues } from './midi/ccValues';

package/tsconfig.app.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.node.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}