@planningcenter/tapestry-react 2.10.0-rc.4 → 2.10.0-rc.6

package/dist/cjs/RangeSlider/RangeSlider.js

@@ -1,230 +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 _popcorn = require("@popmotion/popcorn");
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _hooks = require("../hooks");
-
-var _system = require("../system");
-
-function RangeSlider(props) {
-  var _props$min = props.min,
-      min = _props$min === void 0 ? 0 : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 100 : _props$max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      disabled = props.disabled,
-      value = props.value,
-      onChange = props.onChange,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["min", "max", "step", "disabled", "value", "onChange"]);
-
-  var _useThemeProps = (0, _system.useThemeProps)('rangeSlider', restProps),
-      _useThemeProps$varian = _useThemeProps.variant,
-      variant = _useThemeProps$varian === void 0 ? {} : _useThemeProps$varian,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["variant"]);
-
-  var snapTo = (0, _popcorn.snap)(step);
-  var sliderRef = (0, _react.useRef)();
-  var trackRef = (0, _react.useRef)();
-  var thumbRef = (0, _react.useRef)();
-  var startPositionRef = (0, _react.useRef)();
-  var currentValueRef = (0, _react.useRef)();
-
-  var _useMeasure = (0, _hooks.useMeasure)(),
-      useMeasureRef = _useMeasure[0],
-      useMeasureEffect = _useMeasure[1];
-
-  var _useState = (0, _react.useState)(0),
-      sliderSize = _useState[0],
-      setSliderSize = _useState[1];
-
-  var _useState2 = (0, _react.useState)(0),
-      thumbSize = _useState2[0],
-      setThumbSize = _useState2[1];
-
-  var upperBound = sliderSize - thumbSize;
-
-  function trimAlignValue(value) {
-    return snapTo((0, _popcorn.clamp)(min, max, value));
-  }
-
-  function getPointerPosition(event) {
-    if (event.touches) {
-      return event.touches[0].pageX;
-    } else {
-      return event.pageX;
-    }
-  }
-
-  function getOffsetFromValue(value) {
-    var range = max - min;
-    var ratio = (value - min) / range;
-    return ratio * upperBound;
-  }
-
-  function getValueFromOffset(offset) {
-    var ratio = offset / upperBound;
-    return ratio * (max - min) + min;
-  }
-
-  function getOffsetFromPosition(position) {
-    var sliderRect = sliderRef.current.getBoundingClientRect();
-    var sliderMin = sliderRect.left;
-    var windowOffset = window.pageXOffset;
-    var sliderStart = windowOffset + sliderMin;
-    var pixelOffset = position - sliderStart - thumbSize / 2;
-    return pixelOffset;
-  }
-
-  function getValueFromPosition(position) {
-    var diffValue = position / (sliderSize - thumbSize) * (max - min);
-    return trimAlignValue(currentValueRef.current + diffValue);
-  }
-
-  function handleThumbKeyDown(event) {
-    if (event.ctrlKey || event.shiftKey || event.altKey) {
-      return;
-    }
-
-    switch (event.key) {
-      case 'ArrowLeft':
-      case 'ArrowDown':
-      case 'Left':
-      case 'Down':
-        event.preventDefault();
-        onChange(trimAlignValue(value - step));
-        break;
-
-      case 'ArrowRight':
-      case 'ArrowUp':
-      case 'Right':
-      case 'Up':
-        event.preventDefault();
-        onChange(trimAlignValue(value + step));
-        break;
-
-      case 'Home':
-        event.preventDefault();
-        onChange(min);
-        break;
-
-      case 'End':
-        event.preventDefault();
-        onChange(max);
-        break;
-
-      default:
-    }
-  }
-
-  function handleTrackPointerDown(event) {
-    var position = getPointerPosition(event);
-    var valueAtPosition = trimAlignValue(getValueFromOffset(getOffsetFromPosition(position)));
-    startPositionRef.current = position;
-    currentValueRef.current = valueAtPosition;
-    document.addEventListener('mousemove', handlePointerMove);
-    document.addEventListener('mouseup', handlePointerUp);
-    document.addEventListener('mouseleave', handlePointerUp);
-    document.addEventListener('touchmove', handlePointerMove);
-    document.addEventListener('touchend', handlePointerUp);
-    document.addEventListener('touchcancel', handlePointerUp);
-    event.preventDefault();
-    thumbRef.current.focus();
-    onChange(valueAtPosition);
-  }
-
-  function handlePointerMove(event) {
-    var position = getPointerPosition(event);
-    var positionDifference = position - startPositionRef.current;
-    var nextValue = getValueFromPosition(positionDifference);
-    event.preventDefault();
-    onChange(nextValue);
-  }
-
-  function handlePointerUp() {
-    document.removeEventListener('mousemove', handlePointerMove);
-    document.removeEventListener('mouseup', handlePointerUp);
-    document.removeEventListener('mouseleave', handlePointerUp);
-    document.removeEventListener('touchmove', handlePointerMove);
-    document.removeEventListener('touchend', handlePointerUp);
-    document.removeEventListener('touchcancel', handlePointerUp);
-  }
-
-  useMeasureRef(sliderRef);
-  useMeasureEffect(function () {
-    var sliderRect = sliderRef.current.getBoundingClientRect();
-    var sliderMin = sliderRect.left;
-    var sliderMax = sliderRect.right;
-    var thumbRect = thumbRef.current.getBoundingClientRect();
-    var thumbSize = thumbRect.width;
-    setSliderSize(Math.abs(sliderMax - sliderMin));
-    setThumbSize(thumbSize);
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    innerRef: sliderRef,
-    width: "100%",
-    paddingVertical: 0.5,
-    position: "relative",
-    cursor: disabled ? 'not-allowed' : 'pointer',
-    opacity: disabled ? 0.65 : undefined,
-    onMouseDown: disabled ? undefined : handleTrackPointerDown,
-    onTouchStart: disabled ? undefined : handleTrackPointerDown
-  }, themeProps), /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    innerRef: trackRef,
-    height: 0.5,
-    radius: 6,
-    overflow: "hidden",
-    backgroundColor: "grey-3",
-    position: "relative"
-  }, variant.track), /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    transformOrigin: "center left",
-    backgroundColor: "primary",
-    style: {
-      transform: "scaleX(" + (1 - (upperBound - getOffsetFromValue(value)) / (sliderSize - thumbSize)) + ")"
-    }
-  }, variant.progress))), /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    innerRef: thumbRef,
-    tabIndex: 0,
-    role: "slider",
-    "aria-valuenow": value,
-    "aria-valuemin": min,
-    "aria-valuemax": max,
-    "aria-disabled": disabled,
-    onKeyDown: disabled ? undefined : handleThumbKeyDown,
-    width: 1.5,
-    height: 1.5,
-    radius: "circle",
-    position: "absolute",
-    top: "50%",
-    left: 0,
-    backgroundColor: "grey-1",
-    stroke: "grey-6",
-    strokeWeight: 1,
-    style: {
-      transform: "translate(" + getOffsetFromValue(value) + "px, -50%)"
-    }
-  }, variant.thumb)));
-}
-
-var _default = RangeSlider;
-exports["default"] = _default;

