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

package/dist/cjs/ToggleSwitch/ToggleSwitch.test.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _ToggleSwitch = _interopRequireDefault(require("./ToggleSwitch"));
-
-var base = 8;
-describe('ToggleSwitch component', function () {
-  it('should render with default properties', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      isChecked: false,
-      label: "Toggle me",
-      onClick: function onClick() {}
-    })),
-        getByRole = _render.getByRole;
-
-    var toggleSwitch = getByRole('switch');
-    expect(toggleSwitch).toBeInTheDocument();
-  });
-  it('should call onClick when clicked', function () {
-    var mockOnClick = jest.fn();
-
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      isChecked: false,
-      label: "Toggle me",
-      onClick: mockOnClick
-    })),
-        getByRole = _render2.getByRole;
-
-    var toggleSwitch = getByRole('switch');
-
-    _react2.fireEvent.click(toggleSwitch);
-
-    expect(mockOnClick).toHaveBeenCalled();
-  });
-  it('should display the label', function () {
-    var label = 'Toggle me';
-
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      isChecked: false,
-      label: label,
-      onClick: function onClick() {}
-    })),
-        getByText = _render3.getByText;
-
-    expect(getByText(label)).toBeInTheDocument();
-  });
-  it('should apply active color when isChecked is true', function () {
-    var activeColor = 'green';
-
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      backgroundColor: activeColor,
-      isChecked: true,
-      label: "Toggle me",
-      onClick: function onClick() {}
-    })),
-        getByRole = _render4.getByRole;
-
-    var toggleSwitchGraphicElement = getByRole('switch').firstElementChild;
-    expect(toggleSwitchGraphicElement).toHaveStyle("background-color: " + activeColor);
-  });
-  it('should apply aria-checked="true" when isChecked is true', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      isChecked: true,
-      label: "Toggle me",
-      onClick: function onClick() {}
-    })),
-        getByRole = _render5.getByRole;
-
-    var toggleSwitch = getByRole('switch');
-    expect(toggleSwitch).toHaveAttribute('aria-checked', 'true');
-  });
-  it('should apply aria-checked="false" when isChecked is false', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      isChecked: false,
-      label: "Toggle me",
-      onClick: function onClick() {}
-    })),
-        getByRole = _render6.getByRole;
-
-    var toggleSwitch = getByRole('switch');
-    expect(toggleSwitch).toHaveAttribute('aria-checked', 'false');
-  });
-  it('should not be clickable when disabled', function () {
-    var mockOnClick = jest.fn();
-
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-      disabled: true,
-      isChecked: false,
-      label: "Toggle me",
-      onClick: mockOnClick
-    })),
-        getByRole = _render7.getByRole;
-
-    var toggleSwitchGraphicElement = getByRole('switch').firstElementChild;
-
-    _react2.fireEvent.click(toggleSwitchGraphicElement);
-
-    expect(mockOnClick).not.toHaveBeenCalled();
-  });
-  describe('it should apply the correct size', function () {
-    it("should apply the correct size for xs", function () {
-      var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-        isChecked: false,
-        label: "Toggle me",
-        onClick: function onClick() {},
-        size: "xs"
-      })),
-          getByRole = _render8.getByRole;
-
-      var toggleSwitchGraphicElement = getByRole('switch').firstElementChild;
-      expect(toggleSwitchGraphicElement).toHaveStyle("height: " + base * 2 + "px");
-      expect(toggleSwitchGraphicElement).toHaveStyle("width: " + base * 3.5 + "px");
-    });
-    it("should apply the correct size for sm", function () {
-      var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-        isChecked: false,
-        label: "Toggle me",
-        onClick: function onClick() {},
-        size: "sm"
-      })),
-          getByRole = _render9.getByRole;
-
-      var toggleSwitchGraphicElement = getByRole('switch').firstElementChild;
-      expect(toggleSwitchGraphicElement).toHaveStyle("height: " + base * 2.25 + "px");
-      expect(toggleSwitchGraphicElement).toHaveStyle("width: " + base * 4 + "px");
-    });
-    it("should apply the correct default size (md)", function () {
-      var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ToggleSwitch["default"], {
-        isChecked: false,
-        label: "Toggle me",
-        onClick: function onClick() {},
-        size: "md"
-      })),
-          getByRole = _render10.getByRole;
-
-      var toggleSwitchGraphicElement = getByRole('switch').firstElementChild;
-      expect(toggleSwitchGraphicElement).toHaveStyle("height: " + base * 2.5 + "px");
-      expect(toggleSwitchGraphicElement).toHaveStyle("width: " + base * 4.375 + "px");
-    });
-  });
-});

