sanity-plugin-recurring-dates 1.0.0 → 1.0.2

package/README.md

@@ -135,13 +135,16 @@ import {formatInTimeZone, getTimezoneOffset} from 'date-fns-tz'
 // your desired timezone
 const timezone = 'Europe/London'
 
+// Start date as a date
+const startDate = new Date(recurringDate.startDate)
+
 // Pass your rrule and startDate to the `rrulestr` function
-const upcomingRule = rrulestr(rrule, {
+const upcomingRule = rrulestr(recurringDate.rrule, {
   dtstart: startDate,
 })
 
 // Calculate the offset from UTC for your timezone at the start date
-const initialOffset = getTimezoneOffset(timezone, new Date(startDate))
+const initialOffset = getTimezoneOffset(timezone, startDate)
 
 // Map through all the rules, returning an array of dates in the correct timezone
 // with consideration for changes in timezone offset as a result of DST
@@ -157,11 +160,7 @@ const allDates = rule.all().map((date) => {
 
   // Return a formatted date from the date needed, with the format we pass
   // in the third parameter
-  return formatInTimeZone(
-    date.setTime(date.getTime() + diff),
-    timezone,
-    'EEEE, MMMM d, yyyy h:mm aaaa',
-  )
+  return formatInTimeZone(date, timezone, 'EEEE, MMMM d, yyyy h:mm aaaa')
 })
 ```
 
@@ -177,10 +176,9 @@ with default configuration for build & watch scripts.
 See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
 on how to run this plugin with hotreload in the studio.
 
-
 ### Release new version
 
 Run ["CI & Release" workflow](https://github.com/thebiggianthead/sanity-plugin-recurring-dates/actions/workflows/main.yml).
 Make sure to select the main branch and check "Release new version".
 
-Semantic release will only release on configured branches, so it is safe to run release on any branch.
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/dist/index.d.ts

@@ -9,12 +9,18 @@ export declare interface PluginConfig {
   dateTimeOptions?: DatetimeOptions
 }
 
+export declare interface RecurringDate {
+  rrule: string
+  startDate: string
+  endDate: String
+}
+
 export declare type RecurringDateFieldOptions = Omit<ObjectDefinition, 'type' | 'fields'> & {
   type: 'recurringDates'
   options?: PluginConfig
 }
 
-export declare const recurringDates: Plugin_2<PluginConfig>
+export declare const recurringDates: Plugin_2<void | PluginConfig>
 
 export declare type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
   [Property in Key]-?: Type[Property]

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,