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

package/dist/esm/Calendar/Day.js

@@ -1,86 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
-import Icon from '../Icon';
-import StackView from '../StackView';
-import Text from '../Text';
-
-var Day = function Day(_ref) {
-  var backgroundColor = _ref.backgroundColor,
-      cellSize = _ref.cellSize,
-      children = _ref.children,
-      color = _ref.color,
-      date = _ref.date,
-      disabled = _ref.disabled,
-      fontSize = _ref.fontSize,
-      fontWeight = _ref.fontWeight,
-      inSameMonth = _ref.inSameMonth,
-      isMinDate = _ref.isMinDate,
-      isMaxDate = _ref.isMaxDate,
-      isSelected = _ref.isSelected,
-      isToday = _ref.isToday,
-      selectDate = _ref.selectDate,
-      _ref$selectedColor = _ref.selectedColor,
-      selectedColor = _ref$selectedColor === void 0 ? 'primary' : _ref$selectedColor,
-      _ref$statusColor = _ref.statusColor,
-      statusColor = _ref$statusColor === void 0 ? 'transparent' : _ref$statusColor,
-      statuses = _ref.statuses,
-      _ref$statusOffset = _ref.statusOffset,
-      statusOffset = _ref$statusOffset === void 0 ? '15%' : _ref$statusOffset,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["backgroundColor", "cellSize", "children", "color", "date", "disabled", "fontSize", "fontWeight", "inSameMonth", "isMinDate", "isMaxDate", "isSelected", "isToday", "selectDate", "selectedColor", "statusColor", "statuses", "statusOffset"]);
-
-  var affordance = !disabled && !isMinDate && !isMaxDate && (selectDate || restProps.onClick || restProps.onMouseDown);
-  return /*#__PURE__*/React.createElement(StackView, {
-    width: cellSize,
-    height: cellSize,
-    position: "relative",
-    userSelect: "none",
-    backgroundColor: backgroundColor,
-    color: color,
-    cursor: affordance ? 'pointer' : 'default',
-    onClick: function onClick() {
-      return selectDate && !disabled && !isMinDate && !isMaxDate && selectDate(date);
-    }
-  }, /*#__PURE__*/React.createElement(StackView, _extends({
-    width: "100%",
-    height: "100%",
-    alignment: "center",
-    distribution: "center",
-    pointerEvents: (disabled || isMinDate || isMaxDate) && 'none',
-    hover: affordance && {
-      backgroundColor: 'highlight'
-    }
-  }, restProps), (isSelected || isToday || statusColor) && /*#__PURE__*/React.createElement(Icon, {
-    color: isSelected ? selectedColor : isToday ? 'surfaceTertiary' : statusColor,
-    left: "50%",
-    position: "absolute",
-    top: "50%",
-    transform: "translate(-50%, -50%)",
-    name: "tapestry.radio0",
-    size: cellSize
-  }), /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    fontSize: fontSize,
-    fontWeight: fontWeight,
-    lineHeight: 2,
-    position: "relative"
-  }, date.getDate()), statuses && /*#__PURE__*/React.createElement(StackView, {
-    axis: "horizontal",
-    distribution: "center",
-    position: "absolute",
-    bottom: statusOffset,
-    left: 0,
-    right: 0,
-    spacing: 0.25
-  }, statuses.map(function (color, index) {
-    return /*#__PURE__*/React.createElement(Icon, {
-      color: isSelected ? 'white' : color,
-      key: index,
-      name: "tapestry.radio0",
-      size: "5px"
-    });
-  }))));
-};
-
-Day.displayName = 'Calendar.Day';
-export default Day;

package/dist/esm/Calendar/index.js

@@ -1,2 +0,0 @@
-import Calendar from './Calendar';
-export default Calendar;

package/dist/esm/Calendar/utils.js

