From fc508ca9dafb3fbfcb99235c543a37ee1f666a21 Mon Sep 17 00:00:00 2001
From: Andy Fitzgerald <andy@andyfitzgeraldconsulting.com>
Date: Wed, 18 Sep 2024 16:30:01 -0700
Subject: [PATCH] Add input to remove the deprecated concept management
 controls Boolean

Custom input component used to prevent users from
seeing a "scheme error" message.
---
 src/components/inputs/ManagementControls.tsx | 37 ++++++++++++++++++++
 src/components/inputs/index.ts               |  1 +
 src/skosConceptScheme.tsx                    | 12 +++++--
 3 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 src/components/inputs/ManagementControls.tsx

diff --git a/src/components/inputs/ManagementControls.tsx b/src/components/inputs/ManagementControls.tsx
new file mode 100644
index 0000000..4e16d9b
--- /dev/null
+++ b/src/components/inputs/ManagementControls.tsx
@@ -0,0 +1,37 @@
+import {useCallback} from 'react'
+import {unset} from 'sanity'
+import {Button, Inline, Stack, useToast} from '@sanity/ui'
+
+/**
+ * #### Input Component for Deprecated Management Controls Field
+ * The Management Controls field was used for a previous version
+ * of the plugin and was set by default when creating a new scheme.
+ * It has been set to "Deprecated." This control will allow users
+ * to delete the value from the input to hide the field, without
+ * otherwise seeing an error int their schema.
+ * - Input is only visible if no identifier has been assigned
+ * - Input disappears once an ID is generated
+ */
+export const ManagementControls = (props: any) => {
+  const {onChange} = props
+  const toast = useToast()
+
+  const handleChange = useCallback(() => {
+    onChange(unset())
+    toast.push({
+      status: 'success',
+      title: 'Value removed.',
+      duration: 2500,
+      closable: true,
+    })
+  }, [onChange, toast])
+
+  return (
+    <Stack space={2}>
+      <Inline space={[3, 3, 4]}>
+        {props.renderDefault(props)}
+        <Button tone="primary" fontSize={2} onClick={handleChange} text="Remove Value" />
+      </Inline>
+    </Stack>
+  )
+}
diff --git a/src/components/inputs/index.ts b/src/components/inputs/index.ts
index d4093e7..e132593 100644
--- a/src/components/inputs/index.ts
+++ b/src/components/inputs/index.ts
@@ -2,3 +2,4 @@ export * from './RdfUri'
 export * from './Identifier'
 export * from './InputHierarchy'
 export * from './HierarchyInput'
+export * from './ManagementControls'
diff --git a/src/skosConceptScheme.tsx b/src/skosConceptScheme.tsx
index 467e4a3..701f0ee 100644
--- a/src/skosConceptScheme.tsx
+++ b/src/skosConceptScheme.tsx
@@ -3,6 +3,7 @@ import {randomKey} from '@sanity/util/content'
 import baseIriField from './modules/baseIriField'
 import {Identifier} from './components/inputs'
 import NodeTree from './components/NodeTree'
+import {ManagementControls} from './components/inputs'
 
 /**
  * Sanity document scheme for SKOS Concept Schemes
@@ -46,9 +47,16 @@ export default function skosConceptScheme(
       defineField({
         name: 'controls',
         title: 'Concept Management Controls',
-        description: 'Show concept management controls in hierarchy view',
+        deprecated: {
+          reason:
+            'This field was used for a previous version of the plugin and is no longer needed. Remove the value to hide this field.',
+        },
         type: 'boolean',
-        initialValue: true,
+        readOnly: true,
+        hidden: ({document}) => document?.controls === undefined,
+        components: {
+          input: ManagementControls,
+        },
       }),
       ...baseIriField,
       defineField({