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

package/dist/cjs/EditActions/EditActions.js

@@ -1,100 +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 _Button = _interopRequireDefault(require("../Button"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _hooks = require("../hooks");
-
-var _system = require("../system");
-
-function EditActions(_ref) {
-  var display = _ref.display,
-      edit = _ref.edit,
-      loading = _ref.loading,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["display", "edit", "loading"]);
-
-  var _useFocus = (0, _hooks.useFocus)(),
-      focus = _useFocus.focus,
-      focusProps = _useFocus.focusProps;
-
-  var _useHover = (0, _hooks.useHover)(),
-      hover = _useHover.hover,
-      hoverProps = _useHover.hoverProps;
-
-  var _useState = (0, _react.useState)(false),
-      on = _useState[0],
-      setOn = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      showCheck = _useState2[0],
-      setShowCheck = _useState2[1];
-
-  var toggle = function toggle() {
-    return setOn(function (bool) {
-      return !bool;
-    });
-  };
-
-  var _useThemeProps = (0, _system.useThemeProps)('editActions', restProps),
-      buttonProps = _useThemeProps.buttonProps,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["buttonProps"]);
-
-  (0, _react.useEffect)(function () {
-    if (loading === false) {
-      setShowCheck(true);
-      setTimeout(function () {
-        setShowCheck(false);
-      }, 800);
-    }
-  }, [loading]);
-  (0, _hooks.useDocumentEvent)('keydown', function (event) {
-    if (on && event.keyCode === 27) {
-      setOn(false);
-    }
-  });
-  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-    axis: "horizontal",
-    alignment: "center",
-    spacing: 1,
-    width: "100%",
-    onClick: on ? undefined : function () {
-      return setOn(true);
-    }
-  }, focusProps, hoverProps, themeProps), _react.Children.toArray(on ? edit : display), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    grow: 0,
-    title: on ? 'Close' : 'Edit',
-    icon: {
-      name: showCheck ? 'general.check' : on ? 'general.x' : 'general.pencil',
-      color: showCheck ? 'green' : undefined
-    },
-    tooltip: {
-      title: showCheck ? undefined : on ? 'Close' : 'Edit'
-    },
-    size: "sm",
-    variant: "naked",
-    onClick: focus || on ? toggle : function () {
-      return setOn(true);
-    },
-    opacity: focus || hover || on ? 1 : 0,
-    spinner: on && loading ? {
-      color: 'primary'
-    } : undefined
-  }, buttonProps)));
-}
-
-var _default = EditActions;
-exports["default"] = _default;

package/dist/cjs/EditActions/index.js

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

package/dist/cjs/Field/Field.js

@@ -1,105 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _HelperDrawer = _interopRequireDefault(require("../HelperDrawer"));
-
-var _Input = _interopRequireDefault(require("../Input"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _utils = require("../utils");
-
-var _system = require("../system");
-
-function Field(_ref) {
-  var props = (0, _extends2["default"])({}, _ref);
-
-  var _useThemeProps = (0, _system.useThemeProps)('field', props),
-      children = _useThemeProps.children,
-      compact = _useThemeProps.compact,
-      _useThemeProps$distri = _useThemeProps.distribution,
-      distribution = _useThemeProps$distri === void 0 ? 'fill' : _useThemeProps$distri,
-      feedbackText = _useThemeProps.feedbackText,
-      helpContent = _useThemeProps.helpContent,
-      icon = _useThemeProps.icon,
-      inline = _useThemeProps.inline,
-      innerRef = _useThemeProps.innerRef,
-      label = _useThemeProps.label,
-      labelBasis = _useThemeProps.labelBasis,
-      labelColor = _useThemeProps.labelColor,
-      labelGrow = _useThemeProps.labelGrow,
-      _useThemeProps$spacin = _useThemeProps.spacing,
-      spacing = _useThemeProps$spacin === void 0 ? 1 : _useThemeProps$spacin,
-      state = _useThemeProps.state,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["children", "compact", "distribution", "feedbackText", "helpContent", "icon", "inline", "innerRef", "label", "labelBasis", "labelColor", "labelGrow", "spacing", "state"]);
-
-  var helperDrawerId = (0, _utils.generateId)('field-helper-drawer');
-  var fieldId = (0, _utils.generateId)('field');
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    innerRef: innerRef,
-    width: "100%"
-  }, restProps), /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-    axis: inline ? 'horizontal' : 'vertical',
-    wrap: true
-  }, label && /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-    axis: "horizontal",
-    alignment: "center",
-    grow: labelGrow,
-    basis: labelBasis,
-    marginRight: inline ? 2 : undefined
-  }, icon, /*#__PURE__*/_react["default"].createElement(_Input["default"].InputLabel, {
-    controls: fieldId,
-    fontSize: compact ? 4 : 3,
-    color: labelColor
-  }, label), helpContent && /*#__PURE__*/_react["default"].createElement(_HelperDrawer["default"].Toggle, {
-    drawerId: helperDrawerId,
-    marginLeft: 0.25,
-    marginRight: inline ? 1 : undefined
-  })), helpContent && /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-    axis: "horizontal",
-    order: inline ? 1 : 0,
-    width: "100%"
-  }, /*#__PURE__*/_react["default"].createElement(_HelperDrawer["default"], {
-    id: helperDrawerId,
-    marginTop: 1,
-    children: helpContent
-  })), /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-    axis: "horizontal",
-    alignment: "center",
-    distribution: distribution,
-    order: inline ? 0 : 1,
-    grow: 1,
-    marginTop: inline || !label ? undefined : 1,
-    maxWidth: "100%",
-    spacing: spacing
-  }, (0, _utils.cloneChildren)(children, function (child, _ref2) {
-    var firstChild = _ref2.firstChild;
-    return firstChild ? {
-      id: fieldId,
-      size: child.props.size || (compact ? 'sm' : 'md')
-    } : {
-      size: child.props.size || (compact ? 'sm' : 'md')
-    };
-  }))), feedbackText && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
-    marginTop: 1,
-    color: state,
-    align: inline ? 'right' : 'left'
-  }, feedbackText));
-}
-
-var _default = Field;
-exports["default"] = _default;

