sanity-plugin-workflow 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-workflow",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "A demonstration of a custom content publishing workflow using Sanity.",
   "keywords": [
     "sanity",
@@ -50,14 +50,15 @@
   },
   "dependencies": {
     "@hello-pangea/dnd": "^16.5.0",
-    "@sanity/icons": "^2.2.2",
-    "@sanity/incompatible-plugin": "^1.0.4",
+    "@sanity/icons": "^3.7.4",
+    "@sanity/incompatible-plugin": "^1.0.5",
+    "@sanity/ui": "^2.16.4",
     "@tanstack/react-virtual": "^3.0.0-beta.54",
     "framer-motion": "^10.6.1",
-    "groq": "^3.3.1",
+    "groq": "^3.98.1",
     "lexorank": "^1.0.5",
     "react-fast-compare": "^3.2.1",
-    "sanity-plugin-utils": "^1.6.2"
+    "sanity-plugin-utils": "^1.6.3"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.4.4",
@@ -66,7 +67,6 @@
     "@sanity/plugin-kit": "^3.1.4",
     "@sanity/semantic-release-preset": "^4.0.1",
     "@types/react": "^18.0.27",
-    "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
     "eslint": "^8.33.0",
@@ -87,14 +87,14 @@
     "rimraf": "^4.1.2",
     "sanity": "^3.26.0",
     "semantic-release": "^20.1.3",
+    "styled-components": "^6.1.19",
     "typescript": "^5.0.0"
   },
   "peerDependencies": {
-    "@sanity/ui": "^1.0 || ^2.0",
-    "react": "^18",
-    "react-dom": "^18",
-    "sanity": "^3.0.0",
-    "styled-components": "^5.0 || ^6.0"
+    "react": "^18.3 || ^19",
+    "react-dom": "^18.3 || ^19",
+    "sanity": "^3 || ^4.0.0-0",
+    "styled-components": "^6.1"
   },
   "engines": {
     "node": ">=14"

package/src/actions/CompleteWorkflow.tsx

@@ -1,22 +1,44 @@
 import {CheckmarkIcon} from '@sanity/icons'
+import {ToastContextValue, useToast} from '@sanity/ui'
 import {useCallback} from 'react'
-import {DocumentActionProps, useClient} from 'sanity'
+import {DocumentActionProps, SanityClient, useClient} from 'sanity'
 
 import {useWorkflowContext} from '../components/WorkflowContext'
 import {API_VERSION} from '../constants'
 
+export const handleDeleteMetadata = async (
+  client: SanityClient,
+  toast: ToastContextValue,
+  id: string
+) => {
+  try {
+    await client.delete(`workflow-metadata.${id}`)
+    toast.push({
+      status: 'success',
+      title: 'Workflow completed',
+    })
+  } catch (error) {
+    console.error(error)
+    toast.push({
+      status: 'error',
+      title: 'Could not complete Workflow',
+    })
+  }
+}
+
 export function CompleteWorkflow(props: DocumentActionProps) {
   const {id} = props
   const {metadata, loading, error, states} = useWorkflowContext(id)
   const client = useClient({apiVersion: API_VERSION})
+  const toast = useToast()
 
   if (error) {
     console.error(error)
   }
 
-  const handle = useCallback(() => {
-    client.delete(`workflow-metadata.${id}`)
-  }, [id, client])
+  const handle = useCallback(async () => {
+    await handleDeleteMetadata(client, toast, id)
+  }, [client, toast, id])
 
   if (!metadata) {
     return null
@@ -33,8 +55,9 @@ export function CompleteWorkflow(props: DocumentActionProps) {
     title: isLastState
       ? `Removes the document from the Workflow process`
       : `Cannot remove from workflow until in the last state`,
-    onHandle: () => {
-      handle()
+    onHandle: async () => {
+      await handle()
+      props.onComplete()
     },
     color: 'positive',
   }

package/src/components/DocumentCard/CompleteButton.tsx

@@ -3,6 +3,7 @@ import {Box, Button, Text, Tooltip, useToast} from '@sanity/ui'
 import React from 'react'
 import {useClient} from 'sanity'
 
+import {handleDeleteMetadata} from '../../actions/CompleteWorkflow'
 import {API_VERSION} from '../../constants'
 
 type CompleteButtonProps = {
@@ -24,20 +25,7 @@ export default function CompleteButton(props: CompleteButtonProps) {
           return
         }
 
-        client
-          .delete(`workflow-metadata.${id}`)
-          .then(() => {
-            toast.push({
-              status: 'success',
-              title: 'Workflow completed',
-            })
-          })
-          .catch(() => {
-            toast.push({
-              status: 'error',
-              title: 'Could not complete Workflow',
-            })
-          })
+        handleDeleteMetadata(client, toast, id)
       },
       [client, toast]
     )

package/src/components/FloatingCard.tsx

@@ -1,7 +1,7 @@
-import {PropsWithChildren} from 'react'
-import styled, {css} from 'styled-components'
 import {Card, Grid} from '@sanity/ui'
-import {motion, AnimatePresence} from 'framer-motion'
+import {AnimatePresence, motion} from 'framer-motion'
+import {PropsWithChildren} from 'react'
+import {css, styled} from 'styled-components'
 
 const StyledFloatingCard = styled(Card)(
   () => css`
@@ -13,12 +13,19 @@ const StyledFloatingCard = styled(Card)(
 )
 
 export default function FloatingCard({children}: PropsWithChildren) {
-  const childrenHaveValues = Array.isArray(children) ? children.some(Boolean) : Boolean(children)
+  const childrenHaveValues = Array.isArray(children)
+    ? children.some(Boolean)
+    : Boolean(children)
 
   return (
     <AnimatePresence>
       {childrenHaveValues ? (
-        <motion.div key="floater" initial={{opacity: 0}} animate={{opacity: 1}} exit={{opacity: 0}}>
+        <motion.div
+          key="floater"
+          initial={{opacity: 0}}
+          animate={{opacity: 1}}
+          exit={{opacity: 0}}
+        >
           <StyledFloatingCard shadow={3} padding={3} margin={3} radius={3}>
             <Grid gap={2}>{children}</Grid>
           </StyledFloatingCard>

package/src/components/StateTitle/index.tsx

@@ -1,6 +1,6 @@
 import {InfoOutlineIcon, UserIcon} from '@sanity/icons'
 import {Badge, BadgeTone, Box, Card, Flex, Text} from '@sanity/ui'
-import styled, {css} from 'styled-components'
+import {css, styled} from 'styled-components'
 
 import {State} from '../../types'
 import {Status} from './Status'