sanity-plugin-media 2.0.4 → 2.0.6

package/src/hooks/usePortalPopoverProps.ts

@@ -0,0 +1,12 @@
+import {PopoverProps, usePortal} from '@sanity/ui'
+
+export function usePortalPopoverProps(): PopoverProps {
+  const portal = usePortal()
+
+  return {
+    constrainSize: true,
+    floatingBoundary: portal.element,
+    portal: true,
+    referenceBoundary: portal.element
+  }
+}

package/src/modules/index.ts

@@ -1,4 +1,9 @@
-import {combineReducers} from '@reduxjs/toolkit'
+import {
+  ActionFromReducersMapObject,
+  Reducer,
+  StateFromReducersMapObject,
+  combineReducers
+} from '@reduxjs/toolkit'
 import {combineEpics} from 'redux-observable'
 
 import assetsReducer, {
@@ -97,7 +102,7 @@ export const rootEpic = combineEpics(
   uploadsCompleteQueueEpic
 )
 
-const reducers = combineReducers({
+const reducers = {
   assets: assetsReducer,
   debug: debugReducer,
   dialog: dialogReducer,
@@ -106,5 +111,14 @@ const reducers = combineReducers({
   selected: selectedReducer,
   tags: tagsReducer,
   uploads: uploadsReducer
-})
-export const rootReducer = reducers
+}
+
+type ReducersMapObject = typeof reducers
+
+// Workaround to avoid `$CombinedState` ts errors
+// source: https://github.com/reduxjs/redux-toolkit/issues/2068#issuecomment-1130796500
+// TODO: remove once we use `redux-toolkit` v2
+export const rootReducer: Reducer<
+  StateFromReducersMapObject<ReducersMapObject>,
+  ActionFromReducersMapObject<ReducersMapObject>
+> = combineReducers(reducers)

package/src/components/FormFieldInputFilename/index.tsx

@@ -1,50 +0,0 @@
-import {Box, Flex, TextInput} from '@sanity/ui'
-import React, {forwardRef} from 'react'
-import {FieldError} from 'react-hook-form'
-
-import FormFieldInputLabel from '../FormFieldInputLabel'
-
-type Props = {
-  description?: string
-  extension: string
-  disabled?: boolean
-  error?: FieldError
-  label: string
-  name: string
-  placeholder?: string
-  value?: string
-}
-
-type Ref = HTMLInputElement
-
-const FormFieldInputText = forwardRef<Ref, Props>((props: Props, ref) => {
-  const {description, disabled, error, extension, label, name, placeholder, value} = props
-
-  return (
-    <Box>
-      {/* Label */}
-      <FormFieldInputLabel description={description} error={error} label={label} name={name} />
-
-      {/* Input */}
-      <Flex>
-        <Box style={{flexGrow: 1}}>
-          <TextInput
-            autoComplete="off"
-            autoFocus
-            defaultValue={value}
-            disabled={disabled}
-            id={name}
-            name={name}
-            placeholder={placeholder}
-            ref={ref}
-          />
-        </Box>
-        <Box style={{width: '70px'}}>
-          <TextInput defaultValue={`.${extension}`} disabled />
-        </Box>
-      </Flex>
-    </Box>
-  )
-})
-
-export default FormFieldInputText