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

package/dist/esm/vendor/react-measure/Measure.js

@@ -1,158 +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";
-
-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) { _defineProperty(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; }
-
-import { Component } from 'react';
-import ResizeObserver from 'resize-observer-polyfill';
-import { defaultFormula } from './utils'; // TODO: look into measureText function that uses canvas measurer to collect widths faster, should be able to accept an array
-// possibly have const { measureRef, measureText } = measure(id), measureText(txt) | measureText([txt,txt,txt])
-
-var Measure = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Measure, _Component);
-
-  function Measure() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_this), "firstResizeEvent", true);
-
-    _defineProperty(_assertThisInitialized(_this), "storingMeasurements", false);
-
-    _defineProperty(_assertThisInitialized(_this), "nodes", {});
-
-    _defineProperty(_assertThisInitialized(_this), "formulas", {});
-
-    _defineProperty(_assertThisInitialized(_this), "refsById", {});
-
-    _defineProperty(_assertThisInitialized(_this), "measurements", null);
-
-    _defineProperty(_assertThisInitialized(_this), "measureRef", function (id, _temp) {
-      var _ref = _temp === void 0 ? {} : _temp,
-          _ref$formula = _ref.formula,
-          formula = _ref$formula === void 0 ? defaultFormula : _ref$formula,
-          innerRef = _ref.innerRef;
-
-      if (!_this.refsById[id]) {
-        _this.refsById[id] = function (node) {
-          var previousStoredNode = _this.nodes[id];
-
-          if (node) {
-            // store id on node so we can retrieve formula and store new
-            // measurements in ResizeObserver callback
-            node.__measureId = id;
-            _this.nodes[id] = node;
-            _this.formulas[id] = formula;
-
-            _this.resizeObserver.observe(node);
-          } else if (previousStoredNode) {
-            _this.resizeObserver.unobserve(previousStoredNode);
-
-            delete _this.formulas[id];
-            delete _this.nodes[id];
-            delete _this.measurements[id];
-          } // allow other libraries to interop with node
-
-
-          if (innerRef) {
-            innerRef(node);
-          }
-        };
-      }
-
-      return _this.refsById[id];
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getMeasurements", function () {
-      return Object.keys(_this.nodes).reduce(function (measurements, key) {
-        var _objectSpread2;
-
-        var node = _this.nodes[key];
-        var formula = _this.formulas[key];
-        return _objectSpread(_objectSpread({}, measurements), {}, (_objectSpread2 = {}, _objectSpread2[key] = formula(node), _objectSpread2));
-      }, {});
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "resizeObserver", new ResizeObserver(function (entries) {
-      if (_this.firstResizeEvent) {
-        _this.firstResizeEvent = false;
-      } else {
-        var measurements = _objectSpread({}, _this.measurements);
-
-        entries.forEach(function (entry) {
-          var id = entry.target.__measureId;
-          var node = _this.nodes[id];
-          var formula = _this.formulas[id];
-
-          if (formula) {
-            measurements[id] = formula(node);
-          }
-        });
-        _this.measurements = measurements;
-
-        if (_this.props.updateOnMeasure) {
-          _this.forceUpdate();
-        }
-
-        if (_this.props.onMeasure) {
-          _this.props.onMeasure(measurements, _this.nodes);
-        }
-      }
-    }));
-
-    return _this;
-  } // prevent firing two renders when component mounts, getting measurements in bind
-  // is faster than attaching a ResizeObserver and waiting for the first callback
-
-
-  var _proto = Measure.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    if (this.props.updateOnMeasure || this.props.onMeasure) {
-      this.updateMeasurements();
-    }
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-    }
-  };
-
-  _proto.updateMeasurements = function updateMeasurements() {
-    var measurements = this.getMeasurements();
-    this.measurements = measurements;
-
-    if (this.props.updateOnMeasure) {
-      this.forceUpdate();
-    }
-
-    if (this.props.onMeasure) {
-      this.props.onMeasure(measurements, this.nodes);
-    }
-  };
-
-  _proto.render = function render() {
-    return this.props.children({
-      measureRef: this.measureRef,
-      measurements: this.measurements,
-      getMeasurements: this.getMeasurements
-    });
-  };
-
-  return Measure;
-}(Component);
-
-_defineProperty(Measure, "defaultProps", {
-  updateOnMeasure: true
-});
-
-export default Measure;

package/dist/esm/vendor/react-measure/Viewport.js

