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

package/src/Table/NavigationArrow.js

@@ -1,75 +0,0 @@
-import React from 'react'
-
-import Box from '../Box'
-import Button from '../Button'
-import { parseColor } from '../system'
-
-const SUPPORTS_CSS_STICKY =
-  typeof window !== 'undefined' && window.CSS && window.CSS.supports
-
-function NavigationArrow({
-  direction,
-  headerHeight,
-  offsets,
-  progress,
-  mouseTouchHandlers,
-}) {
-  const colorBase = parseColor({ base: 'grey-0', alpha: 0 })
-  const color = parseColor('grey-0')
-  const side = direction === -1 ? 'left' : 'right'
-  const outerProps = {
-    'aria-hidden': true,
-    position: SUPPORTS_CSS_STICKY ? 'sticky' : 'absolute',
-    top: 0,
-    [side]: offsets[side] + 'px',
-    zIndex: 25,
-    width: 0,
-    css: {
-      '@media print': {
-        display: 'none',
-      },
-    },
-  }
-  const innerProps = {
-    position: 'absolute',
-    top: 0,
-    [side]: 0,
-    height: headerHeight + 'px',
-    transition: 'all 300ms ease',
-  }
-  const buttonProps = {
-    icon: { name: `general.${side}Chevron` },
-    title: `navigate ${side}`,
-    theme: false,
-    disabled: direction === 1 ? progress >= 0.99 : progress <= 0,
-    height: '100%',
-    [direction === -1 ? 'paddingLeft' : 'paddingRight']: 1,
-    [direction === -1 ? 'paddingRight' : 'paddingLeft']: 2,
-    ...mouseTouchHandlers(direction),
-  }
-  const translateY = SUPPORTS_CSS_STICKY ? -100 : 0
-
-  if (direction === 1) {
-    innerProps.opacity = progress >= 0.99 || progress === null ? 0 : 1
-    innerProps.transform = `translate(${
-      progress >= 0.99 ? 100 : 0
-    }%, ${translateY}%)`
-    innerProps.background = `linear-gradient(-90deg, ${color} 24px, ${colorBase})`
-  } else {
-    innerProps.opacity = progress <= 0 ? 0 : 1
-    innerProps.transform = `translate(${
-      progress <= 0 ? -100 : 0
-    }%, ${translateY}%)`
-    innerProps.background = `linear-gradient(90deg, ${color} 24px, ${colorBase})`
-  }
-
-  return (
-    <Box {...outerProps}>
-      <Box {...innerProps}>
-        <Button {...buttonProps} />
-      </Box>
-    </Box>
-  )
-}
-
-export default NavigationArrow

package/src/Table/ScrollShadow.js

@@ -1,33 +0,0 @@
-import React from 'react'
-import { interpolate } from '@popmotion/popcorn'
-
-const leftScrollShadow = interpolate([0, 0.2], [0, 1])
-const rightScrollShadow = interpolate([0.8, 1], [1, 0])
-
-function ScrollShadow({ offset = 0, position, progress }) {
-  const scrollProgress = isNaN(progress) ? 0 : progress
-  const style = {
-    width: 10,
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    zIndex: 30,
-    pointerEvents: 'none',
-  }
-
-  if (position === 'left') {
-    style.left = offset
-    style.background =
-      'linear-gradient(-90deg, transparent 4px, rgba(125, 125, 125, 0.15))'
-    style.opacity = leftScrollShadow(scrollProgress)
-  } else {
-    style.right = offset
-    style.background =
-      'linear-gradient(90deg, transparent 4px, rgba(125, 125, 125, 0.15))'
-    style.opacity = rightScrollShadow(scrollProgress)
-  }
-
-  return <div aria-hidden style={style} />
-}
-
-export default ScrollShadow

package/src/Table/SubRowToggleCell.js

@@ -1,38 +0,0 @@
-import React from 'react'
-
-import Button from '../Button'
-import StackView from '../StackView'
-
-const SubRowToggleCell = ({
-  contentsHidden,
-  rowIndex,
-  toggled,
-  height,
-  ...restProps
-}) => (
-  <StackView
-    axis="horizontal"
-    alignment="center"
-    distribution="center"
-    shrink={0}
-    grow={0}
-    basis={6}
-    width={6}
-    height={height}
-    backgroundColor="inherit"
-    zIndex={35}
-  >
-    {!contentsHidden && (
-      <Button
-        // TODO: expose for better accessibility
-        theme={false}
-        title="Toggle row"
-        icon={{ name: 'general.downCaret' }}
-        transform={!toggled && 'rotate(-90deg)'}
-        {...restProps}
-      />
-    )}
-  </StackView>
-)
-
-export default SubRowToggleCell