@planningcenter/tapestry-react 0.0.1-alpha.0

package/dist/cjs/DataTable/components/BodyRows.js

@@ -0,0 +1,131 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _system = require("../../system");
+
+var _DragDrop = _interopRequireDefault(require("../../DragDrop"));
+
+var _utils = require("../utils");
+
+var _BodyRow = _interopRequireDefault(require("./BodyRow"));
+
+var _BodySubRows = _interopRequireDefault(require("./BodySubRows"));
+
+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 BodyRows(_ref) {
+  var columns = _ref.columns,
+      columnWidths = _ref.columnWidths,
+      data = _ref.data,
+      draggable = _ref.draggable,
+      getColumnRef = _ref.getColumnRef,
+      getRowId = _ref.getRowId,
+      getRowLink = _ref.getRowLink,
+      getSubData = _ref.getSubData,
+      getVariant = _ref.getVariant,
+      keyboardShortcuts = _ref.keyboardShortcuts,
+      onRowClick = _ref.onRowClick;
+  var css = (0, _system.useCss)();
+  return data.map(function (rowData, rowIndex) {
+    var getCells = function getCells(_dragHandleProps) {
+      return columns.map(function (column, columnIndex) {
+        var cellVariantStyles = getVariant('bodyCell', {
+          rowData: rowData,
+          rowIndex: rowIndex,
+          columnIndex: columnIndex,
+          firstRow: rowIndex === 0,
+          lastRow: rowIndex === Math.max(0, data.length - 1),
+          firstCell: columnIndex === 0,
+          lastCell: columnIndex === Math.max(0, columns.length - 1)
+        });
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: columnIndex,
+          ref: getColumnRef(columnIndex + "." + (rowIndex + 1)) // offset by 1 to account for header row
+          ,
+          role: "cell",
+          className: "uikit-reset " + css([].concat(cellVariantStyles, [column.css]))
+        }, (0, _utils.getCell)(column.cell, {
+          columnIndex: columnIndex,
+          rowData: rowData,
+          rowIndex: rowIndex,
+          _dragHandleProps: _dragHandleProps
+        }));
+      });
+    };
+
+    var rowId = getRowId(rowData, rowIndex);
+    var rowVariantClassName = getVariant('bodyRow', {
+      rowData: rowData,
+      rowIndex: rowIndex,
+      isLink: Boolean(getRowLink) || Boolean(onRowClick),
+      firstRow: rowIndex === 0,
+      lastRow: rowIndex === Math.max(0, data.length - 1),
+      evenRow: rowIndex % 2 === 0,
+      oddRow: Math.abs(rowIndex % 2) === 1
+    });
+
+    var rowProps = _objectSpread({
+      rowData: rowData,
+      rowIndex: rowIndex,
+      keyboardShortcuts: keyboardShortcuts,
+      onRowClick: onRowClick,
+      className: "uikit-reset " + css(rowVariantClassName)
+    }, (0, _utils.getRowLinkProps)({
+      getRowLink: getRowLink,
+      data: rowData,
+      isSubRow: false
+    }));
+
+    var subRowData = getSubData ? getSubData(rowData) : null;
+
+    var subRows = subRowData && /*#__PURE__*/_react["default"].createElement(_BodySubRows["default"], {
+      columns: columns,
+      data: subRowData,
+      getColumnRef: getColumnRef,
+      getRowLink: getRowLink,
+      getVariant: getVariant,
+      keyboardShortcuts: keyboardShortcuts,
+      columnWidths: columnWidths,
+      parentRowIndex: rowIndex
+    });
+
+    if (draggable) {
+      return /*#__PURE__*/_react["default"].createElement(_DragDrop["default"].Draggable, {
+        key: rowId,
+        draggableId: rowId.toString(),
+        index: rowIndex,
+        data: rowData,
+        placeholder: function placeholder() {
+          return /*#__PURE__*/_react["default"].createElement(_BodyRow["default"], (0, _extends2["default"])({}, rowProps, {
+            placeholder: true
+          }), getCells({}));
+        }
+      }, function (provided) {
+        return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_BodyRow["default"], (0, _extends2["default"])({
+          innerRef: provided.innerRef
+        }, provided.draggableProps, rowProps), getCells(provided.dragHandleProps)), subRows);
+      });
+    } else {
+      return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+        key: rowId
+      }, /*#__PURE__*/_react["default"].createElement(_BodyRow["default"], rowProps, getCells()), subRows);
+    }
+  });
+}
+
+var _default = BodyRows;
+exports["default"] = _default;