package/dist/cjs/Field/index.js

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

package/dist/cjs/FieldSet/FieldSet.js

@@ -1,63 +0,0 @@
-"use strict";
-
-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 = _interopRequireDefault(require("react"));
-
-var _Heading = _interopRequireDefault(require("../Heading"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _TileView = _interopRequireDefault(require("../TileView"));
-
-var _Toolbar = _interopRequireDefault(require("../Toolbar"));
-
-var _system = require("../system");
-
-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; }
-
-function FieldSet(_ref) {
-  var children = _ref.children,
-      helpContent = _ref.helpContent,
-      legend = _ref.legend,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "helpContent", "legend"]);
-
-  var _useThemeProps = (0, _system.useThemeProps)('fieldset', _objectSpread({}, restProps)),
-      headingProps = _useThemeProps.headingProps,
-      tileViewProps = _useThemeProps.tileViewProps,
-      _useThemeProps$spacin = _useThemeProps.spacing,
-      spacing = _useThemeProps$spacin === void 0 ? 1 : _useThemeProps$spacin,
-      _useThemeProps$minCel = _useThemeProps.minCellWidth,
-      minCellWidth = _useThemeProps$minCel === void 0 ? 16 : _useThemeProps$minCel,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["headingProps", "tileViewProps", "spacing", "minCellWidth"]);
-
-  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-    as: "fieldset",
-    padding: 0,
-    margin: 2
-  }, themeProps, restProps), /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
-    title: /*#__PURE__*/_react["default"].createElement(_Heading["default"], (0, _extends2["default"])({
-      as: "legend",
-      level: 4
-    }, headingProps), legend),
-    helpContent: helpContent,
-    marginBottom: 1
-  }), /*#__PURE__*/_react["default"].createElement(_TileView["default"], (0, _extends2["default"])({
-    minCellWidth: minCellWidth,
-    spacing: spacing
-  }, tileViewProps), children));
-}
-
-var _default = FieldSet;
-exports["default"] = _default;

package/dist/cjs/FieldSet/index.js

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