package/dist/cjs/RangeSlider/index.js

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

package/dist/cjs/ScreenReader/ScreenReader.js

@@ -1,38 +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 _Box = _interopRequireDefault(require("../Box"));
-
-function ScreenReader(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
-    css: {
-      width: '1px',
-      height: '1px',
-      padding: 0,
-      margin: '-1px',
-      border: 0,
-      position: 'absolute',
-      clip: 'rect(1px, 1px, 1px, 1px)',
-      overflow: 'hidden',
-      '&:focus-within': {
-        width: 'auto',
-        height: 'auto',
-        margin: 0,
-        clip: 'auto',
-        position: 'static',
-        overflow: 'initial'
-      }
-    }
-  }, props));
-}
-
-var _default = ScreenReader;
-exports["default"] = _default;

package/dist/cjs/ScreenReader/index.js

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

package/dist/cjs/Scrim/Scrim.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Scrim = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _system = require("../system");
-
-var Scrim = /*#__PURE__*/React.forwardRef(function (_ref2, _ref) {
-  var ref = _ref2.ref,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, ["ref"]);
-  React.useLayoutEffect(function () {
-    document.body.style.overflow = 'hidden';
-    return function () {
-      document.body.style.overflow = '';
-    };
-  }, []);
-
-  var _useThemeProps = (0, _system.useThemeProps)('scrim', restProps),
-      _useThemeProps$zIndex = _useThemeProps.zIndex,
-      zIndex = _useThemeProps$zIndex === void 0 ? 10000 : _useThemeProps$zIndex,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["zIndex"]);
-
-  return /*#__PURE__*/React.createElement(_StackView["default"], (0, _extends2["default"])({
-    innerRef: ref,
-    position: "fixed",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    zIndex: zIndex,
-    overflow: "auto" // @ts-ignore
-    ,
-    backgroundColor: "hsla(0,0%,0%,0.4)"
-  }, themeProps));
-});
-exports.Scrim = Scrim;

package/dist/cjs/Scrim/index.js

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

