sanity-plugin-workflow 1.0.0-beta.1 → 1.0.0-beta.11

package/src/actions/DemoteAction.tsx

@@ -1,62 +0,0 @@
-import {ArrowLeftIcon} from '@sanity/icons'
-import {useToast} from '@sanity/ui'
-import {DocumentActionProps, useClient} from 'sanity'
-import {useWorkflowMetadata} from '../hooks/useWorkflowMetadata'
-
-import {State} from '../types'
-
-export function DemoteAction(props: DocumentActionProps, states: State[]) {
-  const {id} = props
-  const {data, loading, error} = useWorkflowMetadata(id, states)
-  const {state} = data
-  const client = useClient()
-  const toast = useToast()
-
-  if (loading || error) {
-    if (error) {
-      console.error(error)
-    }
-
-    return null
-  }
-
-  if (!state) {
-    return null
-  }
-
-  const onHandle = (documentId: string, newState: State) => {
-    client
-      .patch(`workflow-metadata.${documentId}`)
-      .set({state: newState.id})
-      .commit()
-      .then(() => {
-        props.onComplete()
-        toast.push({
-          status: 'success',
-          title: `Document demoted to ${newState.title}`,
-        })
-      })
-      .catch((err) => {
-        props.onComplete()
-        console.error(err)
-        toast.push({
-          status: 'error',
-          title: `Document demotion failed`,
-        })
-      })
-  }
-
-  const currentStateIndex = states.findIndex((s) => s.id === state.id)
-  const prevState = states[currentStateIndex - 1]
-
-  if (!prevState) {
-    return null
-  }
-
-  return {
-    icon: ArrowLeftIcon,
-    label: `Demote`,
-    title: `Demote State to "${prevState.title}"`,
-    onHandle: () => onHandle(id, prevState),
-  }
-}

package/src/actions/PromoteAction.tsx

@@ -1,62 +0,0 @@
-import {ArrowRightIcon} from '@sanity/icons'
-import {useToast} from '@sanity/ui'
-import {DocumentActionProps, useClient} from 'sanity'
-import {useWorkflowMetadata} from '../hooks/useWorkflowMetadata'
-
-import {State} from '../types'
-
-export function PromoteAction(props: DocumentActionProps, states: State[]) {
-  const {id} = props
-  const {data, loading, error} = useWorkflowMetadata(id, states)
-  const {state} = data
-  const client = useClient()
-  const toast = useToast()
-
-  if (loading || error) {
-    if (error) {
-      console.error(error)
-    }
-
-    return null
-  }
-
-  if (!state) {
-    return null
-  }
-
-  const onHandle = (documentId: string, newState: State) => {
-    client
-      .patch(`workflow-metadata.${documentId}`)
-      .set({state: newState.id})
-      .commit()
-      .then(() => {
-        props.onComplete()
-        toast.push({
-          status: 'success',
-          title: `Document promoted to ${newState.title}`,
-        })
-      })
-      .catch((err) => {
-        props.onComplete()
-        console.error(err)
-        toast.push({
-          status: 'error',
-          title: `Document promotion failed`,
-        })
-      })
-  }
-
-  const currentStateIndex = states.findIndex((s) => s.id === state.id)
-  const nextState = states[currentStateIndex + 1]
-
-  if (!nextState) {
-    return null
-  }
-
-  return {
-    icon: ArrowRightIcon,
-    label: `Promote`,
-    title: `Promote State to "${nextState.title}"`,
-    onHandle: () => onHandle(id, nextState),
-  }
-}

package/src/actions/RequestReviewAction.js

@@ -1,61 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-import {EyeOpenIcon} from '@sanity/icons'
-
-import {inferMetadataState, useWorkflowMetadata} from '../../lib/workflow'
-import RequestReviewWizard from '../../components/RequestReviewWizard'
-
-export function RequestReviewAction(props) {
-  const [showWizardDialog, setShowWizardDialog] = React.useState(false)
-  const metadata = useWorkflowMetadata(props.id, inferMetadataState(props))
-  const {state} = metadata.data
-
-  if (!props.draft || state === 'inReview' || state === 'approved') {
-    return null
-  }
-
-  const onHandle = () => {
-    if (!showWizardDialog) {
-      setShowWizardDialog(true)
-    }
-  }
-
-  const onSend = (assignees) => {
-    setShowWizardDialog(false)
-
-    if (assignees.length === 0) {
-      metadata.clearAssignees()
-    } else {
-      metadata.setAssignees(assignees)
-    }
-
-    metadata.setState('inReview')
-    props.onComplete()
-  }
-
-  const onClose = () => setShowWizardDialog(false)
-
-  return {
-    dialog: showWizardDialog && {
-      type: 'popover',
-      content: (
-        <RequestReviewWizard
-          metadata={metadata.data}
-          onClose={onClose}
-          onSend={onSend}
-        />
-      ),
-      onClose: props.onComplete,
-    },
-    disabled: showWizardDialog,
-    icon: EyeOpenIcon,
-    label: 'Request review',
-    onHandle,
-  }
-}
-
-RequestReviewAction.propTypes = {
-  draft: PropTypes.object,
-  id: PropTypes.string,
-  onComplete: PropTypes.func,
-}