@@ -1,80 +0,0 @@
-import { addWeeks, eachDayOfInterval, endOfMonth, endOfWeek, getISODay, isSameDay, lastDayOfWeek, setISODay, startOfDay, startOfMonth, startOfWeek } from 'date-fns';
-export var TODAY = startOfDay(new Date());
-export var YEARS_PER_PAGE = 12;
-export var DAYS_IN_WEEK = 7;
-export var DAYS_IN_SIX_WEEKS = 42;
-export var MIN_MONTH_DEFAULT = 0;
-export var MAX_MONTH_DEFAULT = 11;
-export var MIN_YEAR_DEFAULT = 1900;
-export var MAX_YEAR_DEFAULT = 3000;
-export var MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-export var WEEKDAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-export function getMonthWeekDays(_ref) {
-  var trimWeekdays = _ref.trimWeekdays,
-      weekStartsOn = _ref.weekStartsOn;
-  var weekdays = [].concat(WEEKDAYS);
-  var sortedWeekdays = weekdays.concat(weekdays.splice(0, weekStartsOn));
-  return sortedWeekdays.map(function (weekday, index) {
-    return {
-      full: weekday,
-      trimmed: trimWeekdays ? weekday.substring(0, parseInt(trimWeekdays, 10)) : weekday
-    };
-  });
-}
-export function getMonthWeeks(date, _temp) {
-  var _ref2 = _temp === void 0 ? {} : _temp,
-      _ref2$forceSixWeeks = _ref2.forceSixWeeks,
-      forceSixWeeks = _ref2$forceSixWeeks === void 0 ? true : _ref2$forceSixWeeks,
-      _ref2$weekStartsOn = _ref2.weekStartsOn,
-      weekStartsOn = _ref2$weekStartsOn === void 0 ? 0 : _ref2$weekStartsOn,
-      locale = _ref2.locale;
-
-  var weekOptions = {
-    weekStartsOn: weekStartsOn,
-    locale: locale
-  };
-  var monthFirstDate = startOfMonth(date);
-  var monthLastDate = endOfMonth(date);
-  var monthFirstWeekdayDate = startOfWeek(monthFirstDate, weekOptions);
-  var monthLastWeekdayDate = lastDayOfWeek(monthLastDate, weekOptions);
-  var currentEndOfWeek = endOfWeek(monthFirstWeekdayDate, weekOptions);
-  var days = eachDayOfInterval({
-    start: monthFirstWeekdayDate,
-    end: monthLastWeekdayDate
-  });
-  var week = [];
-
-  if (forceSixWeeks && days.length < DAYS_IN_SIX_WEEKS) {
-    days = eachDayOfInterval({
-      start: monthFirstWeekdayDate,
-      end: addWeeks(monthLastWeekdayDate, DAYS_IN_SIX_WEEKS % days.length / DAYS_IN_WEEK)
-    });
-  }
-
-  return days.reduce(function (weeks, day) {
-    week.push(day);
-
-    if (isSameDay(day, currentEndOfWeek)) {
-      weeks.push(week);
-      week = [];
-    } else {
-      currentEndOfWeek = endOfWeek(day, weekOptions);
-    }
-
-    return weeks;
-  }, []);
-}
-export function getNextOccurrenceOfDay(dayOfWeek) {
-  var date = setISODay(TODAY, dayOfWeek);
-  return getISODay(TODAY) <= dayOfWeek ? date : addWeeks(date, 1);
-}
-export function getYears(activeYear) {
-  var activeOffset = activeYear % YEARS_PER_PAGE;
-  var years = [];
-
-  for (var index = 0; index < YEARS_PER_PAGE; index++) {
-    years.push(activeYear - activeOffset + index);
-  }
-
-  return years;
-}

