@planningcenter/tapestry-react 3.0.0 → 4.0.0-rc.2

package/dist/cjs/Select/Value.js

@@ -1,28 +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 _react = _interopRequireDefault(require("react"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-function Value(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Text["default"], (0, _extends2["default"])({
-    as: "span",
-    grow: 1,
-    shrink: 1,
-    fontSize: "inherit",
-    lineHeight: "inherit",
-    textAlign: "left",
-    truncate: true
-  }, props));
-}
-
-Value.displayName = 'Select.Value';
-var _default = Value;
-exports["default"] = _default;

package/dist/cjs/Select/constants.js

@@ -1,10 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.OPTION_DISPLAY_NAME = exports.OPTIONGROUP_DISPLAY_NAME = exports.SELECT_DISPLAY_NAME = void 0;
-var SELECT_DISPLAY_NAME = 'Select';
-exports.SELECT_DISPLAY_NAME = SELECT_DISPLAY_NAME;
-var OPTIONGROUP_DISPLAY_NAME = 'Select.OptionGroup';
-exports.OPTIONGROUP_DISPLAY_NAME = OPTIONGROUP_DISPLAY_NAME;
-var OPTION_DISPLAY_NAME = 'Select.Option';
-exports.OPTION_DISPLAY_NAME = OPTION_DISPLAY_NAME;

package/dist/cjs/Select/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Select = _interopRequireDefault(require("./Select"));
-
-var _Inline = _interopRequireDefault(require("./Inline"));
-
-var _Option = _interopRequireDefault(require("./Option"));
-
-var _OptionGroup = _interopRequireDefault(require("./OptionGroup"));
-
-var _Value = _interopRequireDefault(require("./Value"));
-
-var _utils = require("./utils");
-
-_Select["default"].Inline = _Inline["default"];
-_Select["default"].Option = _Option["default"];
-_Select["default"].OptionGroup = _OptionGroup["default"];
-_Select["default"].Value = _Value["default"];
-_Select["default"].toggleValue = _utils.toggleValue;
-var _default = _Select["default"];
-exports["default"] = _default;

package/dist/cjs/Select/utils.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-exports.__esModule = true;
-exports.getSelectedOptions = getSelectedOptions;
-exports.renderOptions = renderOptions;
-exports.optionsToElements = optionsToElements;
-exports.toggleValue = toggleValue;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Menu = _interopRequireDefault(require("../Menu"));
-
-var _utils = require("../utils");
-
-var _constants = require("./constants");
-
-var _Option = _interopRequireDefault(require("./Option"));
-
-var _OptionGroup = _interopRequireDefault(require("./OptionGroup"));
-
-function getSelectedOptions(children, selected) {
-  var selectedChildren = [];
-  var index = -1;
-
-  function getSelectedOption(child) {
-    index++;
-
-    if (selected(child.props.value)) {
-      return {
-        index: index,
-        value: child.props.value,
-        text: child.props.text,
-        children: typeof child.props.children === 'function' ? child.props.children() : child.props.children
-      };
-    } else {
-      return false;
-    }
-  }
-
-  function pushSelectedOption(child) {
-    var option = getSelectedOption(child);
-
-    if (option) {
-      selectedChildren.push(option);
-    }
-  }
-
-  _react.Children.toArray(children).forEach(function (child) {
-    if (child) {
-      if (child.type.displayName === _constants.OPTIONGROUP_DISPLAY_NAME) {
-        _react.Children.toArray(child.props.children).filter(_react.isValidElement).forEach(function (grandChild) {
-          if (grandChild.type.displayName === _constants.OPTION_DISPLAY_NAME) {
-            pushSelectedOption(grandChild);
-          }
-        });
-      }
-
-      if (child.type.displayName === _constants.OPTION_DISPLAY_NAME) {
-        pushSelectedOption(child);
-      }
-    }
-  });
-
-  return selectedChildren;
-}
-
-function renderOptions(children) {
-  var index = -1;
-
-  function renderOption(child) {
-    index++;
-    return /*#__PURE__*/(0, _react.cloneElement)(child, {
-      index: index
-    });
-  }
-
-  return _react.Children.map(children, function (child) {
-    if (child) {
-      if (child.type.displayName === _constants.OPTIONGROUP_DISPLAY_NAME) {
-        return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Menu["default"].Heading, null, child.props.title), _react.Children.map(child.props.children, renderOption));
-      }
-
-      if (child.type.displayName === _constants.OPTION_DISPLAY_NAME) {
-        return renderOption(child);
-      }
-    }
-
-    return child;
-  });
-}
-
-function optionsToElements(options) {
-  return options.map(function (option) {
-    return option.optgroup ? /*#__PURE__*/_react["default"].createElement(_OptionGroup["default"], {
-      title: option.label,
-      children: option.optgroup.map(function (option) {
-        return /*#__PURE__*/_react["default"].createElement(_Option["default"], {
-          value: option.value
-        }, option.label);
-      })
-    }) : /*#__PURE__*/_react["default"].createElement(_Option["default"], {
-      value: option.value
-    }, option.label);
-  });
-}
-
-function toggleValue(collection, item) {
-  var previousValue = false;
-  var newValue = collection.reduce(function (newCollection, value) {
-    if ((0, _utils.shallowEqual)(item, value)) {
-      previousValue = true;
-      return newCollection;
-    } else {
-      return [].concat(newCollection, [value]);
-    }
-  }, []);
-
-  if (!previousValue) {
-    newValue.push(item);
-  }
-
-  return newValue;
-}