package/dist/cjs/Section/Section.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 = _interopRequireDefault(require("react"));
-
-var _Heading = _interopRequireDefault(require("../Heading"));
-
-var _Toolbar = _interopRequireDefault(require("../Toolbar"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _system = require("../system");
-
-function Section(_ref) {
-  var _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      children = _ref.children,
-      count = _ref.count,
-      helpContent = _ref.helpContent,
-      onStatusClearRequest = _ref.onStatusClearRequest,
-      status = _ref.status,
-      title = _ref.title,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["actions", "children", "count", "helpContent", "onStatusClearRequest", "status", "title"]);
-
-  var _useThemeProps = (0, _system.useThemeProps)('section', restProps),
-      countColor = _useThemeProps.countColor,
-      headingProps = _useThemeProps.headingProps,
-      toolbarProps = _useThemeProps.toolbarProps,
-      themeProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["countColor", "headingProps", "toolbarProps"]);
-
-  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-    as: "section"
-  }, themeProps), /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], (0, _extends2["default"])({
-    title: /*#__PURE__*/_react["default"].createElement(_Heading["default"], (0, _extends2["default"])({
-      level: 3
-    }, headingProps), title),
-    helpContent: helpContent,
-    actions: actions,
-    count: count,
-    countColor: countColor,
-    status: status,
-    onStatusClearRequest: onStatusClearRequest,
-    marginBottom: 2
-  }, toolbarProps)), children);
-}
-
-var _default = Section;
-exports["default"] = _default;

package/dist/cjs/Section/index.js

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

package/dist/cjs/SegmentedControl/SegmentedControl.js

@@ -1,118 +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 _InputBox = _interopRequireDefault(require("../Input/InputBox"));
-
-var _system = require("../system");
-
-function SegmentedControl(props, ref) {
-  var getActiveIndex = (0, _react.useCallback)(function (props) {
-    return props.activeSegment === undefined ? 0 : props.segments.indexOf(props.activeSegment);
-  });
-  var inputBoxRef = (0, _react.useRef)(null);
-
-  var _useThemeProps = (0, _system.useThemeProps)('segmentedControl', props),
-      activeSegment = _useThemeProps.activeSegment,
-      _useThemeProps$color = _useThemeProps.color,
-      color = _useThemeProps$color === void 0 ? 'primary' : _useThemeProps$color,
-      disabled = _useThemeProps.disabled,
-      onChange = _useThemeProps.onChange,
-      segments = _useThemeProps.segments,
-      _useThemeProps$segmen = _useThemeProps.segmentBasis,
-      segmentBasis = _useThemeProps$segmen === void 0 ? 'auto' : _useThemeProps$segmen,
-      _useThemeProps$size = _useThemeProps.size,
-      size = _useThemeProps$size === void 0 ? 'md' : _useThemeProps$size,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["activeSegment", "color", "disabled", "onChange", "segments", "segmentBasis", "size"]);
-
-  var _useState = (0, _react.useState)(getActiveIndex(props)),
-      activeIndex = _useState[0],
-      setActiveIndex = _useState[1];
-
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
-    if (onChange && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
-      var amountToMove = event.key === 'ArrowLeft' ? -1 : 1;
-      var nextIndex = activeIndex + amountToMove;
-      event.preventDefault();
-      changeSegment(nextIndex);
-    }
-  });
-  var changeSegment = (0, _react.useCallback)(function (index) {
-    var nextSegment = segments[index];
-
-    if (nextSegment) {
-      if (activeSegment === undefined) {
-        setActiveIndex(index);
-      }
-
-      if (onChange) {
-        onChange(nextSegment.title || nextSegment);
-      }
-
-      focus(index);
-    }
-  });
-  var focus = (0, _react.useCallback)(function (index) {
-    return inputBoxRef.current.focus(index);
-  });
-  var blur = (0, _react.useCallback)(function () {
-    return inputBoxRef.current.blur();
-  });
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      focus: focus,
-      blur: blur
-    };
-  });
-  (0, _react.useEffect)(function () {
-    var newActiveIndex = getActiveIndex(props);
-
-    if (activeIndex !== newActiveIndex) {
-      setActiveIndex(newActiveIndex);
-    }
-  }, [activeSegment]);
-  return /*#__PURE__*/_react["default"].createElement(_InputBox["default"], (0, _extends2["default"])({
-    ref: inputBoxRef,
-    size: size,
-    includeSpacing: true,
-    evenPadding: true,
-    role: "group",
-    cursor: "initial",
-    disabled: disabled
-  }, restProps), segments.map(function (segment, segmentIndex) {
-    var title = segment.title,
-        restSegmentProps = (0, _objectWithoutPropertiesLoose2["default"])(segment, ["title"]);
-    var buttonProps = title ? restSegmentProps : {};
-    return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-      key: segmentIndex,
-      grow: 1,
-      size: (0, _system.navigateSize)(size, -1),
-      basis: segmentBasis,
-      theme: segmentIndex === activeIndex ? color : undefined,
-      variant: segmentIndex === activeIndex ? 'fill' : 'naked',
-      title: title || segment,
-      disabled: disabled,
-      onKeyDown: handleKeyDown,
-      onClick: function onClick() {
-        return segmentIndex !== activeIndex && changeSegment(segmentIndex);
-      }
-    }, buttonProps));
-  }));
-}
-
-SegmentedControl = /*#__PURE__*/(0, _react.forwardRef)(SegmentedControl);
-var _default = SegmentedControl;
-exports["default"] = _default;

