sanity-plugin-recurring-dates 1.2.0 → 1.3.0

package/dist/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 var sanity = require('sanity');
+var icons = require('@sanity/icons');
 var jsxRuntime = require('react/jsx-runtime');
 var ui = require('@sanity/ui');
 var lodash = require('lodash');
@@ -11,7 +12,6 @@ var React = require('react');
 var rrule = require('rrule');
 var sanityPluginUtils = require('sanity-plugin-utils');
 var legacyDateFormat = require('@sanity/util/legacyDateFormat');
-var icons = require('@sanity/icons');
 function _interopNamespaceCompat(e) {
   if (e && typeof e === 'object' && 'default' in e) return e;
   var n = Object.create(null);
@@ -4688,6 +4688,49 @@ function RecurringDates(props) {
     })]
   });
 }
+function RecurringDatesPreview(props) {
+  const {
+    startDate,
+    endDate,
+    rrule: rrule$1,
+    schemaType,
+    pluginConfig
+  } = props;
+  const options = schemaType?.options;
+  const {
+    dateTimeOptions,
+    dateOnly
+  } = {
+    ...pluginConfig,
+    ...options
+  };
+  const rule = rrule$1 && rrule.rrulestr(rrule$1);
+  const dateFormat = dateTimeOptions?.dateFormat || legacyDateFormat.DEFAULT_DATE_FORMAT;
+  const timeFormat = dateTimeOptions?.timeFormat || legacyDateFormat.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 ? legacyDateFormat.format(start, dateFormat) : "No start date";
+    if (end && !sameDay) {
+      title += ` - ${legacyDateFormat.format(end, dateFormat)}`;
+    }
+  } else {
+    title = start ? legacyDateFormat.format(start, `${dateFormat} ${timeFormat}`) : "No start date";
+    if (end) {
+      title += ` - ${legacyDateFormat.format(end, sameDay ? timeFormat : `${dateFormat} ${timeFormat}`)}`;
+    }
+  }
+  const previewProps = {
+    title,
+    subtitle: rule && lodash.upperFirst(rule.toText())
+  };
+  return props.renderDefault({
+    ...previewProps,
+    ...props
+  });
+}
 var recurringDateSchema = config => {
   const {
     dateTimeOptions,
@@ -4698,6 +4741,7 @@ var recurringDateSchema = config => {
     name: "recurringDates",
     title: "Dates",
     type: "object",
+    icon: icons.CalendarIcon,
     fields: [sanity.defineField({
       title: "Start Date",
       name: "startDate",
@@ -4724,7 +4768,18 @@ var recurringDateSchema = config => {
       input: props => RecurringDates({
         ...props,
         pluginConfig: config
+      }),
+      preview: props => RecurringDatesPreview({
+        ...props,
+        pluginConfig: config
       })
+    },
+    preview: {
+      select: {
+        startDate: "startDate",
+        endDate: "endDate",
+        rrule: "rrule"
+      }
     }
   });
 };