@sanity/rich-date-input 2.0.10-canary.11 → 2.0.10

package/README.md

@@ -1,9 +1,11 @@
+> This is a **Sanity Studio v2 plugin. For the v3 version, please switch to the [main branch](https://github.com/sanity-io/rich-date-input).
+
 ### @sanity/rich-date-input
 A richer date/time type and input component for Sanity form builder
 
 ## Usage
 
-- `sanity install @sanity/rich-date-input`
+- `sanity install @sanity/rich-date-input@studio-v2`
 - In your schema:
   ```js
   import richDate from 'part:@sanity/form-builder/input/rich-date/schema'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/rich-date-input",
-  "version": "2.0.10-canary.11+becc35c66",
+  "version": "2.0.10",
   "description": "Date/time input components for Sanity form builder",
   "main": "lib/index.js",
   "author": "Sanity.io <hello@sanity.io>",
@@ -18,7 +18,7 @@
     "sanity-plugin"
   ],
   "dependencies": {
-    "@sanity/generate-help-url": "2.0.10-canary.11+becc35c66",
+    "@sanity/generate-help-url": "2.0.9",
     "lodash": "^4.17.15",
     "moment": "^2.19.1",
     "moment-timezone": "^0.5.11",
@@ -38,6 +38,5 @@
   "bugs": {
     "url": "https://github.com/sanity-io/sanity/issues"
   },
-  "homepage": "https://www.sanity.io/",
-  "gitHead": "becc35c6693bc1259a8b1f505063080df791fbbe"
+  "homepage": "https://www.sanity.io/"
 }

package/lib/RichDate.css

@@ -1,28 +0,0 @@
-@import 'part:@sanity/base/theme/variables-style';
-
-.input {
-  composes: textInput from 'part:@sanity/base/theme/forms/text-input-style';
-  width: 100%;
-}
-
-.datepicker {
-  composes: shadow-6dp from 'part:@sanity/base/theme/shadows-style';
-  position: relative;
-}
-
-.root {
-  position: relative;
-}
-
-.rootWithTime {
-  composes: root;
-}
-
-.deprecationWarning {
-  padding: var(--medium-padding);
-  border: 3px dashed var(--state-warning-color);
-
-  @nest & > code {
-    font-weight: bold;
-  }
-}

package/lib/RichDate.js

@@ -1,163 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
-var _generateHelpUrl = _interopRequireDefault(require("@sanity/generate-help-url"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _default = _interopRequireDefault(require("part:@sanity/components/formfields/default"));
-
-var _RichDate = _interopRequireDefault(require("./RichDate.css"));
-
-var _patchEvent = require("part:@sanity/form-builder/patch-event");
-
-var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
-
-require("react-datepicker/dist/react-datepicker-cssmodules.css");
-
-var _default2 = _interopRequireDefault(require("part:@sanity/components/selects/default"));
-
-var _util = require("./util");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var DEPRECATION_WARNING = /*#__PURE__*/_react.default.createElement("div", {
-  className: _RichDate.default.deprecationWarning
-}, "This field has ", /*#__PURE__*/_react.default.createElement("code", null, "type: ", 'date'), ", which is deprecated and should be changed to", ' ', /*#__PURE__*/_react.default.createElement("code", null, "type: ", 'richDate'), ". Please update your schema and migrate your data.", ' ', /*#__PURE__*/_react.default.createElement("a", {
-  href: (0, _generateHelpUrl.default)('migrate-to-rich-date'),
-  target: "_blank",
-  rel: "noopener noreferrer"
-}, "More info"));
-
-class RichDateInput extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "handleChange", nextValue => {
-      var onChange = this.props.onChange;
-      var assembledValue = this.assembleOutgoingValue(nextValue);
-      onChange(_patchEvent.PatchEvent.from(assembledValue ? (0, _patchEvent.set)(assembledValue) : (0, _patchEvent.unset)()));
-    });
-
-    _defineProperty(this, "handleTimeChange", nextValue => {
-      var onChange = this.props.onChange;
-      var assembledValue = this.assembleOutgoingValue(nextValue.value);
-      onChange(_patchEvent.PatchEvent.from(assembledValue ? (0, _patchEvent.set)(assembledValue) : (0, _patchEvent.unset)()));
-    });
-
-    _defineProperty(this, "getCurrentValue", () => {
-      var value = this.props.value;
-
-      if (!value) {
-        return null;
-      }
-
-      return (0, _util.getOptions)(this.props).inputUtc ? value.utc : value.local;
-    });
-  }
-
-  assembleOutgoingValue(newMoment) {
-    if (!newMoment || !newMoment.isValid()) {
-      return undefined;
-    }
-
-    var name = this.props.type.name;
-
-    if ((0, _util.getOptions)(this.props).inputUtc) {
-      return {
-        _type: name,
-        utc: newMoment.utc().format() // e.g. "2017-02-12T09:15:00Z"
-
-      };
-    }
-
-    return {
-      _type: name,
-      local: newMoment.format(),
-      // e.g. 2017-02-21T10:15:00+01:00
-      utc: newMoment.utc().format(),
-      // e.g. 2017-02-12T09:15:00Z
-      timezone: _momentTimezone.default.tz.guess(),
-      // e.g. Europe/Oslo
-      offset: (0, _momentTimezone.default)().utcOffset() // e.g. 60 (utc offset in minutes)
-
-    };
-  }
-
-  render() {
-    var _this$props = this.props,
-        value = _this$props.value,
-        type = _this$props.type,
-        level = _this$props.level;
-    var title = type.title,
-        description = type.description;
-    var options = (0, _util.getOptions)(this.props);
-    var format = [options.inputDate ? options.dateFormat : null, options.inputTime ? options.timeFormat : null].filter(Boolean).join(' ');
-    var timeIntervals = (0, _util.getTimeIntervals)(value, options);
-    var activeTimeInterval = timeIntervals.find(time => time.isActive === true);
-    var placeholder = typeof type.placeholder === 'function' ? type.placeholder() : type.placeholder;
-    return /*#__PURE__*/_react.default.createElement(_default.default, {
-      labelFor: this.inputId,
-      label: title,
-      level: level,
-      description: description
-    }, type.name === 'date' && DEPRECATION_WARNING, /*#__PURE__*/_react.default.createElement("div", {
-      className: options.inputTime ? _RichDate.default.rootWithTime : _RichDate.default.root
-    }, options.inputDate && /*#__PURE__*/_react.default.createElement(_reactDatepicker.default, _extends({}, options, {
-      showMonthDropdown: true,
-      showYearDropdown: true,
-      todayButton: options.calendarTodayLabel,
-      selected: value && (0, _momentTimezone.default)(options.inputUtc ? value.utc : value.local),
-      placeholderText: placeholder,
-      calendarClassName: _RichDate.default.datepicker,
-      className: _RichDate.default.input,
-      onChange: this.handleChange,
-      value: value && (0, _momentTimezone.default)(options.inputUtc ? value.utc : value.local).format(format),
-      showTimeSelect: options.inputTime,
-      dateFormat: options.dateFormat,
-      timeFormat: options.timeFormat,
-      timeIntervals: options.timeStep
-    })), !options.inputDate && options.inputTime && /*#__PURE__*/_react.default.createElement(_default2.default, {
-      items: timeIntervals,
-      value: activeTimeInterval,
-      onChange: this.handleTimeChange
-    })));
-  }
-
-}
-
-exports.default = RichDateInput;
-RichDateInput.propTypes = {
-  value: _propTypes.default.shape({
-    utc: _propTypes.default.string,
-    local: _propTypes.default.string,
-    timezone: _propTypes.default.string,
-    offset: _propTypes.default.number
-  }),
-  type: _propTypes.default.shape({
-    title: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    options: _propTypes.default.object
-  }),
-  onChange: _propTypes.default.func,
-  level: _propTypes.default.number
-};
-RichDateInput.contextTypes = {
-  resolveInputComponent: _propTypes.default.func,
-  schema: _propTypes.default.object,
-  intl: _propTypes.default.shape({
-    locale: _propTypes.default.string
-  })
-};

package/lib/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _RichDate.default;
-  }
-});
-Object.defineProperty(exports, "schema", {
-  enumerable: true,
-  get: function get() {
-    return _schema.default;
-  }
-});
-
-var _RichDate = _interopRequireDefault(require("./RichDate"));
-
-var _schema = _interopRequireDefault(require("./schema"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/schema.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _RichDate = _interopRequireDefault(require("./RichDate"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Rich Date',
-  name: 'richDate',
-  type: 'object',
-  fields: [{
-    name: 'utc',
-    type: 'datetime',
-    title: 'UTC',
-    required: true
-  }, {
-    name: 'local',
-    type: 'datetime',
-    title: 'Local'
-  }, {
-    name: 'timezone',
-    type: 'string',
-    title: 'Timezone'
-  }, {
-    name: 'offset',
-    type: 'number',
-    title: 'Offset'
-  }],
-  inputComponent: _RichDate.default
-};
-exports.default = _default;

package/lib/story.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _storybook = require("part:@sanity/storybook");
-
-var _richDate = _interopRequireDefault(require("part:@sanity/form-builder/input/rich-date"));
-
-var _knobs = require("part:@sanity/storybook/addons/knobs");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _storybook.storiesOf)('Date Picker', module).addDecorator(_knobs.withKnobs).add('Default', () => {
-  var dateFormat = (0, _knobs.text)('dateFormat', 'YYYY-MM-DD');
-  var timeFormat = (0, _knobs.text)('timeFormat', 'HH:mm');
-  var inputUtc = (0, _knobs.boolean)('inputUtc', false);
-  var timeStep = (0, _knobs.number)('timeStep', 15);
-  var calendarTodayLabel = (0, _knobs.text)('calendarTodayLabel', 'Today');
-  var placeholderDate = (0, _knobs.text)('placeholderDate');
-  var placeholderTime = (0, _knobs.text)('placeholderTime');
-  var inputDate = (0, _knobs.boolean)('inputDate', true);
-  var inputTime = (0, _knobs.boolean)('inputTime', true);
-  var options = {
-    dateFormat,
-    timeFormat,
-    inputUtc,
-    timeStep,
-    calendarTodayLabel,
-    placeholderDate,
-    placeholderTime,
-    inputDate,
-    inputTime
-  };
-  return /*#__PURE__*/_react.default.createElement(_richDate.default, {
-    onChange: (0, _storybook.action)('onChange'),
-    type: {
-      title: (0, _knobs.text)('title'),
-      description: (0, _knobs.text)('description'),
-      options: options
-    }
-  });
-});

package/lib/util.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getOptions = getOptions;
-exports.getPlaceholderText = getPlaceholderText;
-exports.getTimeIntervals = getTimeIntervals;
-
-var _moment = _interopRequireDefault(require("moment"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function getOptions(props) {
-  var options = Object.assign({}, props.type.options);
-  options.dateFormat = options.dateFormat || 'YYYY-MM-DD';
-  options.timeFormat = options.timeFormat || 'HH:mm';
-  options.inputUtc = options.inputUtc === true;
-  options.timeStep = options.timeStep || 15;
-  options.calendarTodayLabel = options.calendarTodayLabel || 'Today';
-  options.inputDate = options.hasOwnProperty('inputDate') ? options.inputDate : true;
-  options.inputTime = options.hasOwnProperty('inputTime') ? options.inputTime : true;
-  options.placeholderDate = options.placeholderDate || (0, _moment.default)().format(options.dateFormat);
-  options.placeholderTime = options.placeholderTime || (0, _moment.default)().format(options.timeFormat);
-  return options;
-}
-
-function getPlaceholderText(options) {
-  return "".concat(options.inputDate ? options.placeholderDate : '', " ").concat(options.inputTime ? options.placeholderTime : '');
-}
-
-function getTimeIntervals(value, options) {
-  var timeStep = options.timeStep,
-      timeFormat = options.timeFormat;
-  var activeTime = value && (0, _moment.default)(value);
-  var beginningOfDay = (0, _moment.default)().startOf('day');
-  var multiplier = 1440 / timeStep;
-  var timeIntervals = [];
-
-  for (var i = 0; i < multiplier; i++) {
-    timeIntervals.push(beginningOfDay.clone().add(i * timeStep, 'minutes'));
-  }
-
-  return timeIntervals.map(time => {
-    var isActive = activeTime && time.format(options.timeFormat) === activeTime.format(options.timeFormat);
-    return {
-      title: time.format(timeFormat),
-      value: time,
-      isActive: isActive
-    };
-  });
-}