@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/Snippet/Snippet.js

@@ -1,94 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "filled", "rounded", "children", "symbol", "toastText", "toastType", "text", "copy", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo, useRef } from 'react';
-import useTheme from '../use-theme';
-import { getStyles } from './styles';
-import SnippetIcon from './SnippetIcon';
-import useClipboard from '../utils/use-clipboard';
-import useToasts from '../use-toasts';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var textArrayToString = function textArrayToString(text) {
-  return text.reduce(function (pre, current) {
-    if (!current) return pre;
-    return pre ? "".concat(pre, "\n").concat(current) : current;
-  }, '');
-};
-var SnippetComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$filled = _ref.filled,
-    filled = _ref$filled === void 0 ? false : _ref$filled,
-    _ref$rounded = _ref.rounded,
-    rounded = _ref$rounded === void 0 ? false : _ref$rounded,
-    children = _ref.children,
-    _ref$symbol = _ref.symbol,
-    symbol = _ref$symbol === void 0 ? '$' : _ref$symbol,
-    _ref$toastText = _ref.toastText,
-    toastText = _ref$toastText === void 0 ? 'Copied!' : _ref$toastText,
-    _ref$toastType = _ref.toastType,
-    toastType = _ref$toastType === void 0 ? 'primary' : _ref$toastType,
-    text = _ref.text,
-    copyType = _ref.copy,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var _useClipboard = useClipboard(),
-    copy = _useClipboard.copy;
-  var _useToasts = useToasts(),
-    setToast = _useToasts.setToast;
-  var preRef = useRef(null);
-  var isMultiLine = text && Array.isArray(text);
-  var style = useMemo(function () {
-    return getStyles(type, theme.palette, filled);
-  }, [type, theme.palette, filled]);
-  var showCopyIcon = useMemo(function () {
-    return copyType !== 'prevent';
-  }, [copyType]);
-  var childText = useMemo(function () {
-    if (isMultiLine) return textArrayToString(text);
-    if (!children) return text;
-    if (!preRef.current) return '';
-    return preRef.current.textContent;
-  }, [isMultiLine, text, children]);
-  var symbolBefore = useMemo(function () {
-    var str = symbol.trim();
-    return str ? "".concat(str, " ") : '';
-  }, [symbol]);
-  var clickHandler = function clickHandler() {
-    if (!childText || !showCopyIcon) return;
-    copy(childText);
-    if (copyType === 'silent') return;
-    setToast({
-      text: toastText,
-      type: toastType
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["3243552610", [style.color, style.bgColor, style.border, rounded ? '25px' : theme.layout.radius, SCALES.font(0.8125), SCALES.pt(0.667), SCALES.width(1, 'initial'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(2.667), SCALES.pb(0.667), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), style.color, symbolBefore, style.bgColor, isMultiLine ? 'flex-start' : 'center', rounded ? '25px' : theme.layout.radius, isMultiLine ? 'var(--snippet-padding-top)' : 0]]]) + " " + (props && props.className != null && props.className || useClasses('snippet', className) || "")
-  }), isMultiLine ? text.map(function (t, index) {
-    return /*#__PURE__*/React.createElement("pre", {
-      key: "snippet-".concat(index, "-").concat(t),
-      className: _JSXStyle.dynamic([["3243552610", [style.color, style.bgColor, style.border, rounded ? '25px' : theme.layout.radius, SCALES.font(0.8125), SCALES.pt(0.667), SCALES.width(1, 'initial'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(2.667), SCALES.pb(0.667), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), style.color, symbolBefore, style.bgColor, isMultiLine ? 'flex-start' : 'center', rounded ? '25px' : theme.layout.radius, isMultiLine ? 'var(--snippet-padding-top)' : 0]]])
-    }, t);
-  }) : /*#__PURE__*/React.createElement("pre", {
-    ref: preRef,
-    className: _JSXStyle.dynamic([["3243552610", [style.color, style.bgColor, style.border, rounded ? '25px' : theme.layout.radius, SCALES.font(0.8125), SCALES.pt(0.667), SCALES.width(1, 'initial'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(2.667), SCALES.pb(0.667), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), style.color, symbolBefore, style.bgColor, isMultiLine ? 'flex-start' : 'center', rounded ? '25px' : theme.layout.radius, isMultiLine ? 'var(--snippet-padding-top)' : 0]]])
-  }, children || text), showCopyIcon && /*#__PURE__*/React.createElement("div", {
-    onClick: clickHandler,
-    className: _JSXStyle.dynamic([["3243552610", [style.color, style.bgColor, style.border, rounded ? '25px' : theme.layout.radius, SCALES.font(0.8125), SCALES.pt(0.667), SCALES.width(1, 'initial'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(2.667), SCALES.pb(0.667), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), style.color, symbolBefore, style.bgColor, isMultiLine ? 'flex-start' : 'center', rounded ? '25px' : theme.layout.radius, isMultiLine ? 'var(--snippet-padding-top)' : 0]]]) + " " + "copy"
-  }, /*#__PURE__*/React.createElement(SnippetIcon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3243552610",
-    dynamic: [style.color, style.bgColor, style.border, rounded ? '25px' : theme.layout.radius, SCALES.font(0.8125), SCALES.pt(0.667), SCALES.width(1, 'initial'), SCALES.height(1, 'auto'), SCALES.pt(0.667), SCALES.pr(2.667), SCALES.pb(0.667), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), style.color, symbolBefore, style.bgColor, isMultiLine ? 'flex-start' : 'center', rounded ? '25px' : theme.layout.radius, isMultiLine ? 'var(--snippet-padding-top)' : 0]
-  }, ".snippet.__jsx-style-dynamic-selector{position:relative;max-width:100%;color:".concat(style.color, ";background-color:").concat(style.bgColor, ";border:1px solid ").concat(style.border, ";border-radius:").concat(rounded ? '25px' : theme.layout.radius, ";--snippet-font-size:").concat(SCALES.font(0.8125), ";--snippet-padding-top:").concat(SCALES.pt(0.667), ";font-size:var(--snippet-font-size);width:").concat(SCALES.width(1, 'initial'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0.667), " ").concat(SCALES.pr(2.667), " ").concat(SCALES.pb(0.667), " ").concat(SCALES.pl(0.667), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}pre.__jsx-style-dynamic-selector{margin:0;padding:0;border:none;background-color:transparent;color:").concat(style.color, ";font-size:inherit;}pre.__jsx-style-dynamic-selector::before{content:'").concat(symbolBefore, "';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}pre.__jsx-style-dynamic-selector *{margin:0;padding:0;font-size:inherit;color:inherit;}.copy.__jsx-style-dynamic-selector{position:absolute;right:0;top:0;bottom:0;background-color:").concat(style.bgColor, ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:").concat(isMultiLine ? 'flex-start' : 'center', ";-webkit-box-align:").concat(isMultiLine ? 'flex-start' : 'center', ";-ms-flex-align:").concat(isMultiLine ? 'flex-start' : 'center', ";align-items:").concat(isMultiLine ? 'flex-start' : 'center', ";width:calc(3.281 * var(--snippet-font-size));color:inherit;-webkit-transition:opacity 150ms ease 0s;transition:opacity 150ms ease 0s;border-radius:").concat(rounded ? '25px' : theme.layout.radius, ";cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:").concat(isMultiLine ? 'var(--snippet-padding-top)' : 0, ";opacity:0.65;}.copy.__jsx-style-dynamic-selector:hover{opacity:1;}")));
-});
-SnippetComponent.displayName = 'BolioUISnippet';
-var Snippet = withScale(SnippetComponent);
-export default Snippet;

