@planningcenter/tapestry-react 2.9.2 → 2.10.0-rc.2

package/dist/cjs/DateField/parse.test.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _dateFns = require("date-fns");
-
-var _parse = require("./parse");
-
-describe('isValidDate', function () {
-  var validDates = ['jun 6, 2022', 'June-06-2022', '6-6-2022', '6/6/2022', '06-06-2022', '2022-06-26', // year, month, day
-  '2022/6/1' // year, month, day
-  ];
-  validDates.forEach(function (date) {
-    it("returns true for \"" + date + "\"", function () {
-      expect((0, _parse.isValidDate)(date)).toBe(true);
-    });
-  });
-  var invalidDates = ['June-06-22', '13-6-2022', 'June 6 2022', '2022/6/1/1', '2022-15-06'];
-  invalidDates.forEach(function (date) {
-    it("returns false for \"" + date + "\"", function () {
-      expect((0, _parse.isValidDate)(date)).toBe(false);
-    });
-  });
-});
-describe('parseDate', function () {
-  var dates = [['January 31, 2022', 'January 31, 2022'], ['jun 9, 2022', 'June 09, 2022'], ['June-09-2022', 'June 09, 2022'], ['6-9-2022', 'June 09, 2022'], ['6/9/2022', 'June 09, 2022'], ['06-09-2022', 'June 09, 2022'], ['2022-06-26', 'June 26, 2022'], ['2022/6/1', 'June 01, 2022', 'MMMM dd, yyyy'], ['15/6/2022', 'June 15, 2022', 'dd/MM/YYYY'], ['1/6/2022', 'June 01, 2022', 'dd MMMM, yyyy'], ['15-aug-2023', 'August 15, 2023', 'dd MMMM, yyyy'], ['15 August, 2023', 'August 15, 2023', 'dd MMMM, yyyy']];
-  dates.forEach(function (_ref) {
-    var date = _ref[0],
-        expected = _ref[1],
-        dateFormat = _ref[2];
-    it("returns " + expected + " for \"" + date + "\"", function () {
-      expect((0, _dateFns.format)((0, _parse.parseDate)({
-        date: date,
-        format: dateFormat
-      }), 'MMMM dd, yyyy')).toEqual(expected);
-    });
-  });
-});
-describe('parseMonth', function () {
-  var months = [['jan', 1], ['feb', 2], ['December', 12], ['2', 2], ['12', 12], ['05', 5]];
-  months.forEach(function (_ref2) {
-    var month = _ref2[0],
-        expected = _ref2[1];
-    it("returns " + expected + " for \"" + month + "\"", function () {
-      expect((0, _parse.parseMonth)(month)).toBe(expected);
-    });
-  });
-});

package/dist/cjs/DateField/useArrowKeysToNavigateCalendar.js

@@ -1,48 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useArrowKeysToNavigateCalendar = void 0;
-
-var _react = require("react");
-
-var useArrowKeysToNavigateCalendar = function useArrowKeysToNavigateCalendar(_ref) {
-  var date = _ref.date,
-      calendarIsOpen = _ref.calendarIsOpen,
-      closeCalendar = _ref.closeCalendar,
-      openCalendar = _ref.openCalendar,
-      onChange = _ref.onChange;
-  var incrementDate = (0, _react.useCallback)(function (by) {
-    if (!date) return;
-    var newDate = new Date(date);
-    newDate.setDate(newDate.getDate() + by);
-    onChange(newDate);
-  }, [date, onChange]);
-  var handleInputKeyDown = (0, _react.useCallback)(function (event) {
-    if (calendarIsOpen) {
-      if (event.key === 'ArrowUp') {
-        event.preventDefault();
-        incrementDate(-7);
-      } else if (event.key === 'ArrowDown') {
-        event.preventDefault();
-        incrementDate(7);
-      } else if (event.key === 'ArrowLeft') {
-        event.preventDefault();
-        incrementDate(-1);
-      } else if (event.key === 'ArrowRight') {
-        event.preventDefault();
-        incrementDate(1);
-      } else if (event.key === 'Enter') {
-        event.preventDefault();
-        closeCalendar();
-      }
-    } else {
-      if (event.key === 'ArrowDown') {
-        event.preventDefault();
-        openCalendar();
-      }
-    }
-  }, [calendarIsOpen, openCalendar, incrementDate]);
-  return handleInputKeyDown;
-};
-
-exports.useArrowKeysToNavigateCalendar = useArrowKeysToNavigateCalendar;