package/src/actions/index.js

@@ -1,21 +0,0 @@
-import {ApproveAction} from './ApproveAction'
-import {DeleteAction} from './DeleteAction'
-import {DiscardChangesAction} from './DiscardChangesAction'
-import {PublishAction} from './PublishAction'
-import {RequestChangesAction} from './RequestChangesAction'
-import {RequestReviewAction} from './RequestReviewAction'
-import {SyncAction} from './SyncAction'
-import {UnpublishAction} from './Unpublish'
-
-export function resolveWorkflowActions(/* docInfo */) {
-  return [
-    SyncAction,
-    RequestReviewAction,
-    ApproveAction,
-    RequestChangesAction,
-    PublishAction,
-    UnpublishAction,
-    DiscardChangesAction,
-    DeleteAction,
-  ]
-}

package/src/badges/index.tsx

@@ -1,31 +0,0 @@
-import {DocumentBadgeDescription, DocumentBadgeProps} from 'sanity'
-import {useWorkflowMetadata} from '../hooks/useWorkflowMetadata'
-
-import {State} from '../types'
-
-export function StateBadge(
-  props: DocumentBadgeProps,
-  states: State[]
-): DocumentBadgeDescription | null {
-  const {id} = props
-  const {data, loading, error} = useWorkflowMetadata(id, states)
-  const {state} = data
-
-  if (loading || error) {
-    if (error) {
-      console.error(error)
-    }
-
-    return null
-  }
-
-  if (!state) {
-    return null
-  }
-
-  return {
-    label: state.title,
-    title: state.title,
-    color: state?.color,
-  }
-}

package/src/components/Mutate.tsx

@@ -1,54 +0,0 @@
-import React from 'react'
-import {Card, useToast} from '@sanity/ui'
-import {useDocumentOperation} from 'sanity'
-
-import {State} from '../types'
-
-type MutateProps = {
-  _id: string
-  _type: string
-  state: State
-  documentId: string
-  onComplete: (id: string) => void
-}
-
-export default function Mutate(props: MutateProps) {
-  const {_id, _type, documentId, state, onComplete} = props
-  const ops = useDocumentOperation(documentId, _type)
-  const isDraft = _id.startsWith('drafts.')
-
-  const toast = useToast()
-
-  if (isDraft && state.operation === 'publish') {
-    if (!ops.publish.disabled) {
-      ops.publish.execute()
-      onComplete(_id)
-      toast.push({
-        title: 'Published Document',
-        description: documentId,
-        status: 'success',
-      })
-    }
-  } else if (!isDraft && state.operation === 'unpublish') {
-    if (!ops.unpublish.disabled) {
-      ops.unpublish.execute()
-      onComplete(_id)
-      toast.push({
-        title: 'Unpublished Document',
-        description: documentId,
-        status: 'success',
-      })
-    }
-  } else {
-    // Clean up if it's not going to un/publish
-    onComplete(_id)
-  }
-
-  // return null
-
-  return (
-    <Card padding={3} shadow={2} tone="primary">
-      Mutating: {_id} to {state.title}
-    </Card>
-  )
-}

package/src/components/StateTimeline.tsx