package/dist/cjs/SegmentedControl/index.js

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

package/dist/cjs/SegmentedTabs/SegmentedTabs.js

@@ -1,119 +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 _Text = _interopRequireDefault(require("../Text"));
-
-var _StackView = _interopRequireDefault(require("../StackView"));
-
-var _system = require("../system");
-
-function Tab(_ref) {
-  var isSelected = _ref.isSelected,
-      selectedColor = _ref.selectedColor,
-      onSelect = _ref.onSelect,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["isSelected", "selectedColor", "onSelect"]);
-  return /*#__PURE__*/_react["default"].createElement(_Text["default"], (0, _extends2["default"])({
-    as: "button",
-    tabIndex: isSelected ? -1 : undefined,
-    position: "relative",
-    fontSize: 4,
-    fontWeight: isSelected ? 600 : undefined,
-    padding: 1,
-    borderBottomWidth: 2,
-    borderBottomColor: isSelected ? selectedColor : 'separatorTertiary',
-    textAlign: "center",
-    userSelect: "none",
-    cursor: isSelected ? undefined : 'pointer',
-    hover: {
-      borderBottomColor: isSelected ? undefined : 'separatorSecondary'
-    },
-    onClick: isSelected ? undefined : onSelect
-  }, restProps));
-}
-
-function SegmentedTabs(props) {
-  var _useThemeProps = (0, _system.useThemeProps)('segmentedTabs', props),
-      activeTab = _useThemeProps.activeTab,
-      _useThemeProps$color = _useThemeProps.color,
-      color = _useThemeProps$color === void 0 ? 'primary' : _useThemeProps$color,
-      _useThemeProps$getTab = _useThemeProps.getTabLabel,
-      getTabLabel = _useThemeProps$getTab === void 0 ? function (tab) {
-    return tab;
-  } : _useThemeProps$getTab,
-      onChange = _useThemeProps.onChange,
-      tabs = _useThemeProps.tabs,
-      tabProps = _useThemeProps.tabProps,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_useThemeProps, ["activeTab", "color", "getTabLabel", "onChange", "tabs", "tabProps"]);
-
-  var getActiveIndex = (0, _react.useCallback)(function (_ref2) {
-    var activeTab = _ref2.activeTab,
-        tabs = _ref2.tabs;
-    var index;
-
-    if (typeof activeTab === 'function') {
-      index = tabs.reduce(function (searchIndex, tab, index) {
-        if (activeTab(tab, index)) {
-          searchIndex = index;
-        }
-
-        return searchIndex;
-      }, null);
-    } else {
-      index = activeTab === undefined ? 0 : tabs.indexOf(activeTab);
-    }
-
-    return index;
-  });
-
-  var _useState = (0, _react.useState)(getActiveIndex(props)),
-      activeIndex = _useState[0],
-      setActiveIndex = _useState[1];
-
-  var setIndex = (0, _react.useCallback)(function (index) {
-    if (activeTab === undefined) {
-      setActiveIndex(index);
-    }
-
-    if (onChange) {
-      onChange(tabs[index]);
-    }
-  });
-  (0, _react.useEffect)(function () {
-    var newActiveIndex = getActiveIndex(props);
-
-    if (activeIndex !== newActiveIndex) {
-      setActiveIndex(newActiveIndex);
-    }
-  }, [activeTab]);
-  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
-    role: "group",
-    axis: "horizontal",
-    distribution: "fill",
-    position: "relative"
-  }, restProps), tabs.map(function (tab, index) {
-    return /*#__PURE__*/_react["default"].createElement(Tab, (0, _extends2["default"])({
-      key: index,
-      index: index,
-      isSelected: index === activeIndex,
-      selectedColor: color,
-      onSelect: function onSelect() {
-        return setIndex(index);
-      }
-    }, tabProps), getTabLabel(tab));
-  }));
-}
-
-var _default = SegmentedTabs;
-exports["default"] = _default;

package/dist/cjs/SegmentedTabs/index.js

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