package/dist/cjs/DateField/useEditableDate.js

@@ -1,72 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useEditableDate = void 0;
-
-var _react = require("react");
-
-var _dateFns = require("date-fns");
-
-var _parse = require("./parse");
-
-var useEditableDate = function useEditableDate(_ref) {
-  var date = _ref.date,
-      dateFormat = _ref.dateFormat,
-      dateValidator = _ref.dateValidator,
-      onChange = _ref.onChange;
-
-  var _useState = (0, _react.useState)(),
-      keyBuffer = _useState[0],
-      setKeyBuffer = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      invalidKeyBuffer = _useState2[0],
-      setInvalidKeyBuffer = _useState2[1];
-
-  var formattedDate = (0, _react.useMemo)(function () {
-    if (keyBuffer !== undefined) {
-      return keyBuffer;
-    } else {
-      return date ? (0, _dateFns.format)(date, dateFormat) : '';
-    }
-  }, [date, dateFormat, keyBuffer]);
-  var setKeyBufferAndValidate = (0, _react.useCallback)(function (value) {
-    setKeyBuffer(value);
-
-    if (value && !dateValidator((0, _parse.parseDate)({
-      date: value,
-      format: dateFormat
-    }))) {
-      setInvalidKeyBuffer(true);
-    } else {
-      setInvalidKeyBuffer(false);
-    }
-  }, [dateFormat, dateValidator]);
-  var setDate = (0, _react.useCallback)(function (date) {
-    var newDate;
-
-    if (typeof date === 'string') {
-      setKeyBufferAndValidate(date);
-      newDate = (0, _parse.parseDate)({
-        date: date,
-        format: dateFormat
-      });
-    } else {
-      setKeyBufferAndValidate(undefined);
-      newDate = date;
-    }
-
-    if (dateValidator(newDate) && onChange) onChange(newDate);
-  }, [onChange, setKeyBufferAndValidate, dateValidator, dateFormat]);
-  var clearKeyBuffer = (0, _react.useCallback)(function () {
-    setKeyBufferAndValidate(undefined);
-  }, []);
-  return {
-    formattedDate: formattedDate,
-    setDate: setDate,
-    clearKeyBuffer: clearKeyBuffer,
-    invalidKeyBuffer: invalidKeyBuffer
-  };
-};
-
-exports.useEditableDate = useEditableDate;

package/dist/cjs/Divider/Divider.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Divider = Divider;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-/**
- * Used to break up content
- */
-function Divider(_ref) {
-  var _ref$axis = _ref.axis,
-      axis = _ref$axis === void 0 ? 'horizontal' : _ref$axis,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'separatorTertiary' : _ref$color,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? 0 : _ref$margin,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 1 : _ref$size,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["axis", "color", "margin", "size"]);
-  var props = {
-    as: 'div',
-    alignSelf: 'stretch',
-    backgroundColor: color
-  };
-
-  if (axis === 'horizontal') {
-    props.height = size + 'px';
-    props.marginVertical = margin;
-  } else {
-    props.width = size + 'px';
-    props.marginHorizontal = margin;
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({}, props, restProps));
-}

package/dist/cjs/Divider/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _Divider = require("./Divider");
-
-exports["default"] = _Divider.Divider;
-Object.keys(_Divider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Divider[key]) return;
-  exports[key] = _Divider[key];
-});

package/dist/cjs/DragDrop/DragDrop.js