@@ -1,98 +0,0 @@
-import {Button, Card, Text, Inline, Stack, useToast} from '@sanity/ui'
-import React, {useEffect} from 'react'
-import {ObjectInputProps, useClient} from 'sanity'
-
-import {useWorkflowMetadata} from '../hooks/useWorkflowMetadata'
-import {State} from '../types'
-
-type StateTimelineProps = ObjectInputProps & {
-  states: State[]
-  children: React.ReactNode
-}
-
-export default function StateTimeline(props: StateTimelineProps) {
-  //   return (
-  //     <Stack space={3}>
-  //       <StateTimeline {...props} states={states}>
-  //         {props.renderDefault(props)}
-  //       </StateTimeline>
-  //     </Stack>
-  //   )
-  console.log(props)
-  const {value, states, children} = props
-
-  const documentId = String(value?._id)
-
-  const {data, loading, error} = useWorkflowMetadata(documentId, states)
-  const {state} = data
-  const [mutatingToState, setMutatingToState] = React.useState<string | null>(
-    null
-  )
-
-  const client = useClient()
-  const toast = useToast()
-
-  // Just because the document is patched ...
-  // doesn't mean the latest data has been returned from the listener
-  useEffect(() => {
-    if (data) {
-      setMutatingToState(null)
-    }
-  }, [data])
-
-  const changeState = React.useCallback(
-    (publishedId: string, newState: State) => {
-      setMutatingToState(newState.id)
-
-      client
-        .patch(`workflow-metadata.${publishedId}`)
-        .set({state: newState.id})
-        .commit()
-        .then(() => {
-          toast.push({
-            status: 'success',
-            title: `Document moved to ${newState.title}`,
-          })
-        })
-        .catch((err) => {
-          console.error(err)
-          toast.push({
-            status: 'error',
-            title: `Document moved failed`,
-          })
-        })
-    },
-    [client, toast]
-  )
-
-  return (
-    <Stack space={3}>
-      <Text weight="medium" size={1}>
-        Workflow State
-      </Text>
-      <Card padding={1} radius={3} border tone="primary">
-        <Inline space={1}>
-          {states.map((s) => (
-            <Button
-              disabled={loading || error || Boolean(mutatingToState)}
-              fontSize={1}
-              tone="primary"
-              mode={
-                (!mutatingToState && s.id === state?.id) ||
-                s.id === mutatingToState
-                  ? `default`
-                  : `ghost`
-              }
-              key={s.id}
-              text={s.title}
-              radius={2}
-              onClick={() => changeState(documentId, s)}
-            />
-          ))}
-        </Inline>
-      </Card>
-
-      {children}
-    </Stack>
-  )
-}

package/src/components/UserSelectInput.tsx

@@ -1,43 +0,0 @@
-import {Card} from '@sanity/ui'
-import React, {useCallback} from 'react'
-import type {ArrayOfPrimitivesInputProps} from 'sanity'
-import {setIfMissing, insert, unset} from 'sanity'
-import {UserSelectMenu, useProjectUsers} from 'sanity-plugin-utils'
-
-export default function UserSelectInput(props: ArrayOfPrimitivesInputProps) {
-  const {value = [], onChange} = props
-  const userList = useProjectUsers()
-
-  const onAssigneeAdd = useCallback(
-    (userId: string) => {
-      onChange([setIfMissing([]), insert([userId], `after`, [-1])])
-    },
-    [onChange]
-  )
-
-  const onAssigneeRemove = useCallback(
-    (userId: string) => {
-      const userIdIndex = value.findIndex((v) => v === userId)
-
-      onChange(unset([userIdIndex]))
-    },
-    [onChange, value]
-  )
-
-  const onAssigneesClear = useCallback(() => {
-    onChange(unset())
-  }, [onChange])
-
-  return (
-    <Card border radius={3} padding={1}>
-      <UserSelectMenu
-        open
-        value={value as string[]}
-        userList={userList}
-        onAdd={onAssigneeAdd}
-        onClear={onAssigneesClear}
-        onRemove={onAssigneeRemove}
-      />
-    </Card>
-  )
-}

package/src/schema/workflow/metadata.ts

@@ -1,38 +0,0 @@
-import {defineType, defineField, defineArrayMember} from 'sanity'
-// import UserSelectInput from '../../components/UserSelectInput'
-import {State} from '../../types'
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export default (states: State[]) =>
-  defineType({
-    type: 'document',
-    name: 'workflow.metadata',
-    title: 'Workflow metadata',
-    liveEdit: true,
-    fields: [
-      defineField({
-        name: 'state',
-        type: 'string',
-        options: {
-          list: states.map((state) => ({
-            value: state.id,
-            title: state.title,
-          })),
-        },
-      }),
-      defineField({
-        name: 'documentId',
-        title: 'Document ID',
-        type: 'string',
-        readOnly: true,
-      }),
-      defineField({
-        type: 'array',
-        name: 'assignees',
-        description:
-          'The people who are assigned to move this further in the workflow.',
-        of: [defineArrayMember({type: 'string'})],
-        // components: {input: UserSelectInput},
-      }),
-    ],
-  })