Fix typo to permanentlySetValue

theatre/studio/src/panels/DetailPanel/propEditors/BooleanPropEditor.tsx

@@ -23,7 +23,7 @@ const BooleanPropEditor: React.FC<{
 
   const onChange = useCallback(
     (el: React.ChangeEvent<HTMLInputElement>) => {
-      stuff.permenantlySetValue(Boolean(el.target.checked))
+      stuff.permanentlySetValue(Boolean(el.target.checked))
     },
     [propConfig, pointerToProp, obj],
   )

theatre/studio/src/panels/DetailPanel/propEditors/NumberPropEditor.tsx

@@ -29,7 +29,7 @@ const NumberPropEditor: React.FC<{
         value={stuff.value}
         temporarilySetValue={stuff.temporarilySetValue}
         discardTemporaryValue={stuff.discardTemporaryValue}
-        permenantlySetValue={stuff.permenantlySetValue}
+        permanentlySetValue={stuff.permanentlySetValue}
         range={propConfig.range}
         nudge={nudge}
       />

theatre/studio/src/panels/DetailPanel/propEditors/RgbaPropEditor.tsx

@@ -76,7 +76,7 @@ const RgbaPropEditor: React.FC<{
   const onChange = useCallback(
     (color: string) => {
       const rgba = decorateRgba(parseRgbaFromHex(color))
-      stuff.permenantlySetValue(rgba)
+      stuff.permanentlySetValue(rgba)
     },
     [stuff],
   )
@@ -98,7 +98,7 @@ const RgbaPropEditor: React.FC<{
           permanentlySetValue={(color) => {
             // console.log('perm')
             const rgba = decorateRgba(color)
-            stuff.permenantlySetValue(rgba)
+            stuff.permanentlySetValue(rgba)
           }}
           discardTemporaryValue={stuff.discardTemporaryValue}
         />
@@ -120,7 +120,7 @@ const RgbaPropEditor: React.FC<{
           value={rgba2hex(stuff.value)}
           temporarilySetValue={noop}
           discardTemporaryValue={noop}
-          permenantlySetValue={onChange}
+          permanentlySetValue={onChange}
           isValid={(v) => !!v.match(/^#?([0-9a-f]{8})$/i)}
         />
       </RowContainer>

theatre/studio/src/panels/DetailPanel/propEditors/StringLiteralPropEditor.tsx

@@ -20,7 +20,7 @@ const StringLiteralPropEditor: React.FC<{
 
   const onChange = useCallback(
     (val: string) => {
-      stuff.permenantlySetValue(val)
+      stuff.permanentlySetValue(val)
     },
     [propConfig, pointerToProp, obj],
   )

theatre/studio/src/panels/DetailPanel/propEditors/StringPropEditor.tsx

@@ -22,7 +22,7 @@ const StringPropEditor: React.FC<{
         value={stuff.value}
         temporarilySetValue={stuff.temporarilySetValue}
         discardTemporaryValue={stuff.discardTemporaryValue}
-        permenantlySetValue={stuff.permenantlySetValue}
+        permanentlySetValue={stuff.permanentlySetValue}
       />
     </SingleRowPropEditor>
   )

theatre/studio/src/panels/DetailPanel/propEditors/utils/useEditingToolsForPrimitiveProp.tsx

@@ -23,7 +23,7 @@ interface CommonStuff<T> {
 
   temporarilySetValue(v: T): void
   discardTemporaryValue(): void
-  permenantlySetValue(v: T): void
+  permanentlySetValue(v: T): void
 }
 
 interface Default<T> extends CommonStuff<T> {
@@ -76,7 +76,7 @@ export function useEditingToolsForPrimitiveProp<
               currentScrub = null
             }
           },
-          permenantlySetValue(v: T): void {
+          permanentlySetValue(v: T): void {
             if (currentScrub) {
               currentScrub.capture((api) => {
                 api.set(pointerToProp, v)

theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/CurveEditorPopover/CurveEditorPopover.tsx

@@ -192,7 +192,7 @@ const CurveEditorPopover: React.FC<
           tempTransaction = undefined
         }
       },
-      permenantlySetValue(newCurve: string): void {
+      permanentlySetValue(newCurve: string): void {
         if (tempTransaction) {
           tempTransaction.discard()
           tempTransaction = undefined
@@ -282,7 +282,7 @@ const CurveEditorPopover: React.FC<
               props.onRequestClose()
             }
             if (e.key === 'Enter') {
-              fns.permenantlySetValue(filter)
+              fns.permanentlySetValue(filter)
               props.onRequestClose()
             }
           }}
@@ -302,7 +302,7 @@ const CurveEditorPopover: React.FC<
                     if (e.key === 'Escape') {
                       props.onRequestClose()
                     } else if (e.key === 'Enter') {
-                      fns.permenantlySetValue(preset.value)
+                      fns.permanentlySetValue(preset.value)
                       props.onRequestClose()
                     }
                     if (e.key === 'ArrowRight') {
@@ -358,7 +358,7 @@ const CurveEditorPopover: React.FC<
                   ref={optionsRef.current[preset.label]}
                   key={preset.label}
                   onClick={() => {
-                    fns.permenantlySetValue(preset.value)
+                    fns.permanentlySetValue(preset.value)
                     props.onRequestClose()
                   }}
                   // Temporarily apply on hover

theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/LengthIndicator/LengthEditorPopover.tsx

@@ -57,7 +57,7 @@ const LengthEditorPopover: React.FC<{
           tempTransaction = undefined
         }
       },
-      permenantlySetValue(newLength: number): void {
+      permanentlySetValue(newLength: number): void {
         if (tempTransaction) {
           tempTransaction.discard()
           tempTransaction = undefined

theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/PlayheadPositionPopover.tsx

@@ -55,7 +55,7 @@ const PlayheadPositionPopover: React.FC<{
           sequence.position = originalPosition
         }
       },
-      permenantlySetValue(newPosition: number): void {
+      permanentlySetValue(newPosition: number): void {
         if (tempPosition) {
           tempPosition = undefined
         }

theatre/studio/src/uiComponents/form/BasicNumberInput.tsx

@@ -105,7 +105,7 @@ const BasicNumberInput: React.FC<{
   value: number
   temporarilySetValue: (v: number) => void
   discardTemporaryValue: () => void
-  permenantlySetValue: (v: number) => void
+  permanentlySetValue: (v: number) => void
   className?: string
   range?: [min: number, max: number]
   isValid?: (v: number) => boolean
@@ -167,7 +167,7 @@ const BasicNumberInput: React.FC<{
         if (curState.valueBeforeEditing === value) {
           propsRef.current.discardTemporaryValue()
         } else {
-          propsRef.current.permenantlySetValue(value)
+          propsRef.current.permanentlySetValue(value)
         }
       }
     }
@@ -243,7 +243,7 @@ const BasicNumberInput: React.FC<{
         if (curState.valueBeforeDragging === value) {
           propsRef.current.discardTemporaryValue()
         } else {
-          propsRef.current.permenantlySetValue(value)
+          propsRef.current.permanentlySetValue(value)
         }
         stateRef.current = {mode: 'noFocus'}
       }

theatre/studio/src/uiComponents/form/BasicStringInput.tsx

@@ -55,7 +55,7 @@ const BasicStringInput: React.FC<{
   value: string
   temporarilySetValue: (v: string) => void
   discardTemporaryValue: () => void
-  permenantlySetValue: (v: string) => void
+  permanentlySetValue: (v: string) => void
   className?: string
   isValid?: (v: string) => boolean
   inputRef?: MutableRefObject<HTMLInputElement | null>
@@ -112,7 +112,7 @@ const BasicStringInput: React.FC<{
         if (curState.valueBeforeEditing === value) {
           propsRef.current.discardTemporaryValue()
         } else {
-          propsRef.current.permenantlySetValue(value)
+          propsRef.current.permanentlySetValue(value)
         }
       }
     }