@@ -1,233 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var RBDND = _interopRequireWildcard(require("@planningcenter/react-beautiful-dnd"));
-
-var _mitt = _interopRequireDefault(require("mitt"));
-
-var _styles = require("../ThemeProvider/styles");
-
-var _system = require("../system");
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var DragDropContext = /*#__PURE__*/(0, _react.createContext)(false);
-var DroppableContext = /*#__PURE__*/(0, _react.createContext)(false);
-var emitter = (0, _mitt["default"])();
-var draggableData = {};
-var portalNode = null;
-var providerCount = 0;
-
-function setDraggableData(id, data) {
-  draggableData[id] = data;
-  return function () {
-    delete draggableData[id];
-  };
-}
-
-function useDragDrop() {
-  var hasParentDragDrop = (0, _react.useContext)(DragDropContext);
-  return hasParentDragDrop;
-}
-
-function Provider(_ref) {
-  var _onDragStart = _ref.onDragStart,
-      _onDragEnd = _ref.onDragEnd,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["onDragStart", "onDragEnd"]);
-  var hasParentDragDrop = useDragDrop();
-  var themeId = (0, _system.useThemeValue)('id');
-
-  if (typeof document !== 'undefined' && portalNode === null) {
-    portalNode = document.createElement('div');
-    portalNode.id = 'rbd-portal';
-    portalNode.className = 'tapestry-react-reset';
-    portalNode.setAttribute((0, _styles.getThemeDataAttribute)(themeId), 'true');
-    document.body.appendChild(portalNode);
-  }
-
-  (0, _react.useEffect)(function () {
-    providerCount += 1;
-    return function () {
-      providerCount -= 1; // last unmounting provider clears the portalNode
-
-      if (providerCount === 0) {
-        portalNode = null;
-      }
-    };
-  }, []);
-  return hasParentDragDrop ? props.children : /*#__PURE__*/_react["default"].createElement(DragDropContext.Provider, {
-    value: true
-  }, /*#__PURE__*/_react["default"].createElement(RBDND.DragDropContext, (0, _extends2["default"])({
-    onDragStart: function onDragStart(event) {
-      var augmentedEvent = _objectSpread(_objectSpread({}, event), {}, {
-        data: draggableData[event.draggableId] || null
-      });
-
-      emitter.emit('dragStart', augmentedEvent);
-
-      if (_onDragStart) {
-        _onDragStart(augmentedEvent);
-      }
-    },
-    onDragEnd: function onDragEnd(event) {
-      var augmentedEvent = _objectSpread(_objectSpread({}, event), {}, {
-        data: draggableData[event.draggableId] || null
-      });
-
-      emitter.emit('dragEnd', augmentedEvent);
-
-      if (_onDragEnd) {
-        _onDragEnd(augmentedEvent);
-      }
-    }
-  }, props)));
-}
-
-function Droppable(_ref2) {
-  var children = _ref2.children,
-      sourceOnly = _ref2.sourceOnly,
-      onDragStart = _ref2.onDragStart,
-      onDragEnd = _ref2.onDragEnd,
-      onDrop = _ref2.onDrop,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, ["children", "sourceOnly", "onDragStart", "onDragEnd", "onDrop"]);
-  (0, _react.useEffect)(function () {
-    function handleDragStart(event) {
-      if (onDragStart && event.source.droppableId === props.droppableId) {
-        onDragStart(event);
-      }
-    }
-
-    emitter.on('dragStart', handleDragStart);
-    return function () {
-      emitter.off('dragStart', handleDragStart);
-    };
-  }, [onDragStart]);
-  (0, _react.useEffect)(function () {
-    function handleDragEnd(event) {
-      if (onDragEnd && event.source.droppableId === props.droppableId) {
-        onDragEnd(event);
-      }
-
-      if (onDrop && event.destination && event.destination.droppableId === props.droppableId) {
-        onDrop(event);
-      }
-    }
-
-    emitter.on('dragEnd', handleDragEnd);
-    return function () {
-      emitter.off('dragEnd', handleDragEnd);
-    };
-  }, [onDragEnd, onDrop]);
-  return /*#__PURE__*/_react["default"].createElement(DroppableContext.Provider, {
-    value: sourceOnly
-  }, /*#__PURE__*/_react["default"].createElement(RBDND.Droppable, (0, _extends2["default"])({
-    isDropDisabled: sourceOnly
-  }, props), function (provided, snapshot) {
-    if (sourceOnly) {
-      provided.placeholder = /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'none'
-        }
-      }, provided.placeholder);
-    }
-
-    return children(provided, snapshot);
-  }));
-}
-
-function Draggable(_ref3) {
-  var children = _ref3.children,
-      placeholder = _ref3.placeholder,
-      data = _ref3.data,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref3, ["children", "placeholder", "data"]);
-  var sourceOnly = (0, _react.useContext)(DroppableContext);
-  (0, _react.useEffect)(function () {
-    return setDraggableData(props.draggableId, data);
-  }, [data]);
-  return /*#__PURE__*/_react["default"].createElement(RBDND.Draggable, props, function (provided, snapshot) {
-    if (sourceOnly) {
-      provided.draggableProps.style = snapshot.isDragging ? provided.draggableProps.style : {
-        transform: 'none',
-        transition: 'none'
-      };
-    }
-
-    var child = children(provided, snapshot);
-    return snapshot.isDragging ? /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(child, portalNode), sourceOnly && placeholder && placeholder()) : child;
-  });
-}
-
-function StaticList(_ref4) {
-  var children = _ref4.children,
-      _variants = _ref4.variants,
-      id = _ref4.id,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref4, ["children", "variants", "id"]);
-
-  var variants = _objectSpread({
-    item: function item(style) {
-      return style;
-    },
-    placeholder: {
-      opacity: 0.5
-    }
-  }, _variants);
-
-  return /*#__PURE__*/_react["default"].createElement(Droppable, {
-    droppableId: id,
-    isDropDisabled: true
-  }, function (provided) {
-    return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-      innerRef: provided.innerRef
-    }, props), _react.Children.map(children, function (child, index) {
-      var _child$props = child.props,
-          id = _child$props.id,
-          childProps = (0, _objectWithoutPropertiesLoose2["default"])(_child$props, ["id"]);
-      return /*#__PURE__*/_react["default"].createElement(Draggable, {
-        key: child.key,
-        draggableId: id,
-        index: index
-      }, function (provided, snapshot) {
-        return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/(0, _react.createElement)(child.type, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, childProps), provided.draggableProps), provided.dragHandleProps), {}, {
-          innerRef: provided.innerRef,
-          style: variants.item(snapshot.isDragging ? provided.draggableProps.style : {
-            transform: 'none',
-            transition: 'none'
-          }, snapshot)
-        })), snapshot.isDragging && /*#__PURE__*/(0, _react.createElement)(child.type, _objectSpread(_objectSpread({}, childProps), variants.placeholder)));
-      });
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'none'
-      }
-    }, provided.placeholder));
-  });
-}
-
-var _default = {
-  Provider: Provider,
-  Droppable: Droppable,
-  Draggable: Draggable,
-  StaticList: StaticList,
-  useDragDrop: useDragDrop
-};
-exports["default"] = _default;