package/dist/cjs/FilterLayout/FilterLayout.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.FilterLayout = FilterLayout;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _mousetrap = _interopRequireDefault(require("mousetrap"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _Card = _interopRequireDefault(require("../Card"));
-
-var _Divider = _interopRequireDefault(require("../Divider"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-function FilterLayout(props) {
-  var header = props.header,
-      _props$sidebarWidth = props.sidebarWidth,
-      sidebarWidth = _props$sidebarWidth === void 0 ? 400 : _props$sidebarWidth,
-      sidebar = props.sidebar,
-      table = props.table,
-      toolbar = props.toolbar,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["header", "sidebarWidth", "sidebar", "table", "toolbar"]);
-  var fill = sidebarWidth === 'fill';
-
-  var _React$useState = React.useState(false),
-      sidebarOpen = _React$useState[0],
-      setSidebarOpen = _React$useState[1];
-
-  var toggleSidebar = React.useCallback(function () {
-    setSidebarOpen(function (sidebarOpen) {
-      return !sidebarOpen;
-    });
-  }, []);
-  React.useEffect(function () {
-    _mousetrap["default"].bind('f', toggleSidebar);
-
-    return function () {
-      _mousetrap["default"].unbind('f');
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(_Card["default"], (0, _extends2["default"])({
-    minHeight: 50,
-    overflow: undefined
-  }, restProps), /*#__PURE__*/React.createElement(_StackView["default"], {
-    axis: "horizontal",
-    minHeight: 6
-  }, /*#__PURE__*/React.createElement(_Button["default"], {
-    grow: 0,
-    shrink: 0,
-    basis: sidebarOpen ? fill ? '100%' : sidebarWidth + 'px' : '100px',
-    distribution: sidebarOpen ? 'space-between' : undefined,
-    width: "100%",
-    paddingHorizontal: 2,
-    borderRightWidth: 1,
-    borderRightColor: "separatorTertiary",
-    radius: 0,
-    title: "Filter",
-    "aria-label": sidebarOpen ? 'close filter' : 'open filter',
-    iconRight: {
-      name: sidebarOpen ? 'general.leftChevron' : 'general.threeReducingHorizontalBars',
-      size: sidebarOpen ? 'xs' : 'md'
-    },
-    onClick: toggleSidebar
-  }), /*#__PURE__*/React.createElement(_Box["default"], {
-    visible: !(sidebarOpen && fill),
-    grow: 1,
-    shrink: 1
-  }, header)), /*#__PURE__*/React.createElement(_Divider["default"], null), /*#__PURE__*/React.createElement(_StackView["default"], {
-    axis: "horizontal",
-    grow: 1
-  }, /*#__PURE__*/React.createElement(_StackView["default"], {
-    visible: sidebarOpen,
-    basis: fill ? '100%' : sidebarWidth + 'px',
-    borderRightWidth: 1,
-    borderRightColor: "separatorTertiary",
-    backgroundColor: "surfaceSecondary"
-  }, sidebar), /*#__PURE__*/React.createElement(_StackView["default"], {
-    visibility: sidebarOpen && fill ? 'hidden' : 'visible',
-    maxHeight: sidebarOpen && fill ? 0 : 'initial',
-    grow: 1,
-    shrink: 1,
-    basis: "100%"
-  }, /*#__PURE__*/React.createElement(_Box["default"], {
-    overflow: "hidden"
-  }, toolbar), /*#__PURE__*/React.createElement(_Divider["default"], null), table)));
-}

package/dist/cjs/FilterLayout/index.js

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

package/dist/cjs/FocusGroup/FocusGroup.js

@@ -1,127 +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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../utils");
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var SetRefContext = /*#__PURE__*/(0, _react.createContext)();
-
-var FocusGroup = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(FocusGroup, _Component);
-
-  function FocusGroup() {
-    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;
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "nodes", {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setRef", function (id) {
-      return function (node) {
-        if (_this.context) {
-          _this.context(id)(node);
-        }
-
-        if (node) {
-          _this.nodes[id] = node;
-        } else {
-          delete _this.nodes[id];
-        }
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isElementOutside", function (target) {
-      return Object.values(_this.nodes).every(function (node) {
-        return node !== target && !node.contains(target);
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "maybeRestoreFocus", function (nextFocusedElement, event) {
-      var focusableElement = nextFocusedElement ? (0, _utils.getClosestFocusableElement)(nextFocusedElement.parentNode) : null;
-
-      if (focusableElement) {
-        var observer = new MutationObserver(function (mutationsList) {
-          for (var _iterator = _createForOfIteratorHelperLoose(mutationsList), _step; !(_step = _iterator()).done;) {
-            var mutation = _step.value;
-
-            if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
-              var removedElement = mutation.removedNodes[0];
-
-              if (removedElement === nextFocusedElement && focusableElement.focus) {
-                (function () {
-                  var previousScrollY = window.pageYOffset;
-                  focusableElement.focus();
-
-                  if (_this.isElementOutside(focusableElement)) {
-                    _this.props.onBlur(event);
-                  }
-
-                  setTimeout(function () {
-                    window.scroll(0, previousScrollY);
-                  });
-                })();
-              }
-            }
-          }
-        });
-        observer.observe(nextFocusedElement.parentNode, {
-          childList: true
-        });
-        setTimeout(function () {
-          observer.disconnect();
-        }, 800);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "requestBlur", function (event) {
-      var nextFocusedElement = event.relatedTarget || document.activeElement;
-
-      _this.maybeRestoreFocus(nextFocusedElement, event);
-
-      if (_this.isElementOutside(nextFocusedElement)) {
-        _this.props.onBlur(event);
-      }
-    });
-    return _this;
-  }
-
-  var _proto = FocusGroup.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react["default"].createElement(SetRefContext.Provider, {
-      value: this.setRef
-    }, this.props.children({
-      setRef: this.setRef,
-      requestBlur: this.requestBlur
-    }));
-  };
-
-  return FocusGroup;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(FocusGroup, "defaultProps", {
-  onBlur: function onBlur() {
-    return null;
-  }
-});
-(0, _defineProperty2["default"])(FocusGroup, "contextType", SetRefContext);
-var _default = FocusGroup;
-exports["default"] = _default;

package/dist/cjs/FocusGroup/index.js

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