sanity-plugin-recurring-dates 1.0.0 → 1.0.1

package/dist/index.esm.js

@@ -1,12 +1,12 @@
-import { set, ObjectInputMember, defineField, definePlugin } from 'sanity';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { set, unset, ObjectInputMember, defineField, definePlugin } from 'sanity';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Card, Text, Box, Grid, TextInput, useForwardedRef, Flex, Select, Button, useClickOutside, LayerProvider, Popover, Stack, Dialog, Radio } from '@sanity/ui';
 import { range, upperFirst } from 'lodash';
 import * as React from 'react';
 import React__default, { useState, useEffect, PureComponent, useCallback, forwardRef, useRef, useMemo } from 'react';
 import { rrulestr, Weekday, RRule } from 'rrule';
 import { Feedback } from 'sanity-plugin-utils';
-import { ChevronLeftIcon, ChevronRightIcon, CalendarIcon } from '@sanity/icons';
+import { ChevronLeftIcon, ChevronRightIcon, CalendarIcon, WarningOutlineIcon, TrashIcon } from '@sanity/icons';
 const DEFAULT_RECURRENCES = ["RRULE:FREQ=DAILY;INTERVAL=1", "RRULE:FREQ=WEEKLY;INTERVAL=1", "RRULE:FREQ=MONTHLY;INTERVAL=1", "RRULE:FREQ=YEARLY;INTERVAL=1"];
 const DEFAULT_CONFIG = {
   defaultRecurrences: DEFAULT_RECURRENCES
@@ -8990,6 +8990,53 @@ function CustomRule(_ref8) {
     })
   });
 }
+function RemoveEndDate(_ref9) {
+  let {
+    title,
+    onChange
+  } = _ref9;
+  const handleUnsetClick = useCallback(() => {
+    onChange(unset(["endDate"]));
+  }, [onChange]);
+  return /* @__PURE__ */jsx(Card, {
+    padding: 4,
+    radius: 2,
+    tone: "caution",
+    "data-ui": "Alert",
+    children: /* @__PURE__ */jsxs(Flex, {
+      children: [/* @__PURE__ */jsx(Box, {
+        children: /* @__PURE__ */jsx(Text, {
+          size: 1,
+          children: /* @__PURE__ */jsx(WarningOutlineIcon, {})
+        })
+      }), /* @__PURE__ */jsxs(Stack, {
+        space: 3,
+        flex: 1,
+        marginLeft: 3,
+        children: [/* @__PURE__ */jsxs(Text, {
+          size: 1,
+          weight: "semibold",
+          children: ["The ", title ? upperFirst(title) : "current", " field has an end date"]
+        }), /* @__PURE__ */jsx(Box, {
+          children: /* @__PURE__ */jsx(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__ */jsx(Button, {
+          icon: TrashIcon,
+          tone: "critical",
+          text: /* @__PURE__ */jsx(Fragment, {
+            children: "Remove end date"
+          }),
+          onClick: handleUnsetClick,
+          width: "100%"
+        })]
+      })]
+    })
+  });
+}
 function RecurringDates(props) {
   var _a, _b, _c;
   const {
@@ -9000,7 +9047,8 @@ function RecurringDates(props) {
     pluginConfig
   } = props;
   const {
-    options
+    options,
+    title
   } = schemaType;
   const {
     defaultRecurrences,
@@ -9050,12 +9098,16 @@ function RecurringDates(props) {
       ...dateTimeOptions
     };
   }
+  const hasEndDate = currentValue && currentValue.endDate;
   return /* @__PURE__ */jsxs(Stack, {
     space: 3,
     children: [/* @__PURE__ */jsxs(Grid, {
       columns: hideEndDate ? 1 : 2,
       gap: 3,
-      children: [/* @__PURE__ */jsx(Flex, {
+      children: [hasEndDate && hideEndDate && /* @__PURE__ */jsx(RemoveEndDate, {
+        title,
+        onChange
+      }), /* @__PURE__ */jsx(Flex, {
         align: "flex-end",
         gap: 2,
         children: /* @__PURE__ */jsx(Box, {
@@ -9120,7 +9172,6 @@ function RecurringDates(props) {
 }
 var recurringDateSchema = config => {
   const {
-    hideEndDate,
     dateTimeOptions
   } = config;
   return defineField({
@@ -9148,7 +9199,7 @@ var recurringDateSchema = config => {
       name: "rrule",
       type: "string",
       hidden: true
-    })].filter(field => !(field.name === "endDate" && hideEndDate)),
+    })],
     components: {
       input: props => RecurringDates({
         ...props,