package/dist/cjs/DataTable/components/BodySubRows.js

@@ -0,0 +1,104 @@
+"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 _BodyRow = _interopRequireDefault(require("./BodyRow"));
+
+var _Collapse = _interopRequireDefault(require("../../Collapse"));
+
+var _system = require("../../system");
+
+var _hooks = require("../hooks");
+
+var _utils = require("../utils");
+
+var BodySubRowsCollapse = function BodySubRowsCollapse(_ref) {
+  var children = _ref.children,
+      lazy = _ref.lazy,
+      rowIndex = _ref.rowIndex;
+  var instant = (0, _hooks.useCollapsibleRowsStore)(function (state) {
+    return state.instant;
+  });
+  var isSubRowOpen = (0, _hooks.useSubRowOpen)(rowIndex);
+  return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+    lazy: lazy,
+    instant: instant,
+    open: isSubRowOpen,
+    role: "row",
+    style: {
+      minWidth: 'min-content'
+    }
+  }, children);
+};
+
+var BodySubRows = function BodySubRows(_ref2) {
+  var columns = _ref2.columns,
+      columnWidths = _ref2.columnWidths,
+      data = _ref2.data,
+      getColumnRef = _ref2.getColumnRef,
+      getRowLink = _ref2.getRowLink,
+      getVariant = _ref2.getVariant,
+      keyboardShortcuts = _ref2.keyboardShortcuts,
+      onRowClick = _ref2.onRowClick,
+      parentRowIndex = _ref2.parentRowIndex;
+  var css = (0, _system.useCss)();
+  return /*#__PURE__*/_react["default"].createElement(BodySubRowsCollapse, {
+    lazy: columns.some(function (column) {
+      return column.includeSubCellWidth;
+    }) === false,
+    rowIndex: parentRowIndex
+  }, data.map(function (rowData, rowIndex) {
+    var rowVariantClassName = getVariant('bodySubRow', {
+      rowData: rowData,
+      rowIndex: rowIndex,
+      parentRowIndex: parentRowIndex,
+      isLink: Boolean(getRowLink) || Boolean(onRowClick),
+      firstRow: rowIndex === 0,
+      lastRow: rowIndex === Math.max(0, data.length - 1),
+      evenRow: rowIndex % 2 === 0,
+      oddRow: Math.abs(rowIndex % 2) === 1
+    });
+    return /*#__PURE__*/_react["default"].createElement(_BodyRow["default"], (0, _extends2["default"])({
+      key: rowIndex,
+      rowData: rowData,
+      rowIndex: rowIndex,
+      keyboardShortcuts: keyboardShortcuts,
+      onRowClick: onRowClick,
+      className: "uikit-reset " + css(rowVariantClassName)
+    }, (0, _utils.getRowLinkProps)({
+      getRowLink: getRowLink,
+      data: rowData,
+      isSubRow: true
+    })), columns.map(function (column, columnIndex) {
+      var cellVariantClassName = getVariant('bodySubCell', {
+        rowData: rowData,
+        rowIndex: rowIndex,
+        columnIndex: columnIndex,
+        columnWidth: columnWidths.current[columnIndex],
+        firstRow: rowIndex === 0,
+        lastRow: rowIndex === Math.max(0, data.length - 1),
+        firstCell: columnIndex === 0,
+        lastCell: columnIndex === Math.max(0, columns.length - 1)
+      });
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: columnIndex,
+        ref: getColumnRef(columnIndex + "." + (parentRowIndex + 1) + "." + rowIndex),
+        className: "uikit-reset " + css([].concat(cellVariantClassName, [column.css]))
+      }, (0, _utils.getCell)(column.subCell !== undefined ? column.subCell : column.cell, {
+        columnIndex: columnIndex,
+        rowData: rowData,
+        rowIndex: rowIndex
+      }));
+    }));
+  }));
+};
+
+var _default = BodySubRows;
+exports["default"] = _default;