package/dist/esm/Card/Card.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import * as React from 'react';
-import { useThemeValue } from '../system';
-import { StackView } from '../StackView';
-import { Section } from './Section';
-import { cloneChildren } from '../utils';
-export function Card(_ref) {
-  var children = _ref.children,
-      subdued = _ref.subdued,
-      _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? 3 : _ref$radius,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "subdued", "radius"]);
-
-  var cardTheme = useThemeValue('card'); // List of component types to ignore when setting the radius
-  // for first & last child elements
-
-  var ignoreRadiusTypes = ['Avatar', 'Badge', 'Button', 'Calendar', 'ChurchCenterStatus', 'Group', 'Inline', 'Input', 'InputBox', 'Modal', 'Progress', 'Spinner', 'Status', 'Tab', 'Tooltip'];
-  return /*#__PURE__*/React.createElement(StackView, _extends({
-    width: "100%",
-    lineHeight: 2.5,
-    borderColor: "separatorTertiary",
-    borderStyle: "solid",
-    borderWidth: 1,
-    backgroundColor: subdued ? 'surfaceSecondary' : 'surface',
-    color: "foreground",
-    radius: radius
-  }, cardTheme, restProps), radius > 0 ? cloneChildren(children, function (child, _ref2) {
-    var _ref3, _ref4;
-
-    var firstChild = _ref2.firstChild,
-        lastChild = _ref2.lastChild;
-    return child.props.radius === undefined && !ignoreRadiusTypes.includes(child.type.name) ? firstChild ? (_ref3 = {}, _ref3["radius" + (restProps.axis === 'horizontal' ? 'Left' : 'Top')] = radius - 1, _ref3) : lastChild ? (_ref4 = {}, _ref4["radius" + (restProps.axis === 'horizontal' ? 'Right' : 'Bottom')] = radius - 1, _ref4) : {} : {};
-  }) : children);
-}
-Card.Section = Section;

package/dist/esm/Card/Section.js

@@ -1,15 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import * as React from 'react';
-import { StackView } from '../StackView';
-export function Section(_ref) {
-  var subdued = _ref.subdued,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["subdued"]);
-
-  return /*#__PURE__*/React.createElement(StackView, _extends({
-    width: "100%",
-    padding: 1,
-    backgroundColor: subdued ? 'surfaceSecondary' : undefined
-  }, restProps));
-}
-Section.displayName = 'Card.Section';

package/dist/esm/Card/index.js

@@ -1,2 +0,0 @@
-export * from './Card';
-export { Card as default } from './Card';

package/dist/esm/Checkbox/Checkbox.js