package/esm/Snippet/SnippetIcon.js

@@ -1,25 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-function SnippetIconComponent() {
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    fill: "none",
-    shapeRendering: "geometricPrecision",
-    style: {
-      color: 'currentcolor'
-    },
-    className: "jsx-418323402"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8 17.929H6c-1.105 0-2-.912-2-2.036V5.036C4 3.91 4.895 3 6 3h8c1.105 0 2 .911 2 2.036v1.866m-6 .17h8c1.105 0 2 .91 2 2.035v10.857C20 21.09 19.105 22 18 22h-8c-1.105 0-2-.911-2-2.036V9.107c0-1.124.895-2.036 2-2.036z",
-    className: "jsx-418323402"
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "418323402"
-  }, "svg.jsx-418323402{width:calc(var(--snippet-font-size) * 1.69);height:calc(var(--snippet-font-size) * 1.69);}"));
-}
-SnippetIconComponent.displayName = 'BolioUISnippetIcon';
-var SnippetIcon = /*#__PURE__*/React.memo(SnippetIconComponent);
-export default SnippetIcon;

package/esm/Snippet/styles.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export var getStyles = function getStyles(type, palette, fill) {
-  var styles = {
-    "default": {
-      color: palette.foreground,
-      border: palette.accents_2,
-      bgColor: palette.accents_2
-    },
-    primary: {
-      color: palette.primary,
-      border: palette.primary,
-      bgColor: palette.accents_1
-    },
-    secondary: {
-      color: palette.secondary,
-      border: palette.secondary,
-      bgColor: palette.accents_1
-    },
-    success: {
-      color: palette.success,
-      border: palette.success,
-      bgColor: palette.accents_1
-    },
-    warning: {
-      color: palette.warning,
-      border: palette.warning,
-      bgColor: palette.accents_1
-    },
-    error: {
-      color: palette.error,
-      border: palette.error,
-      bgColor: palette.accents_1
-    },
-    info: {
-      color: palette.info,
-      border: palette.info,
-      bgColor: palette.accents_1
-    },
-    lite: {
-      color: palette.foreground,
-      border: palette.border,
-      bgColor: palette.accents_1
-    },
-    dark: {
-      color: palette.background,
-      border: palette.foreground,
-      bgColor: palette.foreground
-    }
-  };
-  var filledTypes = ['primary', 'secondary', 'success', 'warning', 'error', 'info'];
-  var style = styles[type];
-  var shouldFilled = filledTypes.includes(type);
-  if (!fill || !shouldFilled) return style;
-  return _extends({}, style, {
-    color: style.bgColor,
-    bgColor: style.color
-  });
-};