package/dist/cjs/DataTable/components/CheckboxCell.js

@@ -0,0 +1,116 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
+var iconPaths = {
+  fill: 'checkbox-0',
+  minus: 'checkbox-1',
+  checked: 'checkbox-2'
+};
+var scaleStyles = {
+  visibility: 'visible',
+  transform: 'scale(1)',
+  transition: 'all 120ms ease-out'
+};
+var initialStyles = {
+  flexShrink: 0,
+  outline: 0,
+  cursor: 'pointer',
+  ' .ui-kit-Checkbox-Fill ': {
+    transform: 'scale(1)',
+    transformOrigin: 'center center',
+    transition: 'all 180ms ease-out'
+  },
+  ' .ui-kit-Checkbox-Minus, .ui-kit-Checkbox-Checked ': {
+    fill: '#fff',
+    visibility: 'hidden',
+    transform: 'scale(0)',
+    transformOrigin: 'center center',
+    transition: 'all 180ms ease-out'
+  },
+  ' &:hover, &:focus ': {
+    ' .ui-kit-Checkbox-Fill ': {
+      transform: 'scale(1.125)'
+    }
+  },
+  ' &:active ': {
+    ' .ui-kit-Checkbox-Fill ': {
+      transform: 'scale(1)'
+    }
+  }
+};
+var checkedStyles = {
+  ' .ui-kit-Checkbox-Checked ': scaleStyles
+};
+var indeterminateStyles = {
+  ' .ui-kit-Checkbox-Minus ': scaleStyles
+};
+
+function CheckboxCell(_ref) {
+  var checked = _ref.checked,
+      disabled = _ref.disabled,
+      indeterminate = _ref.indeterminate,
+      onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
+      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["checked", "disabled", "indeterminate", "onBlur", "onChange", "onFocus", "size"]);
+  var handleChange = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+
+    if (onChange) {
+      onChange(event);
+    }
+  }, [onChange]);
+  var cssStyles = [initialStyles];
+
+  if (checked) {
+    cssStyles.push(checkedStyles);
+  }
+
+  if (indeterminate) {
+    cssStyles.push(indeterminateStyles);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+    size: size,
+    tabIndex: 0,
+    role: "checkbox",
+    "aria-checked": indeterminate ? 'mixed' : checked,
+    "aria-disabled": disabled,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onClick: handleChange,
+    onKeyDown: function onKeyDown(event) {
+      return event.key === ' ' && handleChange(event);
+    },
+    className: "uikit-reset ui-kit-Checkbox",
+    css: cssStyles
+  }, /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
+    name: iconPaths.fill,
+    className: "uikit-reset ui-kit-Checkbox-Fill",
+    fill: checked || indeterminate ? 'primary' : 'surfaceTertiary',
+    stroke: checked || indeterminate ? 'primary' : 'separatorSecondary'
+  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
+    name: iconPaths.minus,
+    className: "uikit-reset ui-kit-Checkbox-Minus"
+  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"].Path, {
+    name: iconPaths.checked,
+    className: "uikit-reset ui-kit-Checkbox-Checked"
+  }));
+}
+
+var _default = CheckboxCell;
+exports["default"] = _default;

package/dist/cjs/DataTable/components/ColumnPicker.js