@@ -1,188 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useContext, useRef, useLayoutEffect, useState } from 'react';
-import Box from '../Box';
-import CheckboxGroupContext from '../CheckboxGroup/CheckboxGroupContext';
-import Icon from '../Icon';
-import Link from '../Link';
-import StackView from '../StackView';
-import Text from '../Text';
-import VariantProvider from '../VariantProvider';
-import Tooltip from '../Tooltip';
-import { useThemeValue } from '../system';
-import { useAccessibilityViolation } from '../hooks/use-accessibility-violation';
-import { mergeProps } from '../utils';
-var iconPaths = {
-  fill: 'tapestry.checkbox0',
-  minus: 'tapestry.checkbox1',
-  checked: 'tapestry.checkbox2'
-};
-
-var _ref2 = /*#__PURE__*/React.createElement(Link, {
-  external: true,
-  to: "https://planningcenter.github.io/tapestry-react/checkbox#label",
-  weight: 700
-}, "label");
-
-function Checkbox(_ref) {
-  var checked = _ref.checked,
-      disabled = _ref.disabled,
-      id = _ref.id,
-      indeterminate = _ref.indeterminate,
-      label = _ref.label,
-      name = _ref.name,
-      _onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      _onFocus = _ref.onFocus,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'sm' : _ref$size,
-      value = _ref.value,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["checked", "disabled", "id", "indeterminate", "label", "name", "onBlur", "onChange", "onFocus", "size", "value"]);
-
-  var checkboxTheme = useThemeValue('checkbox');
-  var checkboxGroup = useContext(CheckboxGroupContext);
-
-  var _useState = useState(false),
-      localChecked = _useState[0],
-      setLocalChecked = _useState[1];
-
-  var _useState2 = useState(false),
-      focus = _useState2[0],
-      setFocus = _useState2[1];
-
-  var isChecked = checkboxGroup ? checkboxGroup.value.indexOf(value) > -1 : checked === undefined ? localChecked : checked;
-  var tooltip = null;
-
-  if (process.env.NODE_ENV !== 'production') {
-    var ref = useRef(null);
-
-    var _useState3 = useState(false),
-        needsParentLabel = _useState3[0],
-        setNeedsParentLabel = _useState3[1];
-
-    var _useAccessibilityViol = useAccessibilityViolation( /*#__PURE__*/React.createElement(React.Fragment, null, "Checkbox must define a", ' ', _ref2, ' ', "through props or a parent element that is a label."), "Tapestry-React: <Checkbox/> must define a \"label\" prop or have a parent that renders a label for proper accessibility."),
-        tooltipProps = _useAccessibilityViol.tooltipProps,
-        wrapperProps = _useAccessibilityViol.wrapperProps;
-
-    useLayoutEffect(function () {
-      if (label === undefined) {
-        var labelParent = ref.current.closest('label') !== null;
-
-        if (!labelParent) {
-          setNeedsParentLabel(true);
-        }
-      }
-    }, []);
-    restProps = mergeProps(restProps, {
-      innerRef: ref
-    });
-
-    if (needsParentLabel) {
-      tooltip = tooltipProps;
-      restProps = mergeProps(restProps, wrapperProps);
-    }
-  }
-
-  return /*#__PURE__*/React.createElement(VariantProvider, {
-    checked: isChecked,
-    indeterminate: indeterminate,
-    focus: focus,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/React.createElement(StackView, _extends({
-    as: label ? 'label' : 'span',
-    inline: true,
-    axis: "horizontal",
-    alignment: "center",
-    shrink: 0,
-    position: "relative",
-    spacing: 0.5,
-    variants: {
-      disabled: {
-        opacity: 0.5,
-        cursor: 'not-allowed'
-      }
-    }
-  }, restProps), /*#__PURE__*/React.createElement(Box, {
-    as: "input",
-    type: "checkbox",
-    id: id,
-    name: checkboxGroup ? checkboxGroup.name : name,
-    checked: isChecked,
-    value: value,
-    disabled: disabled,
-    onChange: checkboxGroup ? checkboxGroup.onChange : function (event) {
-      setLocalChecked(event.target.checked);
-      onChange && onChange(event);
-    },
-    onFocus: function onFocus(event) {
-      setFocus(true);
-      _onFocus && _onFocus(event);
-    },
-    onBlur: function onBlur(event) {
-      setFocus(false);
-      _onBlur && _onBlur(event);
-    },
-    position: "absolute",
-    top: 0,
-    left: 0,
-    zIndex: 0,
-    opacity: 0
-  }), /*#__PURE__*/React.createElement(Icon, {
-    size: size,
-    zIndex: 1
-  }, /*#__PURE__*/React.createElement(Icon.Path, {
-    name: iconPaths.fill,
-    fill: checkboxTheme.fill,
-    stroke: checkboxTheme.stroke,
-    transform: "scale(1)",
-    transformOrigin: "center center",
-    transition: "all 180ms ease-out",
-    variants: {
-      focus: {
-        stroke: checkboxTheme.focusStroke
-      },
-      active: {
-        transform: 'scale(1)'
-      },
-      checked: {
-        fill: checkboxTheme.checkedFill,
-        stroke: checkboxTheme.checkedStroke
-      },
-      indeterminate: {
-        fill: 'primary-light',
-        stroke: 'primary'
-      }
-    }
-  }), /*#__PURE__*/React.createElement(Icon.Path, {
-    name: iconPaths.minus,
-    fill: "#fff",
-    transform: "scale(0)",
-    transformOrigin: "center center",
-    transition: "all 180ms ease-out",
-    variants: {
-      indeterminate: {
-        visibility: 'visible',
-        transform: 'scale(1)',
-        transition: 'all 120ms ease-out'
-      }
-    }
-  }), /*#__PURE__*/React.createElement(Icon.Path, {
-    name: iconPaths.checked,
-    fill: "#fff",
-    transform: "scale(0)",
-    transformOrigin: "center center",
-    transition: "all 180ms ease-out",
-    variants: {
-      checked: {
-        visibility: 'visible',
-        transform: 'scale(1)',
-        transition: 'all 120ms ease-out'
-      }
-    }
-  })), label && /*#__PURE__*/React.createElement(Text, {
-    fontSize: 4,
-    lineHeight: 2.5
-  }, label))));
-}
-
-export default Checkbox;