package/dist/cjs/Sidebar/Sidebar.js

@@ -1,56 +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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = require("@emotion/react");
-
-var _react2 = require("react");
-
-var _reactStickyBox = _interopRequireDefault(require("react-sticky-box"));
-
-var _system = require("../system");
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _SidebarList = _interopRequireDefault(require("./SidebarList"));
-
-var _SidebarItem = _interopRequireDefault(require("./SidebarItem"));
-
-/** @jsxRuntime classic */
-
-/** @jsx jsx */
-var flexColumnCss = (0, _system.css)({
-  display: 'flex',
-  flexDirection: 'column'
-});
-
-function Sidebar(_ref) {
-  var children = _ref.children,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children"]);
-  return (0, _react.jsx)(_StackView["default"], (0, _extends2["default"])({
-    grow: 1,
-    paddingTop: 2,
-    boxShadow: "inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",
-    backgroundColor: "surfaceTertiary"
-  }, restProps), (0, _react.jsx)(_reactStickyBox["default"], {
-    css: flexColumnCss
-  }, _react2.Children.map(children, function (child) {
-    if (child && child.type !== Sidebar.List && child.type !== Sidebar.Item) {
-      console.warn("Invalid component nesting. " + child.type + " cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.");
-    }
-
-    return child;
-  })));
-}
-
-Sidebar.List = _SidebarList["default"];
-Sidebar.Item = _SidebarItem["default"];
-var _default = Sidebar;
-exports["default"] = _default;

package/dist/cjs/Sidebar/SidebarItem.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _List = _interopRequireDefault(require("../List"));
-
-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 SidebarItem(_ref) {
-  var active = _ref.active,
-      url = _ref.url,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["active", "url"]);
-  var link = !active && url;
-
-  var listItemProps = _objectSpread({
-    alignItems: 'center',
-    backgroundColor: 'surfaceTertiary',
-    boxShadow: 'inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)',
-    as: link ? 'a' : 'div',
-    href: url,
-    justifyContent: 'space-between',
-    lineHeight: '20px',
-    shrink: 0
-  }, restProps);
-
-  if (active) {
-    listItemProps.backgroundColor = 'surfaceSecondary';
-    listItemProps.boxShadow = 'inset 0 -2px var(--colors-primary)';
-    listItemProps.zIndex = 1;
-  }
-
-  if (link) {
-    listItemProps.hover = {
-      backgroundColor: 'grey-2'
-    };
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_List["default"].Item, listItemProps);
-}
-
-var _default = SidebarItem;
-exports["default"] = _default;

package/dist/cjs/Sidebar/SidebarList.js

@@ -1,27 +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 _react = _interopRequireDefault(require("react"));
-
-var _List = _interopRequireDefault(require("../List"));
-
-function SidebarList(props) {
-  return /*#__PURE__*/_react["default"].createElement(_List["default"], (0, _extends2["default"])({
-    as: "div",
-    marginBottom: 2,
-    border: true,
-    borderColor: "separatorSecondary",
-    shrink: 0,
-    divider: true,
-    dividerColor: "separatorSecondary"
-  }, props));
-}
-
-var _default = SidebarList;
-exports["default"] = _default;

package/dist/cjs/Sidebar/index.js

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

package/dist/cjs/Sortable/SortableEmpty.js

