sanity-plugin-recurring-dates 1.2.0 → 1.3.0

package/dist/index.d.ts

@@ -16,9 +16,9 @@ export declare interface PluginConfig {
 }
 
 export declare interface RecurringDate {
-  rrule: string
-  startDate: string
-  endDate: string
+  rrule?: string
+  startDate?: string
+  endDate?: string
 }
 
 export declare type RecurringDateFieldOptions = Omit<ObjectDefinition, 'type' | 'fields'> & {

package/dist/index.esm.js

@@ -1,4 +1,5 @@
 import { set, unset, ObjectInputMember, defineField, definePlugin } from 'sanity';
+import { ChevronLeftIcon, ChevronRightIcon, CalendarIcon, WarningOutlineIcon, TrashIcon } from '@sanity/icons';
 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';
@@ -6,8 +7,7 @@ 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 { format, parse } from '@sanity/util/legacyDateFormat';
-import { ChevronLeftIcon, ChevronRightIcon, CalendarIcon, WarningOutlineIcon, TrashIcon } from '@sanity/icons';
+import { format, parse, DEFAULT_DATE_FORMAT as DEFAULT_DATE_FORMAT$1, DEFAULT_TIME_FORMAT } from '@sanity/util/legacyDateFormat';
 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
@@ -4664,6 +4664,49 @@ function RecurringDates(props) {
     })]
   });
 }
+function RecurringDatesPreview(props) {
+  const {
+    startDate,
+    endDate,
+    rrule,
+    schemaType,
+    pluginConfig
+  } = props;
+  const options = schemaType?.options;
+  const {
+    dateTimeOptions,
+    dateOnly
+  } = {
+    ...pluginConfig,
+    ...options
+  };
+  const rule = rrule && rrulestr(rrule);
+  const dateFormat = dateTimeOptions?.dateFormat || DEFAULT_DATE_FORMAT$1;
+  const timeFormat = dateTimeOptions?.timeFormat || DEFAULT_TIME_FORMAT;
+  const start = startDate ? new Date(startDate) : void 0;
+  const end = endDate ? new Date(endDate) : void 0;
+  const sameDay = start && end && start.toDateString() === end.toDateString();
+  let title = "No start date";
+  if (dateOnly) {
+    title = start ? format(start, dateFormat) : "No start date";
+    if (end && !sameDay) {
+      title += ` - ${format(end, dateFormat)}`;
+    }
+  } else {
+    title = start ? format(start, `${dateFormat} ${timeFormat}`) : "No start date";
+    if (end) {
+      title += ` - ${format(end, sameDay ? timeFormat : `${dateFormat} ${timeFormat}`)}`;
+    }
+  }
+  const previewProps = {
+    title,
+    subtitle: rule && upperFirst(rule.toText())
+  };
+  return props.renderDefault({
+    ...previewProps,
+    ...props
+  });
+}
 var recurringDateSchema = config => {
   const {
     dateTimeOptions,
@@ -4674,6 +4717,7 @@ var recurringDateSchema = config => {
     name: "recurringDates",
     title: "Dates",
     type: "object",
+    icon: CalendarIcon,
     fields: [defineField({
       title: "Start Date",
       name: "startDate",
@@ -4700,7 +4744,18 @@ var recurringDateSchema = config => {
       input: props => RecurringDates({
         ...props,
         pluginConfig: config
+      }),
+      preview: props => RecurringDatesPreview({
+        ...props,
+        pluginConfig: config
       })
+    },
+    preview: {
+      select: {
+        startDate: "startDate",
+        endDate: "endDate",
+        rrule: "rrule"
+      }
     }
   });
 };