@@ -0,0 +1,74 @@
+"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 _Dropdown = _interopRequireDefault(require("../../Dropdown"));
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _CheckboxCell = _interopRequireDefault(require("./CheckboxCell"));
+
+// import Checkbox from '../../Checkbox'
+var noop = function noop() {
+  return null;
+};
+
+function ColumnPicker(_ref) {
+  var _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? [] : _ref$columns,
+      _ref$hiddenColumnIds = _ref.hiddenColumnIds,
+      hiddenColumnIds = _ref$hiddenColumnIds === void 0 ? [] : _ref$hiddenColumnIds,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["columns", "hiddenColumnIds", "onChange"]);
+  return /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], (0, _extends2["default"])({
+    variant: "outline",
+    icon: {
+      name: 'columns'
+    },
+    tooltip: {
+      title: 'Filter Columns'
+    },
+    placement: "bottom-end",
+    closeOnSelect: false,
+    onSelect: function onSelect(columnId) {
+      var newHiddenColumnIds = [].concat(hiddenColumnIds);
+      var indexPosition = newHiddenColumnIds.indexOf(columnId);
+
+      if (indexPosition > -1) {
+        newHiddenColumnIds.splice(indexPosition, 1);
+      } else {
+        newHiddenColumnIds.push(columnId);
+      }
+
+      onChange({
+        columnId: columnId,
+        hiddenColumnIds: newHiddenColumnIds
+      });
+    }
+  }, restProps), columns.filter(function (column) {
+    return !column.alwaysVisible;
+  }).map(function (column) {
+    return /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
+      key: column.id,
+      value: column.id
+    }, /*#__PURE__*/_react["default"].createElement(_CheckboxCell["default"], {
+      checked: hiddenColumnIds.indexOf(column.id) === -1,
+      onChange: noop
+    }), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+      marginLeft: 1
+    }, column.label || column.header));
+  }));
+}
+
+var _default = ColumnPicker;
+exports["default"] = _default;

package/dist/cjs/DataTable/components/HeaderCell.js

@@ -0,0 +1,88 @@
+"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 _Icon = _interopRequireDefault(require("../../Icon"));
+
+var _HeadingUppercase = _interopRequireDefault(require("../../HeadingUppercase"));
+
+var _useColumnSort = require("../hooks/useColumnSort");
+
+var _useHoverFocus2 = _interopRequireDefault(require("../hooks/useHoverFocus"));
+
+var HeaderText = function HeaderText(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_HeadingUppercase["default"], {
+    truncate: true,
+    color: "foregroundSecondary",
+    cursor: "inherit"
+  }, children);
+};
+
+var HeaderSort = function HeaderSort(_ref2) {
+  var affordance = _ref2.affordance,
+      column = _ref2.column,
+      currentSort = _ref2.currentSort,
+      defaultSort = _ref2.defaultSort,
+      sorted = _ref2.sorted;
+  return /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+    size: "xs",
+    name: (0, _useColumnSort.getIconDirection)(currentSort.columnId === column.id ? currentSort.direction : column.defaultSortDirection || (defaultSort ? defaultSort.direction : _useColumnSort.SORT_ASC)),
+    opacity: sorted ? 1 : affordance ? 0.4 : 0
+  });
+};
+
+function HeaderCell(_ref3) {
+  var cellRef = _ref3.cellRef,
+      column = _ref3.column,
+      columnIndex = _ref3.columnIndex,
+      columnSort = _ref3.columnSort,
+      defaultSort = _ref3.defaultSort,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref3, ["cellRef", "column", "columnIndex", "columnSort", "defaultSort"]);
+  var currentSort = columnSort.currentSort,
+      sortColumnById = columnSort.sortColumnById;
+
+  var _useHoverFocus = (0, _useHoverFocus2["default"])(),
+      isHoverFocus = _useHoverFocus.isHoverFocus,
+      bind = _useHoverFocus.bind;
+
+  if (column.sortable) {
+    restProps.tabIndex = 0;
+    restProps['aria-sort'] = currentSort.columnId === column.id ? currentSort.direction === 'ASC' ? 'ascending' : 'descending' : 'none';
+
+    restProps.onClick = function () {
+      sortColumnById(column);
+    };
+
+    restProps.onKeyDown = function (event) {
+      if (event.key === 'Enter') {
+        sortColumnById(column);
+      }
+    };
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: cellRef,
+    role: "columnheader"
+  }, restProps, bind), typeof column.header === 'string' ? /*#__PURE__*/_react["default"].createElement(HeaderText, null, column.header) : /*#__PURE__*/_react["default"].isValidElement(column.header) ? column.header : column.header ? /*#__PURE__*/_react["default"].createElement(column.header, {
+    columnIndex: columnIndex
+  }) : null, column.sortable && /*#__PURE__*/_react["default"].createElement(HeaderSort, {
+    defaultSort: defaultSort,
+    currentSort: currentSort,
+    column: column,
+    sorted: currentSort.columnId === column.id,
+    affordance: isHoverFocus
+  }));
+}
+
+var _default = HeaderCell;
+exports["default"] = _default;

