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

package/src/Table/ColumnPicker.js

@@ -1,51 +0,0 @@
-import React from 'react'
-
-import Checkbox from '../Checkbox'
-import Dropdown from '../Dropdown'
-import Text from '../Text'
-
-const noop = () => null
-
-function ColumnPicker({
-  columns = [],
-  hiddenColumnIds = [],
-  onChange = noop,
-  ...restProps
-}) {
-  return (
-    <Dropdown
-      variant="outline"
-      icon={{ name: 'general.threeVerticalBars' }}
-      tooltip={{ title: 'Filter Columns' }}
-      placement="bottom-end"
-      closeOnSelect={false}
-      onSelect={(columnId) => {
-        const newHiddenColumnIds = [...hiddenColumnIds]
-        const indexPosition = newHiddenColumnIds.indexOf(columnId)
-        if (indexPosition > -1) {
-          newHiddenColumnIds.splice(indexPosition, 1)
-        } else {
-          newHiddenColumnIds.push(columnId)
-        }
-        onChange({ columnId, hiddenColumnIds: newHiddenColumnIds })
-      }}
-      {...restProps}
-    >
-      {columns
-        .filter((column) => !column.alwaysVisible)
-        .map((column) => (
-          <Dropdown.Item key={column.id} value={column.id}>
-            <Checkbox
-              label={null}
-              checked={hiddenColumnIds.indexOf(column.id) === -1}
-              onChange={noop}
-              marginRight={1}
-            />
-            <Text>{column.label || column.header}</Text>
-          </Dropdown.Item>
-        ))}
-    </Dropdown>
-  )
-}
-
-export default ColumnPicker

package/src/Table/DateCell.js

@@ -1,12 +0,0 @@
-import React from 'react'
-import { format } from 'date-fns'
-
-import Box from '../Box'
-
-function DateCell({ date, showTime }) {
-  return (
-    <Box>{format(date, showTime ? 'MMM dd, yyyy h:mm:A' : 'MMM dd, yyyy')}</Box>
-  )
-}
-
-export default DateCell

package/src/Table/DragCell.js

@@ -1,29 +0,0 @@
-import React from 'react'
-
-import StackView from '../StackView'
-
-const DragCell = ({ css, ...restProps }) => (
-  <StackView
-    aria-hidden={true}
-    axis="horizontal"
-    alignment="center"
-    distribution="center"
-    shrink={0}
-    grow={0}
-    width={6}
-    basis={6}
-    backgroundColor="inherit"
-    position="sticky"
-    left={0}
-    zIndex={35}
-    css={{
-      '@media print': {
-        display: 'none !important',
-      },
-      ...css,
-    }}
-    {...restProps}
-  />
-)
-
-export default DragCell

package/src/Table/DragHandle.js

@@ -1,9 +0,0 @@
-import React from 'react'
-
-import Icon from '../Icon'
-
-const DragHandle = () => (
-  <Icon name="general.dragHandle" size="sm" color="foregroundTertiary" cursor="grab" />
-)
-
-export default DragHandle

package/src/Table/Header.js

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import Box from '../Box'
-
-const Header = ({ css, ...restProps }) => (
-  <Box
-    role="rowgroup"
-    flexShrink={0}
-    borderBottomWidth={1}
-    borderColor="grey-3"
-    position="sticky"
-    top={0}
-    zIndex={15}
-    overflow="hidden"
-    css={{
-      '@media print': {
-        overflow: 'visible',
-        position: 'relative',
-      },
-      ...css,
-    }}
-    {...restProps}
-  />
-)
-
-export default Header

package/src/Table/HeaderCell.js

@@ -1,17 +0,0 @@
-import React from 'react'
-
-import StackView from '../StackView'
-
-const HeaderCell = (props) => (
-  <StackView
-    role="columnheader"
-    axis="horizontal"
-    alignment="end"
-    shrink={0}
-    backgroundColor="inherit"
-    userSelect="none"
-    {...props}
-  />
-)
-
-export default HeaderCell

package/src/Table/HeaderInnerCell.js

@@ -1,18 +0,0 @@
-import React from 'react'
-
-import StackView from '../StackView'
-
-const HeaderInnerCell = ({ children, column, ...restProps }) => (
-  <StackView
-    axis="horizontal"
-    alignment="center"
-    paddingHorizontal={1.5}
-    transformOrigin="left center"
-    zIndex={1}
-    {...restProps}
-  >
-    {children}
-  </StackView>
-)
-
-export default HeaderInnerCell

package/src/Table/HeaderRow.js

@@ -1,15 +0,0 @@
-import React from 'react'
-
-import StackView from '../StackView'
-
-const HeaderRow = (props) => (
-  <StackView
-    role="row"
-    axis="horizontal"
-    alignment="end"
-    backgroundColor="inherit"
-    {...props}
-  />
-)
-
-export default HeaderRow

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