sanity-plugin-recurring-dates 1.0.0 → 1.0.1

package/dist/index.js

@@ -9014,6 +9014,53 @@ function CustomRule(_ref8) {
     })
   });
 }
+function RemoveEndDate(_ref9) {
+  let {
+    title,
+    onChange
+  } = _ref9;
+  const handleUnsetClick = React.useCallback(() => {
+    onChange(sanity.unset(["endDate"]));
+  }, [onChange]);
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+    padding: 4,
+    radius: 2,
+    tone: "caution",
+    "data-ui": "Alert",
+    children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+      children: [/* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+        children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          size: 1,
+          children: /* @__PURE__ */jsxRuntime.jsx(icons.WarningOutlineIcon, {})
+        })
+      }), /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+        space: 3,
+        flex: 1,
+        marginLeft: 3,
+        children: [/* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
+          size: 1,
+          weight: "semibold",
+          children: ["The ", title ? lodash.upperFirst(title) : "current", " field has an end date"]
+        }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+          children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+            as: "p",
+            muted: true,
+            size: 1,
+            children: "This field has an end date value, but the end date is currently disabled for this field."
+          })
+        }), /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+          icon: icons.TrashIcon,
+          tone: "critical",
+          text: /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: "Remove end date"
+          }),
+          onClick: handleUnsetClick,
+          width: "100%"
+        })]
+      })]
+    })
+  });
+}
 function RecurringDates(props) {
   var _a, _b, _c;
   const {
@@ -9024,7 +9071,8 @@ function RecurringDates(props) {
     pluginConfig
   } = props;
   const {
-    options
+    options,
+    title
   } = schemaType;
   const {
     defaultRecurrences,
@@ -9074,12 +9122,16 @@ function RecurringDates(props) {
       ...dateTimeOptions
     };
   }
+  const hasEndDate = currentValue && currentValue.endDate;
   return /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
     space: 3,
     children: [/* @__PURE__ */jsxRuntime.jsxs(ui.Grid, {
       columns: hideEndDate ? 1 : 2,
       gap: 3,
-      children: [/* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+      children: [hasEndDate && hideEndDate && /* @__PURE__ */jsxRuntime.jsx(RemoveEndDate, {
+        title,
+        onChange
+      }), /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
         align: "flex-end",
         gap: 2,
         children: /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
@@ -9144,7 +9196,6 @@ function RecurringDates(props) {
 }
 var recurringDateSchema = config => {
   const {
-    hideEndDate,
     dateTimeOptions
   } = config;
   return sanity.defineField({
@@ -9172,7 +9223,7 @@ var recurringDateSchema = config => {
       name: "rrule",
       type: "string",
       hidden: true
-    })].filter(field => !(field.name === "endDate" && hideEndDate)),
+    })],
     components: {
       input: props => RecurringDates({
         ...props,