package/esm/Spacer/Spacer.js

@@ -1,26 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["inline", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useScale, { withScale } from '../use-scale';
-var SpacerComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$inline = _ref.inline,
-    inline = _ref$inline === void 0 ? false : _ref$inline,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["677603432", [inline ? 'inline-block' : 'block', SCALES.width(1), SCALES.height(1), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "677603432",
-    dynamic: [inline ? 'inline-block' : 'block', SCALES.width(1), SCALES.height(1), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
-  }, "span.__jsx-style-dynamic-selector{display:".concat(inline ? 'inline-block' : 'block', ";width:").concat(SCALES.width(1), ";height:").concat(SCALES.height(1), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")));
-});
-SpacerComponent.displayName = 'BolioUISpacer';
-var Spacer = withScale(SpacerComponent);
-export default Spacer;

package/esm/Spinner/Spinner.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-var _excluded = ["className"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var getSpans = function getSpans(theme) {
-  return _toConsumableArray(new Array(12)).map(function (_, index) {
-    return /*#__PURE__*/React.createElement("span", {
-      key: "spinner-".concat(index),
-      className: _JSXStyle.dynamic([["3296107463", [theme.palette.foreground, theme.layout.radius]]])
-    }, /*#__PURE__*/React.createElement(_JSXStyle, {
-      id: "3296107463",
-      dynamic: [theme.palette.foreground, theme.layout.radius]
-    }, "span.__jsx-style-dynamic-selector{background-color:".concat(theme.palette.foreground, ";position:absolute;top:-3.9%;width:24%;height:8%;left:-10%;border-radius:").concat(theme.layout.radius, ";-webkit-animation:spinner-__jsx-style-dynamic-selector 1.2s linear 0s infinite normal none running;animation:spinner-__jsx-style-dynamic-selector 1.2s linear 0s infinite normal none running;}span.__jsx-style-dynamic-selector:nth-child(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;-webkit-transform:rotate(0deg) translate(146%);-ms-transform:rotate(0deg) translate(146%);transform:rotate(0deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(30deg) translate(146%);-ms-transform:rotate(30deg) translate(146%);transform:rotate(30deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(60deg) translate(146%);-ms-transform:rotate(60deg) translate(146%);transform:rotate(60deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(4){-webkit-animation-delay:-0.9s;animation-delay:-0.9s;-webkit-transform:rotate(90deg) translate(146%);-ms-transform:rotate(90deg) translate(146%);transform:rotate(90deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(5){-webkit-animation-delay:-0.8s;animation-delay:-0.8s;-webkit-transform:rotate(120deg) translate(146%);-ms-transform:rotate(120deg) translate(146%);transform:rotate(120deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(6){-webkit-animation-delay:-0.7s;animation-delay:-0.7s;-webkit-transform:rotate(150deg) translate(146%);-ms-transform:rotate(150deg) translate(146%);transform:rotate(150deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(7){-webkit-animation-delay:-0.6s;animation-delay:-0.6s;-webkit-transform:rotate(180deg) translate(146%);-ms-transform:rotate(180deg) translate(146%);transform:rotate(180deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(8){-webkit-animation-delay:-0.5s;animation-delay:-0.5s;-webkit-transform:rotate(210deg) translate(146%);-ms-transform:rotate(210deg) translate(146%);transform:rotate(210deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(9){-webkit-animation-delay:-0.4s;animation-delay:-0.4s;-webkit-transform:rotate(240deg) translate(146%);-ms-transform:rotate(240deg) translate(146%);transform:rotate(240deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(10){-webkit-animation-delay:-0.3s;animation-delay:-0.3s;-webkit-transform:rotate(270deg) translate(146%);-ms-transform:rotate(270deg) translate(146%);transform:rotate(270deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(11){-webkit-animation-delay:-0.2s;animation-delay:-0.2s;-webkit-transform:rotate(300deg) translate(146%);-ms-transform:rotate(300deg) translate(146%);transform:rotate(300deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(12){-webkit-animation-delay:-0.1s;animation-delay:-0.1s;-webkit-transform:rotate(330deg) translate(146%);-ms-transform:rotate(330deg) translate(146%);transform:rotate(330deg) translate(146%);}@-webkit-keyframes spinner-__jsx-style-dynamic-selector{0%{opacity:1;}100%{opacity:0.15;}}@keyframes spinner-__jsx-style-dynamic-selector{0%{opacity:1;}100%{opacity:0.15;}}")));
-  });
-};
-var SpinnerComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var classes = useClasses('spinner', className);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    role: "status"
-  }, props, {
-    className: _JSXStyle.dynamic([["104472362", [SCALES.width(1.25), SCALES.height(1.25), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["104472362", [SCALES.width(1.25), SCALES.height(1.25), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + "container"
-  }, getSpans(theme)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "104472362",
-    dynamic: [SCALES.width(1.25), SCALES.height(1.25), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
-  }, ".spinner.__jsx-style-dynamic-selector{display:block;box-sizing:border-box;width:".concat(SCALES.width(1.25), ";height:").concat(SCALES.height(1.25), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.container.__jsx-style-dynamic-selector{width:100%;height:100%;position:relative;left:50%;top:50%;}")));
-});
-SpinnerComponent.displayName = 'BolioUISpinner';
-var Spinner = withScale(SpinnerComponent);
-export default Spinner;

package/esm/Table/Table.js

@@ -1,112 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "data", "initialData", "hover", "emptyText", "onRow", "onCell", "onChange", "className", "rowClassName"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import TableHead from './TableHead';
-import TableBody from './TableBody';
-import useRealShape from '../utils/use-real-shape';
-import useResize from '../utils/use-resize';
-import { TableContext } from './TableContext';
-import useScale, { withScale } from '../use-scale';
-import TableColumn from './TableColumn';
-var defaultProps = {
-  hover: true,
-  initialData: [],
-  emptyText: '',
-  className: '',
-  rowClassName: function rowClassName() {
-    return '';
-  }
-};
-function TableComponent(tableProps, forwardedRef) {
-  /* eslint-disable  @typescript-eslint/no-unused-vars */
-  var children = tableProps.children,
-    customData = tableProps.data,
-    _tableProps$initialDa = tableProps.initialData,
-    initialData = _tableProps$initialDa === void 0 ? defaultProps.initialData : _tableProps$initialDa,
-    _tableProps$hover = tableProps.hover,
-    hover = _tableProps$hover === void 0 ? defaultProps.hover : _tableProps$hover,
-    _tableProps$emptyText = tableProps.emptyText,
-    emptyText = _tableProps$emptyText === void 0 ? defaultProps.emptyText : _tableProps$emptyText,
-    onRow = tableProps.onRow,
-    onCell = tableProps.onCell,
-    onChange = tableProps.onChange,
-    _tableProps$className = tableProps.className,
-    className = _tableProps$className === void 0 ? defaultProps.className : _tableProps$className,
-    _tableProps$rowClassN = tableProps.rowClassName,
-    rowClassName = _tableProps$rowClassN === void 0 ? defaultProps.rowClassName : _tableProps$rowClassN,
-    props = _objectWithoutProperties(tableProps, _excluded);
-  /* eslint-enable @typescript-eslint/no-unused-vars */
-
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var tableRef = useRef(null);
-  useImperativeHandle(forwardedRef, function () {
-    return tableRef.current;
-  });
-  var _useRealShape = useRealShape(tableRef),
-    _useRealShape2 = _slicedToArray(_useRealShape, 2),
-    width = _useRealShape2[0].width,
-    updateShape = _useRealShape2[1];
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    columns = _useState2[0],
-    setColumns = _useState2[1];
-  var _useState3 = useState(initialData),
-    _useState4 = _slicedToArray(_useState3, 2),
-    data = _useState4[0],
-    setData = _useState4[1];
-  var updateColumn = function updateColumn(column) {
-    setColumns(function (last) {
-      var hasColumn = last.find(function (item) {
-        return item.prop === column.prop;
-      });
-      if (!hasColumn) return [].concat(_toConsumableArray(last), [column]);
-      return last.map(function (item) {
-        if (item.prop !== column.prop) return item;
-        return column;
-      });
-    });
-  };
-  var contextValue = useMemo(function () {
-    return {
-      columns: columns,
-      updateColumn: updateColumn
-    };
-  }, [columns]);
-  useEffect(function () {
-    if (typeof customData === 'undefined') return;
-    setData(customData);
-  }, [customData]);
-  useResize(function () {
-    return updateShape();
-  });
-  return /*#__PURE__*/React.createElement(TableContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement("table", _extends({
-    ref: tableRef
-  }, props, {
-    className: _JSXStyle.dynamic([["2991182230", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
-  }), /*#__PURE__*/React.createElement(TableHead, {
-    columns: columns,
-    width: width
-  }), /*#__PURE__*/React.createElement(TableBody, {
-    data: data,
-    hover: hover,
-    emptyText: emptyText,
-    onRow: onRow,
-    onCell: onCell,
-    rowClassName: rowClassName
-  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2991182230",
-    dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
-  }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}"))));
-}
-TableComponent.displayName = 'BolioUITable';
-TableComponent.Column = TableColumn;
-var Table = withScale(/*#__PURE__*/React.forwardRef(TableComponent));
-Table.Column = TableColumn;
-export default Table;

package/esm/Table/TableBody.js

@@ -1,49 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import TableCell from './TableCell';
-import { useTableContext } from './TableContext';
-import useClasses from '../use-classes';
-var defaultProps = {
-  className: ''
-};
-var TableBody = function TableBody(_ref) {
-  var data = _ref.data,
-    hover = _ref.hover,
-    emptyText = _ref.emptyText,
-    onRow = _ref.onRow,
-    onCell = _ref.onCell,
-    rowClassName = _ref.rowClassName;
-  var theme = useTheme();
-  var _useTableContext = useTableContext(),
-    columns = _useTableContext.columns;
-  var rowClickHandler = function rowClickHandler(row, index) {
-    onRow && onRow(row, index);
-  };
-  return /*#__PURE__*/React.createElement("tbody", {
-    className: _JSXStyle.dynamic([["3433300570", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
-  }, data.map(function (row, index) {
-    var className = rowClassName(row, index);
-    return /*#__PURE__*/React.createElement("tr", {
-      key: "tbody-row-".concat(index),
-      onClick: function onClick() {
-        return rowClickHandler(row, index);
-      },
-      className: _JSXStyle.dynamic([["3433300570", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]]) + " " + (useClasses({
-        hover: hover
-      }, className) || "")
-    }, /*#__PURE__*/React.createElement(TableCell, {
-      columns: columns,
-      row: row,
-      rowIndex: index,
-      emptyText: emptyText,
-      onCellClick: onCell
-    }));
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3433300570",
-    dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
-  }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
-};
-TableBody.defaultProps = defaultProps;
-TableBody.displayName = 'BolioUITableBody';
-export default TableBody;

package/esm/Table/TableCell.js

@@ -1,25 +0,0 @@
-import React from 'react';
-var TableCell = function TableCell(_ref) {
-  var columns = _ref.columns,
-    row = _ref.row,
-    rowIndex = _ref.rowIndex,
-    emptyText = _ref.emptyText,
-    onCellClick = _ref.onCellClick;
-  /* eslint-disable react/jsx-no-useless-fragment */
-  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
-    var currentRowValue = row[column.prop];
-    var cellValue = currentRowValue || emptyText;
-    var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
-    return /*#__PURE__*/React.createElement("td", {
-      key: "row-td-".concat(index, "-").concat(String(column.prop)),
-      onClick: function onClick() {
-        return onCellClick && onCellClick(currentRowValue, rowIndex, index);
-      },
-      className: column.className
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "cell"
-    }, shouldBeRenderElement ? shouldBeRenderElement : cellValue));
-  }));
-  /* eslint-enable */
-};
-export default TableCell;

package/esm/Table/TableColumn.js

@@ -1,35 +0,0 @@
-import { useEffect } from 'react';
-import { useTableContext } from './TableContext';
-import useWarning from '../utils/use-warning';
-var defaultProps = {
-  className: '',
-  render: function render() {}
-};
-var TableColumn = function TableColumn(columnProps) {
-  var _ref = columnProps,
-    children = _ref.children,
-    prop = _ref.prop,
-    label = _ref.label,
-    width = _ref.width,
-    className = _ref.className,
-    renderHandler = _ref.render;
-  var _useTableContext = useTableContext(),
-    updateColumn = _useTableContext.updateColumn;
-  var safeProp = String(prop).trim();
-  if (!safeProp) {
-    useWarning('The props "prop" is required.', 'Table.Column');
-  }
-  useEffect(function () {
-    updateColumn({
-      label: children || label,
-      prop: safeProp,
-      width: width,
-      className: className,
-      renderHandler: renderHandler
-    });
-  }, [children, label, prop, width, className, renderHandler]);
-  return null;
-};
-TableColumn.defaultProps = defaultProps;
-TableColumn.displayName = 'BolioUITableColumn';
-export default TableColumn;

package/esm/Table/TableContext.js

@@ -1,9 +0,0 @@
-import React from 'react';
-var defaultContext = {
-  columns: [],
-  updateColumn: function updateColumn() {}
-};
-export var TableContext = /*#__PURE__*/React.createContext(defaultContext);
-export var useTableContext = function useTableContext() {
-  return React.useContext(TableContext);
-};

package/esm/Table/TableHead.js

@@ -1,55 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-var defaultProps = {
-  className: ''
-};
-var makeColgroup = function makeColgroup(width, columns) {
-  var unsetWidthCount = columns.filter(function (c) {
-    return !c.width;
-  }).length;
-  var customWidthTotal = columns.reduce(function (pre, current) {
-    return current.width ? pre + current.width : pre;
-  }, 0);
-  var averageWidth = (width - customWidthTotal) / unsetWidthCount;
-  if (averageWidth <= 0) return /*#__PURE__*/React.createElement("colgroup", null);
-  return /*#__PURE__*/React.createElement("colgroup", null, columns.map(function (column, index) {
-    return /*#__PURE__*/React.createElement("col", {
-      key: "colgroup-".concat(index),
-      width: column.width || averageWidth
-    });
-  }));
-};
-var TableHead = function TableHead(props) {
-  var theme = useTheme();
-  var _ref = props,
-    columns = _ref.columns,
-    width = _ref.width;
-  var isScalableWidth = useMemo(function () {
-    return columns.find(function (item) {
-      return !!item.width;
-    });
-  }, [columns]);
-  var colgroup = useMemo(function () {
-    if (!isScalableWidth) return /*#__PURE__*/React.createElement("colgroup", null);
-    return makeColgroup(width, columns);
-  }, [isScalableWidth, width]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, colgroup, /*#__PURE__*/React.createElement("thead", {
-    className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
-  }, /*#__PURE__*/React.createElement("tr", {
-    className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
-  }, columns.map(function (column, index) {
-    return /*#__PURE__*/React.createElement("th", {
-      key: "table-th-".concat(String(column.prop), "-").concat(index),
-      className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + "thead-box"
-    }, column.label));
-  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "134865897",
-    dynamic: [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
-  }, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:".concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
-};
-TableHead.defaultProps = defaultProps;
-TableHead.displayName = 'BolioUITableHead';
-export default TableHead;

package/esm/Table/TableTypes.js

@@ -1 +0,0 @@
-export {};