@@ -1,42 +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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-function SortableEmpty(_ref) {
-  var emptyText = _ref.emptyText,
-      isDraggingOver = _ref.isDraggingOver,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["emptyText", "isDraggingOver"]);
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    column: 1,
-    row: 1,
-    padding: 1,
-    backgroundColor: isDraggingOver ? 'warning-lightest' : 'white'
-  }, restProps), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    padding: 0.5,
-    backgroundColor: isDraggingOver ? 'warning-lightest' : 'white',
-    borderWidth: 1,
-    borderStyle: "dashed",
-    borderColor: isDraggingOver ? 'warning' : 'grey-5',
-    radius: 3
-  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
-    fontSize: 5,
-    textAlign: "center",
-    opacity: isDraggingOver ? 0 : 1
-  }, emptyText)));
-}
-
-var _default = SortableEmpty;
-exports["default"] = _default;

package/dist/cjs/Sortable/SortableItem.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = exports.SORTABLE_ITEM_DISPLAY_NAME = void 0;
-
-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"));
-
-var _DragDrop = _interopRequireDefault(require("../DragDrop"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _List = _interopRequireDefault(require("../List"));
-
-var _constants = require("./constants");
-
-var SORTABLE_ITEM_DISPLAY_NAME = 'SortableItem';
-exports.SORTABLE_ITEM_DISPLAY_NAME = SORTABLE_ITEM_DISPLAY_NAME;
-
-function SortableItem(_ref) {
-  var children = _ref.children,
-      disabled = _ref.disabled,
-      id = _ref.id,
-      index = _ref.index,
-      isDraggingOver = _ref.isDraggingOver,
-      onRemoveRequest = _ref.onRemoveRequest,
-      readOnly = _ref.readOnly,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "disabled", "id", "index", "isDraggingOver", "onRemoveRequest", "readOnly"]);
-  return /*#__PURE__*/_react["default"].createElement(_DragDrop["default"].Draggable, {
-    type: _constants.SORTABLE_TYPE,
-    draggableId: id,
-    isDragDisabled: disabled || readOnly,
-    index: index
-  }, function (provided) {
-    return /*#__PURE__*/_react["default"].createElement(_List["default"].Item, (0, _extends2["default"])({
-      innerRef: provided.innerRef,
-      onRemoveRequest: onRemoveRequest
-    }, restProps, provided.draggableProps), !readOnly && /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({}, provided.dragHandleProps, {
-      marginRight: 1
-    }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-      name: "general.dragHandle",
-      size: "sm",
-      color: "foregroundTertiary"
-    })), children);
-  });
-}
-
-SortableItem.displayName = SORTABLE_ITEM_DISPLAY_NAME;
-var _default = SortableItem;
-exports["default"] = _default;

package/dist/cjs/Sortable/SortableList.js