package/dist/esm/Checkbox/index.js

@@ -1,2 +0,0 @@
-import Checkbox from './Checkbox';
-export default Checkbox;

package/dist/esm/CheckboxCard/CheckboxCard.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useState } from 'react';
-import Box from '../Box';
-import Card from '../Card';
-import Checkbox from '../Checkbox';
-import Text from '../Text';
-
-function CheckboxCard(_ref) {
-  var checked = _ref.checked,
-      _onChange = _ref.onChange,
-      subtitle = _ref.subtitle,
-      title = _ref.title,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["checked", "onChange", "subtitle", "title"]);
-
-  var _useState = useState(false),
-      localChecked = _useState[0],
-      setLocalChecked = _useState[1];
-
-  var isActive = checked === undefined ? localChecked : checked;
-  return /*#__PURE__*/React.createElement(Card, _extends({
-    as: "label",
-    axis: "horizontal",
-    alignment: "center",
-    width: "auto",
-    padding: 1,
-    spacing: 1,
-    cursor: "pointer",
-    borderColor: isActive ? 'separatorFocus' : 'separatorSecondary',
-    hover: {
-      borderColor: !isActive ? 'separator' : undefined
-    },
-    css: {
-      ':focus-within': {
-        stroke: 'separatorFocusSecondary',
-        strokeWeight: 2
-      }
-    }
-  }, restProps), /*#__PURE__*/React.createElement(Checkbox, {
-    size: "sm",
-    checked: checked,
-    onChange: function onChange(event) {
-      setLocalChecked(event.target.checked);
-      _onChange && _onChange(event);
-    }
-  }), /*#__PURE__*/React.createElement(Box, {
-    shrink: 1
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    title: title,
-    truncate: true
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    title: subtitle,
-    color: "foregroundSecondary",
-    truncate: true
-  }, subtitle)));
-}
-
-export default CheckboxCard;

package/dist/esm/CheckboxCard/index.js

@@ -1,2 +0,0 @@
-import CheckboxCard from './CheckboxCard';
-export default CheckboxCard;

package/dist/esm/CheckboxGroup/CheckboxGroup.js

@@ -1,58 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component } from 'react';
-import { shallowEqual } from '../utils';
-import CheckboxGroupContext from './CheckboxGroupContext';
-
-var CheckboxGroup = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(CheckboxGroup, _Component);
-
-  function CheckboxGroup(props) {
-    var _this;
-
-    _this = _Component.call(this, props) || this;
-
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (event) {
-      var _event$target = event.target,
-          checked = _event$target.checked,
-          value = _event$target.value;
-      var newValue = [].concat(_this.props.value);
-
-      if (checked) {
-        newValue.push(value);
-      } else {
-        newValue.splice(newValue.indexOf(value), 1);
-      }
-
-      _this.props.onChange(newValue);
-    });
-
-    _this.state = {
-      name: props.name,
-      value: props.value,
-      onChange: _this.handleChange
-    };
-    return _this;
-  }
-
-  var _proto = CheckboxGroup.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(lastProps) {
-    if (!shallowEqual(lastProps.value, this.props.value)) {
-      this.setState({
-        value: this.props.value
-      });
-    }
-  };
-
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider, {
-      value: this.state
-    }, this.props.children);
-  };
-
-  return CheckboxGroup;
-}(Component);
-
-export default CheckboxGroup;

package/dist/esm/CheckboxGroup/CheckboxGroupContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-var CheckboxGroupContext = /*#__PURE__*/createContext();
-export default CheckboxGroupContext;

package/dist/esm/CheckboxGroup/index.js

@@ -1,2 +0,0 @@
-import CheckboxGroup from './CheckboxGroup';
-export default CheckboxGroup;