package/dist/cjs/ToggleSwitch/index.js

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

package/dist/cjs/TokenInput/DefaultToken.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 _Badge = _interopRequireDefault(require("../Badge"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-function DefaultToken(_ref) {
-  var keyboardControls = _ref.keyboardControls,
-      removeToken = _ref.removeToken,
-      selectFirstToken = _ref.selectFirstToken,
-      selectLastToken = _ref.selectLastToken,
-      selectPreviousToken = _ref.selectPreviousToken,
-      selectNextToken = _ref.selectNextToken,
-      token = _ref.token,
-      tokenIndex = _ref.tokenIndex,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["keyboardControls", "removeToken", "selectFirstToken", "selectLastToken", "selectPreviousToken", "selectNextToken", "token", "tokenIndex"]);
-  return /*#__PURE__*/_react["default"].createElement(_Badge["default"], (0, _extends2["default"])({
-    size: "sm",
-    renderRight: /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-      name: "general.x",
-      size: "xs",
-      cursor: "pointer",
-      onClick: function onClick() {
-        return removeToken(false);
-      }
-    })
-  }, keyboardControls, restProps), token);
-}
-
-var _default = DefaultToken;
-exports["default"] = _default;

package/dist/cjs/TokenInput/TokenInput.js

@@ -1,257 +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 _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 _system = require("../system");
-
-var _InputBox = _interopRequireDefault(require("../Input/InputBox"));
-
-var _WrapView = _interopRequireDefault(require("../WrapView"));
-
-var _defaultRenders = require("./default-renders");
-
-var _DefaultToken = _interopRequireDefault(require("./DefaultToken"));
-
-var TokenInput = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(TokenInput, _Component);
-
-  function TokenInput() {
-    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), "state", {
-      inputValue: ''
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clearInputValue", function () {
-      _this.setState({
-        inputValue: ''
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addToken", function (token) {
-      var newTokens = [].concat(_this.props.tokens);
-      var tokenIndex = newTokens.indexOf(token);
-
-      if (tokenIndex > -1) {
-        var removed = newTokens.splice(tokenIndex, 1);
-        newTokens.push(removed[0]);
-      } else {
-        newTokens.push(token);
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange({
-          token: token,
-          tokenIndex: tokenIndex,
-          tokens: newTokens,
-          added: true
-        });
-      }
-
-      _this.clearInputValue();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeToken", function (token, focusIndex) {
-      var newTokens = [].concat(_this.props.tokens);
-      var tokenIndex = -1;
-
-      if (token.constructor === Array) {
-        token.some(function (val) {
-          tokenIndex = newTokens.indexOf(val);
-
-          if (tokenIndex > -1) {
-            newTokens.splice(tokenIndex, 1);
-            return true;
-          }
-
-          return false;
-        });
-      } else {
-        tokenIndex = newTokens.indexOf(token);
-
-        if (tokenIndex > -1) {
-          newTokens.splice(tokenIndex, 1);
-        }
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange({
-          token: token,
-          tokenIndex: tokenIndex,
-          tokens: newTokens,
-          added: false
-        });
-      }
-
-      if (typeof focusIndex === 'number') {
-        setTimeout(function () {
-          _this.focus(focusIndex >= newTokens.length ? undefined : focusIndex);
-        });
-      } else {
-        _this.blur();
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputKeyDown", function (e) {
-      var _e$target = e.target,
-          selectionStart = _e$target.selectionStart,
-          selectionEnd = _e$target.selectionEnd;
-      var canMoveFocusBackward = selectionStart === 0 && selectionEnd === 0;
-
-      if (_this.props.tokens.length > 0 && canMoveFocusBackward && (e.key === 'Backspace' || e.key === 'ArrowLeft')) {
-        e.preventDefault();
-
-        _this.focusLastToken();
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputChange", function (e) {
-      _this.setState({
-        inputValue: e.target.value
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "blur", function () {
-      _this.inputBox.blur();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function (index) {
-      _this.inputBox.focus(index);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focusFirstToken", function () {
-      _this.focus(0);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focusLastToken", function () {
-      _this.focus(_this.props.tokens.length - 1);
-    });
-    return _this;
-  }
-
-  var _proto = TokenInput.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(lastProps) {
-    if (lastProps.tokens.length !== this.props.tokens.length) {
-      this.clearInputValue();
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    var _this$props = this.props,
-        onChange = _this$props.onChange,
-        renderInput = _this$props.renderInput,
-        renderToken = _this$props.renderToken,
-        tokens = _this$props.tokens,
-        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["onChange", "renderInput", "renderToken", "tokens"]);
-    var inputProps = {
-      size: (0, _system.navigateSize)(restProps.size, -1),
-      stroke: false,
-      strokeWeight: 0,
-      grow: 1,
-      shrink: 1,
-      paddingLeft: 0,
-      paddingRight: 0,
-      paddingVertical: 0,
-      onKeyDown: this.handleInputKeyDown,
-      onChange: this.handleInputChange,
-      value: this.state.inputValue
-    };
-
-    var _getBoxSize = (0, _system.getBoxSize)(restProps.size),
-        paddingVertical = _getBoxSize.paddingVertical;
-
-    return /*#__PURE__*/_react["default"].createElement(_WrapView["default"], (0, _extends2["default"])({
-      as: _InputBox["default"],
-      innerRef: function innerRef(c) {
-        return _this2.inputBox = c;
-      },
-      role: "group",
-      focusChildIndex: tokens.length,
-      evenPadding: true,
-      spacing: paddingVertical
-    }, restProps), tokens.map(function (token, tokenIndex) {
-      var removeToken = _this2.removeToken.bind(_this2, token);
-
-      var selectFirstToken = _this2.focusFirstToken;
-      var selectLastToken = _this2.focusLastToken;
-
-      var selectNextToken = _this2.focus.bind(_this2, tokenIndex + 1);
-
-      var selectPreviousToken = _this2.focus.bind(_this2, tokenIndex - 1);
-
-      var tokenToRender = renderToken(token, {
-        keyboardControls: {
-          tabIndex: 0,
-          onKeyDown: function onKeyDown(e) {
-            if (e.key === 'Backspace') {
-              e.preventDefault();
-              removeToken(tokenIndex);
-            }
-
-            if (e.key === 'ArrowLeft') {
-              e.preventDefault();
-              selectPreviousToken();
-            }
-
-            if (e.key === 'ArrowRight') {
-              e.preventDefault();
-              selectNextToken();
-            }
-          }
-        },
-        removeToken: removeToken,
-        selectFirstToken: selectFirstToken,
-        selectLastToken: selectLastToken,
-        selectNextToken: selectNextToken,
-        selectPreviousToken: selectPreviousToken,
-        tokenIndex: tokenIndex
-      });
-      return typeof tokenToRender === 'string' ? /*#__PURE__*/_react["default"].createElement(_DefaultToken["default"], {
-        key: tokenToRender,
-        removeToken: removeToken,
-        selectFirstToken: selectFirstToken,
-        selectLastToken: selectLastToken,
-        selectNextToken: selectNextToken,
-        selectPreviousToken: selectPreviousToken,
-        token: tokenToRender,
-        tokenIndex: tokenIndex
-      }) : /*#__PURE__*/(0, _react.cloneElement)(tokenToRender, {
-        key: JSON.stringify(token)
-      });
-    }), renderInput(inputProps, {
-      clearInputValue: this.clearInputValue,
-      addToken: this.addToken,
-      removeToken: this.removeToken,
-      selectFirstToken: this.focusFirstToken,
-      selectLastToken: this.focusLastToken
-    }));
-  };
-
-  return TokenInput;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(TokenInput, "Token", _DefaultToken["default"]);
-(0, _defineProperty2["default"])(TokenInput, "defaultProps", {
-  tokens: null,
-  renderToken: _defaultRenders.defaultRenderToken,
-  renderInput: _defaultRenders.defaultRenderInput,
-  size: 'md'
-});
-var _default = TokenInput;
-exports["default"] = _default;

package/dist/cjs/TokenInput/default-renders.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.defaultRenderToken = defaultRenderToken;
-exports.defaultRenderInput = defaultRenderInput;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _InputField = _interopRequireDefault(require("../Input/InputField"));
-
-var _DefaultToken = _interopRequireDefault(require("./DefaultToken"));
-
-function defaultRenderToken(token, _ref) {
-  var keyboardControls = _ref.keyboardControls,
-      removeToken = _ref.removeToken,
-      selectFirstToken = _ref.selectFirstToken,
-      selectLastToken = _ref.selectLastToken,
-      selectNextToken = _ref.selectNextToken,
-      selectPreviousToken = _ref.selectPreviousToken,
-      tokenIndex = _ref.tokenIndex;
-  return /*#__PURE__*/_react["default"].createElement(_DefaultToken["default"], {
-    keyboardControls: keyboardControls,
-    removeToken: removeToken,
-    selectFirstToken: selectFirstToken,
-    selectLastToken: selectLastToken,
-    selectNextToken: selectNextToken,
-    selectPreviousToken: selectPreviousToken,
-    token: token,
-    tokenIndex: tokenIndex
-  });
-}
-
-function defaultRenderInput(_ref2, _ref3) {
-  var addToken = _ref3.addToken;
-  var _onKeyDown = _ref2.onKeyDown,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, ["onKeyDown"]);
-  return /*#__PURE__*/_react["default"].createElement(_InputField["default"], (0, _extends2["default"])({
-    onKeyDown: function onKeyDown(e) {
-      if (e.target.value !== '' && e.key === 'Enter') {
-        addToken(e.target.value);
-      }
-
-      if (_onKeyDown) {
-        _onKeyDown(e);
-      }
-    }
-  }, restProps));
-}

package/dist/cjs/TokenInput/index.js

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

package/dist/cjs/Toolbar/Action.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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-function ToolbarAction(_ref) {
-  var secondary = _ref.secondary,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["secondary"]);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    size: "xs",
-    theme: "primary",
-    variant: secondary ? 'naked' : 'outline'
-  }, restProps));
-}
-
-var _default = ToolbarAction;
-exports["default"] = _default;

package/dist/cjs/Toolbar/Toolbar.js

@@ -1,113 +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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-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 _Badge = _interopRequireDefault(require("../Badge"));
-
-var _HelperDrawer = _interopRequireDefault(require("../HelperDrawer"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _utils = require("../utils");
-
-var _Action = _interopRequireDefault(require("./Action"));
-
-// @ts-ignore Should this be ReactNode anyway?
-var Toolbar = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2["default"])(Toolbar, _Component);
-
-  function Toolbar() {
-    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), "helperDrawerId", (0, _utils.generateId)('toolbar-helper-drawer'));
-    return _this;
-  }
-
-  var _proto = Toolbar.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        actions = _this$props.actions,
-        count = _this$props.count,
-        countColor = _this$props.countColor,
-        helpContent = _this$props.helpContent,
-        onStatusClearRequest = _this$props.onStatusClearRequest,
-        status = _this$props.status,
-        title = _this$props.title,
-        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["actions", "count", "countColor", "helpContent", "onStatusClearRequest", "status", "title"]);
-    return /*#__PURE__*/_react["default"].createElement(_StackView["default"], restProps, /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-      alignment: "center",
-      axis: "horizontal",
-      distribution: "space-between",
-      spacing: 1
-    }, /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-      alignment: "center",
-      axis: "horizontal",
-      grow: 1,
-      shrink: 1
-    }, title, count && /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-      color: countColor,
-      marginLeft: 0.75,
-      radius: "circle",
-      size: "xs",
-      title: count
-    }), helpContent && /*#__PURE__*/_react["default"].createElement(_HelperDrawer["default"].Toggle, {
-      drawerId: this.helperDrawerId,
-      marginLeft: 0.25,
-      tooltip: {
-        title: 'More info',
-        triggerOnFocus: false
-      }
-    })), (status || actions) && /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-      axis: "horizontal",
-      spacing: status && actions ? 1 : 0
-    }, status && /*#__PURE__*/_react["default"].createElement(_Badge["default"].Status, {
-      onClearRequest: onStatusClearRequest,
-      size: "xs",
-      status: status,
-      title: status === 'success' ? 'Saved' : 'Error'
-    }), actions && /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
-      axis: "horizontal",
-      spacing: actions.length > 1 ? 1 : 0
-    }, _react.Children.map(actions, function (child) {
-      return child && child.type.displayName === 'ToolbarAction' ? child : /*#__PURE__*/(0, _react.cloneElement)(child, {
-        size: child.props.size || 'xs',
-        theme: child.props.theme || 'primary',
-        variant: child.props.variant || 'outline'
-      });
-    })))), helpContent && /*#__PURE__*/_react["default"].createElement(_HelperDrawer["default"], {
-      children: helpContent,
-      id: this.helperDrawerId,
-      marginTop: 1
-    }));
-  };
-
-  return Toolbar;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Toolbar, "Action", _Action["default"]);
-(0, _defineProperty2["default"])(Toolbar, "defaultProps", {
-  countColor: 'grey-7'
-});
-var _default = Toolbar;
-exports["default"] = _default;

package/dist/cjs/Toolbar/index.js

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