zds-pickers 4.0.13 → 4.0.15

package/lib/rotaryKnob/helpers/DrawLine.tsx

@@ -29,4 +29,4 @@ class DrawLine extends React.Component<DrawLineProps> {
   }
 }
 
-export default DrawLine
+export { DrawLine }

package/lib/rotaryKnob/helpers/HelpersOverlay.tsx

@@ -40,4 +40,4 @@ class HelpersOverlay extends React.Component<HelpersOverlayProps> {
   }
 }
 
-export default HelpersOverlay
+export { HelpersOverlay }

package/lib/rotaryKnob/helpers/KnobVisualHelpers.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import type { Point } from '../Types'
-import utils from '../utils'
-import DrawCircle from './DrawCircle'
-import DrawLine from './DrawLine'
-import HelpersOverlay from './HelpersOverlay'
+import { toRadians } from '../utils'
+import { DrawCircle } from './DrawCircle'
+import { DrawLine } from './DrawLine'
+import { HelpersOverlay } from './HelpersOverlay'
 
 /** Precision visual helpers */
 
@@ -49,9 +49,9 @@ class KnobVisualHelpers extends React.Component<
     //Calculate current angle segment end point
     //Note: Not sure why we need to subtract 90 here
     const valueMarkerX =
-      props.radius * Math.cos(utils.toRadians(props.valueAngle - 90))
+      props.radius * Math.cos(toRadians(props.valueAngle - 90))
     const valueMarkerY =
-      props.radius * Math.sin(utils.toRadians(props.valueAngle - 90))
+      props.radius * Math.sin(toRadians(props.valueAngle - 90))
 
     return {
       ...state,

package/lib/rotaryKnob/index.tsx

@@ -9,11 +9,11 @@ import { select } from 'd3-selection'
 import type { BaseType, Selection } from 'd3-selection'
 import { useEffect, useRef, useState } from 'react'
 import { SvgLoader, SvgProxy } from 'react-svgmt'
-import InternalInput from './InternalInput'
+import { InternalInput } from './InternalInput'
 import type { Point } from './Types'
 import { KnobVisualHelpers } from './helpers/KnobVisualHelpers'
 import defaultSkin from './knobdefaultskin'
-import utils from './utils'
+import { getAngleForPoint } from './utils'
 
 /**
  * type definition for the skin system attribute modification element
@@ -247,7 +247,7 @@ const RotaryKnob = (props: KnobProps) => {
       onStart()
 
       startPos = { x: event.x - cx, y: event.y - cy }
-      startAngle = utils.getAngleForPoint(startPos.x, startPos.y)
+      startAngle = getAngleForPoint(startPos.x, startPos.y)
       initialAngle = convertValueToAngle(currentValue)
       monitoring = false
 
@@ -263,14 +263,14 @@ const RotaryKnob = (props: KnobProps) => {
       if (preciseMode) {
         if (!monitoring && distanceFromCenter >= unlockDistance) {
           startPos = currentPos
-          startAngle = utils.getAngleForPoint(currentPos.x, currentPos.y)
+          startAngle = getAngleForPoint(currentPos.x, currentPos.y)
           monitoring = true
         }
       } else {
         monitoring = true
       }
 
-      const currentAngle = utils.getAngleForPoint(currentPos.x, currentPos.y)
+      const currentAngle = getAngleForPoint(currentPos.x, currentPos.y)
       const deltaAngle = currentAngle - startAngle
       let finalAngle = initialAngle + deltaAngle
       finalAngle = normalizeAngle(finalAngle)
@@ -414,4 +414,4 @@ const RotaryKnob = (props: KnobProps) => {
   )
 }
 
-export default RotaryKnob
+export { RotaryKnob }

package/lib/rotaryKnob/utils.ts

@@ -102,7 +102,7 @@ function transformBoundingClientRectToDocument(box: DOMRect) {
   return { top: ttop, left: tleft, width: box.width, height: box.height }
 }
 
-export default {
+export {
   // toGlobalCoordinates,
   // toLocalCoordinates,
   toRadians,

package/package.json

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

package/stories/assets/utils.js

@@ -4,4 +4,4 @@
 export const arraySequence = numberOfElements =>
   Array.from(new Array(numberOfElements).keys())
 
-export default arraySequence
+export { arraySequence }

package/stories/picker.stories.tsx

@@ -4,21 +4,21 @@ import React from 'react'
 import type * as Soundfont from 'soundfont-player'
 import { getMapping } from 'zds-mappings'
 import { Statuses, statusOptions } from '../lib/midi/export'
-import OctavePlayer from '../lib/other/OctavePlayer'
-import CCPicker from '../lib/pickers/CCPicker'
-import ChannelMappingPicker from '../lib/pickers/ChannelMappingPicker'
-import ChannelPicker from '../lib/pickers/ChannelPicker'
-import Knob from '../lib/pickers/Knob'
-import KnobPicker from '../lib/pickers/KnobPicker'
-import LatchPicker from '../lib/pickers/LatchPicker'
-import MappingPicker from '../lib/pickers/MappingPicker'
-import NotePicker from '../lib/pickers/NotePicker'
-import PianoPicker from '../lib/pickers/PianoPicker'
-import PolarityPicker from '../lib/pickers/PolarityPicker'
-import ResponseCurve from '../lib/pickers/ResponseCurve'
-import ResponseCurvePicker from '../lib/pickers/ResponseCurvePicker'
-import StatusPicker from '../lib/pickers/StatusPicker'
-import ValuePicker from '../lib/pickers/ValuePicker'
+import { OctavePlayer } from '../lib/other/OctavePlayer'
+import { CCPicker } from '../lib/pickers/CCPicker'
+import { ChannelMappingPicker } from '../lib/pickers/ChannelMappingPicker'
+import { ChannelPicker } from '../lib/pickers/ChannelPicker'
+import { Knob } from '../lib/pickers/Knob'
+import { KnobPicker } from '../lib/pickers/KnobPicker'
+import { LatchPicker } from '../lib/pickers/LatchPicker'
+import { MappingPicker } from '../lib/pickers/MappingPicker'
+import { NotePicker } from '../lib/pickers/NotePicker'
+import { PianoPicker } from '../lib/pickers/PianoPicker'
+import { PolarityPicker } from '../lib/pickers/PolarityPicker'
+import { ResponseCurve } from '../lib/pickers/ResponseCurve'
+import { ResponseCurvePicker } from '../lib/pickers/ResponseCurvePicker'
+import { StatusPicker } from '../lib/pickers/StatusPicker'
+import { ValuePicker } from '../lib/pickers/ValuePicker'
 
 const meta: Meta = {
   title: 'Pickers',