@@ -1,169 +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";
-
-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) { _defineProperty(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; }
-
-import { Component } from 'react';
-import ResizeObserver from 'resize-observer-polyfill';
-import { getClosestScrollElement, getScrollDirection, getWindowSize, getElementSize } from './utils';
-
-// TODO: delegate Viewport measuring to a store when multiple components measure window
-var Viewport = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Viewport, _Component);
-
-  function Viewport() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_this), "firstResizeEvent", true);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      width: 0,
-      height: 0,
-      scrollWidth: 0,
-      scrollHeight: 0,
-      scrollX: 0,
-      scrollY: 0,
-      scrollXDirection: null,
-      scrollYDirection: null
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getScroll", function () {
-      var scrollX = _this.isWindow ? window.pageXOffset : _this.scrollElement.scrollLeft;
-      var scrollY = _this.isWindow ? window.pageYOffset : _this.scrollElement.scrollTop;
-      var scrollState = {
-        scrollX: scrollX,
-        scrollY: scrollY,
-        scrollXDirection: getScrollDirection('x', _this.lastScrollX, scrollX),
-        scrollYDirection: getScrollDirection('y', _this.lastScrollY, scrollY)
-      };
-      return scrollState;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "updateScroll", function () {
-      var scrollState = _this.getScroll();
-
-      if (_this.lastScrollX !== scrollState.scrollX || _this.lastScrollY !== scrollState.scrollY) {
-        if (_this.props.updateOnScroll) {
-          _this.setState(scrollState);
-        }
-
-        if (_this.props.onScroll) {
-          _this.props.onScroll(scrollState);
-        }
-      }
-
-      _this.lastScrollX = scrollState.scrollX;
-      _this.lastScrollY = scrollState.scrollY;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getSize", function () {
-      return _this.isWindow ? getWindowSize() : getElementSize(_this.scrollElement);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "updateSize", function () {
-      var sizeState = _this.getSize();
-
-      if (_this.props.updateOnResize) {
-        _this.setState(sizeState);
-      }
-
-      if (_this.props.onResize) {
-        _this.props.onResize(sizeState);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "setRef", function (innerRef) {
-      if (typeof innerRef === 'function') {
-        return function (node) {
-          if (!_this.node) {
-            _this.node = node;
-          }
-
-          innerRef(node);
-        };
-      } else {
-        if (!_this.node) {
-          _this.node = innerRef;
-        }
-      }
-    });
-
-    return _this;
-  }
-
-  var _proto = Viewport.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    var _this2 = this;
-
-    this.scrollElement = getClosestScrollElement(this.node);
-    this.isWindow = this.scrollElement === window;
-
-    if (this.props.updateOnScroll || this.props.onScroll) {
-      this.scrollElement.addEventListener('scroll', this.updateScroll, {
-        passive: true
-      });
-    }
-
-    this.updateScroll();
-
-    if (this.props.updateOnResize || this.props.onResize) {
-      if (this.isWindow) {
-        window.addEventListener('resize', this.updateSize);
-      } else {
-        this.resizeObserver = new ResizeObserver(function () {
-          if (_this2.firstResizeEvent) {
-            _this2.firstResizeEvent = false;
-          } else {
-            _this2.updateSize();
-          }
-        });
-        this.resizeObserver.observe(this.scrollElement);
-      }
-    }
-
-    this.updateSize();
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.props.updateOnScroll || this.props.onScroll) {
-      this.scrollElement.removeEventListener('scroll', this.updateScroll, {
-        passive: true
-      });
-    }
-
-    if (this.props.updateOnResize || this.props.onResize) {
-      if (this.isWindow) {
-        window.removeEventListener('resize', this.updateSize);
-      } else {
-        this.resizeObserver.disconnect();
-      }
-    }
-  };
-
-  _proto.render = function render() {
-    return this.props.children(_objectSpread({
-      ref: this.setRef,
-      getScroll: this.getScroll,
-      getSize: this.getSize
-    }, this.state));
-  };
-
-  return Viewport;
-}(Component);
-
-_defineProperty(Viewport, "defaultProps", {
-  updateOnScroll: true,
-  updateOnResize: true
-});
-
-export default Viewport;

package/dist/esm/vendor/react-measure/index.js

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

package/dist/esm/vendor/react-measure/utils.js

@@ -1,68 +0,0 @@
-export function isScrollElement(element) {
-  try {
-    var _window$getComputedSt = window.getComputedStyle(element),
-        overflow = _window$getComputedSt.overflow,
-        overflowX = _window$getComputedSt.overflowX,
-        overflowY = _window$getComputedSt.overflowY;
-
-    return /(auto|scroll)/.test(overflow + overflowX + overflowY);
-  } catch (e) {
-    return false;
-  }
-}
-export function getParentNode(element) {
-  if (element.nodeName === 'HTML') {
-    return element;
-  }
-
-  return element.parentNode || element.host;
-}
-export function getClosestScrollElement(element) {
-  if (!element || element === document.body) {
-    return window;
-  } else if (isScrollElement(element)) {
-    return element;
-  } else {
-    return getClosestScrollElement(getParentNode(element));
-  }
-}
-export function getScrollDirection(axis, last, next) {
-  if (next === last) {
-    return null;
-  } else {
-    return next - last > 0 ? axis === 'x' ? 'right' : 'down' : axis === 'x' ? 'left' : 'up';
-  }
-}
-export function getDocumentWidth() {
-  return Math.max(document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth);
-}
-export function getDocumentHeight() {
-  return Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
-}
-export function getWindowSize() {
-  return {
-    width: window.innerWidth,
-    height: window.innerHeight,
-    scrollWidth: getDocumentWidth(),
-    scrollHeight: getDocumentHeight()
-  };
-}
-export function getElementSize(node) {
-  return {
-    width: node.offsetWidth,
-    height: node.offsetHeight,
-    scrollWidth: node.scrollWidth,
-    scrollHeight: node.scrollHeight
-  };
-}
-export function defaultFormula(node) {
-  var rect = node.getBoundingClientRect();
-  return {
-    width: rect.width,
-    height: rect.height,
-    top: rect.top,
-    right: rect.right,
-    bottom: rect.bottom,
-    left: rect.left
-  };
-}