@@ -1,106 +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 _Box = _interopRequireDefault(require("../Box"));
-
-var _DragDrop = _interopRequireDefault(require("../DragDrop"));
-
-var _GridView = _interopRequireDefault(require("../GridView"));
-
-var _HeadingUppercase = _interopRequireDefault(require("../HeadingUppercase"));
-
-var _utils = require("../utils");
-
-var _constants = require("./constants");
-
-var _SortableEmpty = _interopRequireDefault(require("./SortableEmpty"));
-
-var _SortableItem = require("./SortableItem");
-
-function SortableList(_ref) {
-  var children = _ref.children,
-      disabled = _ref.disabled,
-      emptyText = _ref.emptyText,
-      id = _ref.id,
-      onItemRemoveRequest = _ref.onItemRemoveRequest,
-      title = _ref.title,
-      readOnly = _ref.readOnly,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "disabled", "emptyText", "id", "onItemRemoveRequest", "title", "readOnly"]);
-
-  var childCount = _react.Children.count(children);
-
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], restProps, title && /*#__PURE__*/_react["default"].createElement(_HeadingUppercase["default"], {
-    padding: 1,
-    backgroundColor: "surfaceSecondary",
-    borderBottomWidth: 1,
-    borderBottomColor: "separatorTertiary"
-  }, title), /*#__PURE__*/_react["default"].createElement(_DragDrop["default"].Droppable, {
-    type: _constants.SORTABLE_TYPE,
-    isDropDisabled: disabled || readOnly,
-    droppableId: id
-  }, function (provided, snapshot) {
-    return /*#__PURE__*/_react["default"].createElement(_GridView["default"], (0, _extends2["default"])({
-      innerRef: provided.innerRef,
-      minHeight: 5,
-      backgroundColor: "surfaceSecondary",
-      position: "relative",
-      css: emptyText && childCount <= 0 ? {
-        '[data-rbd-placeholder-context-id]': {
-          column: 1,
-          row: 1
-        }
-      } : undefined
-    }, provided.droppableProps), emptyText && childCount <= 0 && /*#__PURE__*/_react["default"].createElement(_SortableEmpty["default"], {
-      emptyText: emptyText,
-      isDraggingOver: snapshot.isDraggingOver
-    }), (0, _utils.cloneChildren)(children, function (child, _ref2) {
-      var index = _ref2.index;
-      var childProps = {
-        pointerEvents: snapshot.isDraggingOver ? 'none' : undefined
-      };
-
-      if (index !== 0) {
-        childProps.borderTopWidth = 1;
-        childProps.borderTopColor = 'separatorTertiary';
-      }
-
-      if (child && child.type.displayName === _SortableItem.SORTABLE_ITEM_DISPLAY_NAME) {
-        childProps.index = index;
-
-        if (!readOnly && !snapshot.isDraggingOver && (onItemRemoveRequest || child.props.onRemoveRequest)) {
-          childProps.onRemoveRequest = function (e) {
-            var itemPayload = {
-              id: id,
-              index: index
-            };
-
-            if (onItemRemoveRequest) {
-              onItemRemoveRequest(itemPayload, e);
-            }
-
-            if (child.props.onRemoveRequest) {
-              child.props.onRemoveRequest(itemPayload, e);
-            }
-          };
-        }
-      }
-
-      return childProps;
-    }), provided.placeholder);
-  }));
-}
-
-var _default = SortableList;
-exports["default"] = _default;

package/dist/cjs/Sortable/SortableManager.js

@@ -1,31 +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 _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _DragDrop = _interopRequireDefault(require("../DragDrop"));
-
-var _default = function _default(_ref) {
-  var children = _ref.children,
-      onDragStart = _ref.onDragStart,
-      onDragUpdate = _ref.onDragUpdate,
-      _onDragEnd = _ref.onDragEnd,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "onDragStart", "onDragUpdate", "onDragEnd"]);
-  return /*#__PURE__*/_react["default"].createElement(_DragDrop["default"].Provider, {
-    onDragStart: onDragStart,
-    onDragUpdate: onDragUpdate,
-    onDragEnd: function onDragEnd(props) {
-      return props.destination && _onDragEnd(props);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], restProps, children));
-};
-
-exports["default"] = _default;

package/dist/cjs/Sortable/constants.js

@@ -1,6 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.SORTABLE_TYPE = void 0;
-var SORTABLE_TYPE = 'SORTABLE_LIST';
-exports.SORTABLE_TYPE = SORTABLE_TYPE;

package/dist/cjs/Sortable/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _SortableItem = _interopRequireDefault(require("./SortableItem"));
-
-var _SortableList = _interopRequireDefault(require("./SortableList"));
-
-var _SortableManager = _interopRequireDefault(require("./SortableManager"));
-
-var insert = function insert(_ref) {
-  var fromList = _ref.fromList,
-      fromIndex = _ref.fromIndex,
-      toList = _ref.toList,
-      toIndex = _ref.toIndex;
-  var result = Array.from(toList);
-
-  var _Array$from$splice = Array.from(fromList).splice(fromIndex, 1),
-      removed = _Array$from$splice[0];
-
-  result.splice(toIndex, 0, removed);
-  return result;
-};
-
-var remove = function remove(_ref2) {
-  var list = _ref2.list,
-      index = _ref2.index;
-  var result = Array.from(list);
-  result.splice(index, 1);
-  return result;
-};
-
-var reorder = function reorder(_ref3) {
-  var list = _ref3.list,
-      startIndex = _ref3.startIndex,
-      endIndex = _ref3.endIndex;
-  var result = Array.from(list);
-
-  var _result$splice = result.splice(startIndex, 1),
-      removed = _result$splice[0];
-
-  result.splice(endIndex, 0, removed);
-  return result;
-};
-
-var _default = {
-  SortableItem: _SortableItem["default"],
-  SortableList: _SortableList["default"],
-  SortableManager: _SortableManager["default"],
-  insert: insert,
-  remove: remove,
-  reorder: reorder
-};
-exports["default"] = _default;