package/dist/cjs/DragDrop/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _DragDrop = _interopRequireDefault(require("./DragDrop"));
-
-var _default = _DragDrop["default"];
-exports["default"] = _default;

package/dist/cjs/Drawer/Drawer.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _system = require("../system");
-
-function DrawerContents(_ref) {
-  var shouldClose = _ref.shouldClose,
-      onClose = _ref.onClose,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["shouldClose", "onClose"]);
-  var themeProps = (0, _system.useThemeValue)('drawer');
-  var ref = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      show = _useState[0],
-      setShow = _useState[1];
-
-  (0, _react.useEffect)(function () {
-    var node = ref.current;
-    var firstTransition = true;
-
-    function handleTransitionEnd(event) {
-      if (event.target === node && event.propertyName === 'transform') {
-        if (firstTransition) {
-          firstTransition = false;
-        } else {
-          onClose();
-        }
-      }
-    }
-
-    setShow(true);
-    node.addEventListener('transitionend', handleTransitionEnd);
-    return function () {
-      node.removeEventListener('transitionend', handleTransitionEnd);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (shouldClose) {
-      setShow(false);
-    }
-  }, [shouldClose]);
-  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-    innerRef: ref,
-    width: 52,
-    height: "100%",
-    x: (show ? 0 : 100) + "%",
-    position: "absolute",
-    bottom: 0,
-    right: 0,
-    zIndex: 999,
-    boxShadow: "-6px 0px 6px -4px rgba(150,150,150,0.25)",
-    backgroundColor: "surfaceTertiary",
-    transition: "transform 240ms ease-out"
-  }, themeProps, restProps));
-}
-
-function Drawer(props) {
-  var open = props.open,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["open"]);
-
-  var _useState2 = (0, _react.useState)(null),
-      localOpen = _useState2[0],
-      setLocalOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      shouldClose = _useState3[0],
-      setShouldClose = _useState3[1];
-
-  var handleClose = (0, _react.useCallback)(function () {
-    setLocalOpen(false);
-    setShouldClose(true);
-  }, []);
-  (0, _react.useLayoutEffect)(function () {
-    if (open) {
-      setLocalOpen(true);
-      setShouldClose(false);
-    } else if (localOpen !== null) {
-      setShouldClose(true);
-    }
-  }, [open]);
-  return localOpen && /*#__PURE__*/_react["default"].createElement(DrawerContents, (0, _extends2["default"])({
-    shouldClose: shouldClose,
-    onClose: handleClose
-  }, restProps));
-}
-
-var _default = Drawer;
-exports["default"] = _default;

package/dist/cjs/Drawer/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Drawer = _interopRequireDefault(require("./Drawer"));
-
-var _default = _Drawer["default"];
-exports["default"] = _default;