package/dist/types/ActionsDropdown/ActionsDropdown.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-declare type ActionsDropdownProps = {
-    /** Accepts [Dropdown.Item](/dropdown) and [Dropdown.Link](/dropdown) elements. */
-    children?: React.ReactNode;
-    /** Props for default button state. */
-    defaultButtonProps?: object;
-    /** Provide amount of duplicates as well as a link to resolve them. */
-    duplicates?: {
-        /** Amount of duplicates. */
-        amount: number;
-        /** [Link](/link) props. */
-        linkProps: object;
-    };
-    /** Props for duplicates button state. Activated when `duplicates.amount` is greater than 0. */
-    duplicatesButtonProps?: object;
-    /** Provide date and reason user became inactive as well as a link to reactivate them. */
-    inactive?: {
-        /** Valid JavaScript Date. */
-        date?: Date;
-        /** Reason user was inactivated. */
-        reason: string;
-        /** [Link](/link) props. */
-        linkProps: object;
-    };
-    /** Props for inactive button state. Activated when `inactive.date` is present. */
-    inactiveButtonProps?: object;
-    /** Determines logic for when user is below manager role. */
-    isBelowManager?: boolean;
-    /** Determines logic for when used in People product. */
-    isPeopleProduct?: boolean;
-    /** Callback when "Delete Profile" item is selected. */
-    onDeleteProfile?: boolean;
-};
-export declare function ActionsDropdown({ children, defaultButtonProps, duplicates, duplicatesButtonProps, inactive, inactiveButtonProps, isBelowManager, isPeopleProduct, onDeleteProfile, }: ActionsDropdownProps): JSX.Element;
-export {};

package/dist/types/ActionsDropdown/index.d.ts

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

package/dist/types/Alert/Alert.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { MediaQueries } from '../index';
-import { StackViewProps } from '../StackView';
-export declare type AlertProps = {
-    children?: any;
-    /** Sets status theme colors. */
-    type?: 'warning' | 'success' | 'error';
-    /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
-    mediaQueries?: object;
-} & StackViewProps;
-declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps & MediaQueries<AlertProps>;
-export declare function Alert(props: Props): JSX.Element;
-export default Alert;

package/dist/types/Alert/Alert.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/Alert/index.d.ts

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

package/dist/types/Avatar/Avatar.d.ts

@@ -1,19 +0,0 @@
-declare type AvatarProps = {
-    /**
-     * Controls the size of the avatar.
-     */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    /**
-     * The source of the image to display.
-     */
-    source?: string;
-    /**
-     * Adds a colored ring with padding around the avatar. Accepts a valid color string.
-     */
-    status?: string;
-};
-/**
- * Displays a user's avatar in a circle.
- */
-export declare function Avatar({ size, source, status, ...restProps }: AvatarProps): JSX.Element;
-export default Avatar;

package/dist/types/Box/Box.d.ts

@@ -1,38 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import * as React from 'react';
-import { StyleProps, MediaQueries, Variants } from '../index';
-export declare type BoxProps = {
-    children?: any;
-    /**
-     * Render custom component or HTML element tag. (Defaults to a `<div>` element).
-     */
-    as?: any;
-    /**
-     * Gain access to the internal ref
-     */
-    innerRef?: any;
-    /**
-     * If true, sets `display: inline-block`, otherwise it defaults to `display: block`
-     */
-    inline?: boolean;
-    /**
-     * Controls display property. If `false` sets `display: none`, otherwise defaults to initial display value.
-     */
-    visible?: boolean;
-    /**
-    * Describes styles at various points in time. [Read about variants](/variants).
-    */
-    variants?: object;
-    /**
-    * Describes props at different breakpoints. [Read about mediaQueries](/responsive).
-    */
-    mediaQueries?: object;
-} & StyleProps;
-declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & React.ImgHTMLAttributes<any> & BoxProps & MediaQueries<BoxProps> & Variants<BoxProps>;
-/**
- * Box is the base component that everything builds from. It is responsible for processing all style props.
- */
-export declare function Box({ as, innerRef, inline, ...props }: Props): jsx.JSX.Element;
-export {};

package/dist/types/Box/index.d.ts

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