package/dist/cjs/DataTable/components/Icon.js

@@ -0,0 +1,70 @@
+"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 _core = require("@emotion/core");
+
+var _system = require("../../system");
+
+/** @jsxRuntime classic */
+
+/** @jsx jsx */
+var sizes = {
+  xxs: '8px',
+  xs: '10px',
+  sm: '12px',
+  md: '14px',
+  lg: '18px',
+  xl: '32px',
+  xxl: '48px'
+};
+
+function Icon(_ref) {
+  var as = _ref.as,
+      name = _ref.name,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
+      color = _ref.color,
+      children = _ref.children,
+      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["as", "name", "size", "color", "children"]);
+  var icons = (0, _system.useThemeValue)('icons');
+  var themeColor = (0, _system.useThemeValue)(['colors', color]);
+  var iconSize = sizes[size] || size;
+  var childrenToRender = name ? (0, _core.jsx)("path", {
+    d: icons[name]
+  }) : children;
+  return (0, _core.jsx)("svg", (0, _extends2["default"])({
+    viewBox: "0 0 16 16",
+    width: iconSize,
+    height: iconSize,
+    fill: themeColor,
+    className: "uikit-reset",
+    children: childrenToRender
+  }, props));
+}
+
+function Path(_ref2) {
+  var name = _ref2.name,
+      fill = _ref2.fill,
+      stroke = _ref2.stroke,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, ["name", "fill", "stroke"]);
+  var themeFill = (0, _system.useThemeValue)(['colors', fill]);
+  var themeStroke = (0, _system.useThemeValue)(['colors', stroke]);
+  var icons = (0, _system.useThemeValue)('icons');
+  return (0, _core.jsx)("path", (0, _extends2["default"])({
+    d: icons[name],
+    fill: fill ? themeFill || fill : 'none',
+    stroke: stroke ? themeStroke || stroke : undefined
+  }, restProps));
+}
+
+Icon.Path = Path;
+var _default = Icon;
+exports["default"] = _default;

package/dist/cjs/DataTable/components/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.HeaderCell = exports.ColumnPicker = exports.CheckboxCell = exports.BodyRows = void 0;
+
+var _BodyRows = _interopRequireDefault(require("./BodyRows"));
+
+exports.BodyRows = _BodyRows["default"];
+
+var _CheckboxCell = _interopRequireDefault(require("./CheckboxCell"));
+
+exports.CheckboxCell = _CheckboxCell["default"];
+
+var _ColumnPicker = _interopRequireDefault(require("./ColumnPicker"));
+
+exports.ColumnPicker = _ColumnPicker["default"];
+
+var _HeaderCell = _interopRequireDefault(require("./HeaderCell"));
+
+exports.HeaderCell = _HeaderCell["default"];

package/dist/cjs/DataTable/hooks/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+var _exportNames = {
+  useColumnSort: true,
+  useColumnWidths: true,
+  useScrollShadows: true,
+  useScrollSync: true,
+  useVariants: true
+};
+exports.useVariants = exports.useScrollSync = exports.useScrollShadows = exports.useColumnWidths = exports.useColumnSort = void 0;
+
+var _useCollapsibleRows = require("./useCollapsibleRows");
+
+Object.keys(_useCollapsibleRows).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useCollapsibleRows[key]) return;
+  exports[key] = _useCollapsibleRows[key];
+});
+
+var _useColumnSort = _interopRequireDefault(require("./useColumnSort"));
+
+exports.useColumnSort = _useColumnSort["default"];
+
+var _useColumnWidths = _interopRequireDefault(require("./useColumnWidths"));
+
+exports.useColumnWidths = _useColumnWidths["default"];
+
+var _useScrollShadows = _interopRequireDefault(require("./useScrollShadows"));
+
+exports.useScrollShadows = _useScrollShadows["default"];
+
+var _useScrollSync = _interopRequireDefault(require("./useScrollSync"));
+
+exports.useScrollSync = _useScrollSync["default"];
+
+var _useVariants = _interopRequireDefault(require("./useVariants"));
+
+exports.useVariants = _useVariants["default"];