@instructure/ui-table 11.6.0 → 11.6.1-snapshot-129

package/es/Table/{Head → v1/Head}/index.js

@@ -26,11 +26,11 @@ var _dec, _class, _Head, _ScreenReaderContent;
 
 import { Component, Children } from 'react';
 import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
-import { SimpleSelect } from '@instructure/ui-simple-select';
+import { SimpleSelect } from '@instructure/ui-simple-select/v11_6';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconCheckLine } from '@instructure/ui-icons';
 import { warn } from '@instructure/console';
-import { withStyle } from '@instructure/emotion';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { allowedProps } from "./props.js";

package/es/Table/{Row → v1/Row}/index.js

@@ -25,8 +25,8 @@ var _dec, _class, _Row;
 
 import { Component, Children, isValidElement } from 'react';
 import { omitProps, safeCloneElement } from '@instructure/ui-react-utils';
-import { View } from '@instructure/ui-view';
-import { withStyle } from '@instructure/emotion';
+import { View } from '@instructure/ui-view/v11_6';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { allowedProps } from "./props.js";

package/es/Table/{RowHeader → v1/RowHeader}/index.js

@@ -25,8 +25,8 @@ var _dec, _class, _RowHeader;
 
 import { Component } from 'react';
 import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
-import { View } from '@instructure/ui-view';
-import { withStyle } from '@instructure/emotion';
+import { View } from '@instructure/ui-view/v11_6';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { allowedProps } from "./props.js";

package/es/Table/{index.js → v1/index.js}

@@ -26,9 +26,9 @@ var _dec, _class, _Table;
 
 import { Component, Children, isValidElement } from 'react';
 import { safeCloneElement, omitProps } from '@instructure/ui-react-utils';
-import { View } from '@instructure/ui-view';
+import { View } from '@instructure/ui-view/v11_6';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle } from '@instructure/emotion';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { Head } from "./Head/index.js";

package/es/Table/v2/Body/index.js

@@ -0,0 +1,73 @@
+var _dec, _class, _Body;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component, Children, isValidElement } from 'react';
+import { safeCloneElement, omitProps } from '@instructure/ui-react-utils';
+import { View } from '@instructure/ui-view/latest';
+import { withStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import { allowedProps } from "./props.js";
+import TableContext from "../TableContext.js";
+/**
+---
+parent: Table
+id: Table.Body
+---
+**/
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+let Body = (_dec = withStyle(generateStyle), _dec(_class = (_Body = class Body extends Component {
+  componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+  }
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+  }
+  render() {
+    const _this$props3 = this.props,
+      children = _this$props3.children,
+      styles = _this$props3.styles;
+    const isStacked = this.context.isStacked;
+    return _jsx(View, {
+      ...View.omitViewProps(omitProps(this.props, Body.allowedProps), Body),
+      as: isStacked ? 'div' : 'tbody',
+      css: styles === null || styles === void 0 ? void 0 : styles.body,
+      role: isStacked ? 'rowgroup' : void 0,
+      children: Children.map(children, child => {
+        if (/*#__PURE__*/isValidElement(child)) {
+          return safeCloneElement(child, {
+            key: child.props.name
+          });
+        }
+        return child;
+      })
+    });
+  }
+}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.defaultProps = {
+  children: null
+}, _Body)) || _class);
+export default Body;
+export { Body };

package/es/Table/v2/Body/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['children'];
+export { allowedProps };

package/es/Table/v2/Body/styles.js

@@ -0,0 +1,45 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = componentTheme => {
+  return {
+    body: {
+      label: 'body',
+      fontSize: componentTheme.fontSize,
+      fontFamily: componentTheme.fontFamily,
+      fontWeight: componentTheme.fontWeight,
+      color: componentTheme.color,
+      background: componentTheme.background
+    }
+  };
+};
+export default generateStyle;

package/es/Table/v2/Cell/index.js

@@ -0,0 +1,68 @@
+var _dec, _class, _Cell;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react';
+import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
+import { View } from '@instructure/ui-view/latest';
+import { withStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import { allowedProps } from "./props.js";
+import TableContext from "../TableContext.js";
+/**
+---
+parent: Table
+id: Table.Cell
+---
+**/
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+let Cell = (_dec = withStyle(generateStyle), _dec(_class = (_Cell = class Cell extends Component {
+  componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+  }
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+  }
+  render() {
+    const _this$props3 = this.props,
+      children = _this$props3.children,
+      styles = _this$props3.styles,
+      header = _this$props3.header;
+    const isStacked = this.context.isStacked;
+    return _jsxs(View, {
+      ...View.omitViewProps(omitProps(this.props, Cell.allowedProps), Cell),
+      as: isStacked ? 'div' : 'td',
+      css: styles === null || styles === void 0 ? void 0 : styles.cell,
+      role: isStacked ? 'cell' : void 0,
+      children: [header && callRenderProp(header), header && ': ', callRenderProp(children)]
+    });
+  }
+}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = TableContext, _Cell.allowedProps = allowedProps, _Cell.defaultProps = {
+  textAlign: 'start',
+  children: null
+}, _Cell)) || _class);
+export default Cell;
+export { Cell };

package/es/Table/v2/Cell/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['children', 'header', 'textAlign'];
+export { allowedProps };

package/es/Table/v2/Cell/styles.js

@@ -0,0 +1,54 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, props) => {
+  const textAlign = props.textAlign;
+  return {
+    cell: {
+      label: 'cell',
+      fontSize: componentTheme.fontSize,
+      fontFamily: componentTheme.fontFamily,
+      fontWeight: componentTheme.fontWeight,
+      color: componentTheme.color,
+      background: componentTheme.background,
+      boxSizing: 'border-box',
+      verticalAlign: 'middle',
+      lineHeight: componentTheme.lineHeight,
+      padding: `${componentTheme.paddingVertical} ${componentTheme.paddingHorizontal}`,
+      ...(textAlign && {
+        textAlign
+      })
+    }
+  };
+};
+export default generateStyle;

package/es/Table/v2/ColHeader/index.js

@@ -0,0 +1,117 @@
+var _dec, _class, _ColHeader, _ChevronUpInstUIIcon, _ChevronDownInstUIIco, _ChevronsUpDownInstUI;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react';
+import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
+import { withStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import { allowedProps } from "./props.js";
+import { ChevronsUpDownInstUIIcon, ChevronUpInstUIIcon, ChevronDownInstUIIcon } from '@instructure/ui-icons';
+
+/**
+---
+parent: Table
+id: Table.ColHeader
+---
+**/
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+let ColHeader = (_dec = withStyle(generateStyle), _dec(_class = (_ColHeader = class ColHeader extends Component {
+  constructor(...args) {
+    super(...args);
+    this.handleClick = event => {
+      const _this$props = this.props,
+        id = _this$props.id,
+        onRequestSort = _this$props.onRequestSort;
+      onRequestSort && onRequestSort(event, {
+        id
+      });
+    };
+  }
+  componentDidMount() {
+    var _this$props$makeStyle, _this$props2;
+    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+  }
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props3;
+    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+  }
+  renderSortArrow() {
+    const _this$props4 = this.props,
+      sortDirection = _this$props4.sortDirection,
+      onRequestSort = _this$props4.onRequestSort;
+    if (sortDirection === 'ascending') {
+      return _ChevronUpInstUIIcon || (_ChevronUpInstUIIcon = _jsx(ChevronUpInstUIIcon, {
+        color: "infoColor",
+        size: "sm"
+      }));
+    }
+    if (sortDirection === 'descending') {
+      return _ChevronDownInstUIIco || (_ChevronDownInstUIIco = _jsx(ChevronDownInstUIIcon, {
+        color: "infoColor",
+        size: "sm"
+      }));
+    }
+    if (onRequestSort) {
+      return _ChevronsUpDownInstUI || (_ChevronsUpDownInstUI = _jsx(ChevronsUpDownInstUIIcon, {
+        color: "baseColor",
+        size: "sm"
+      }));
+    }
+    return void 0;
+  }
+  render() {
+    const _this$props5 = this.props,
+      onRequestSort = _this$props5.onRequestSort,
+      width = _this$props5.width,
+      children = _this$props5.children,
+      sortDirection = _this$props5.sortDirection,
+      scope = _this$props5.scope,
+      styles = _this$props5.styles;
+    return _jsxs("th", {
+      ...omitProps(this.props, ColHeader.allowedProps),
+      css: styles === null || styles === void 0 ? void 0 : styles.colHeader,
+      style: {
+        width
+      },
+      scope: scope,
+      "aria-sort": sortDirection,
+      children: [onRequestSort && _jsx("button", {
+        onClick: this.handleClick,
+        css: styles === null || styles === void 0 ? void 0 : styles.button,
+        children: _jsxs("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.buttonContent,
+          children: [callRenderProp(children), this.renderSortArrow()]
+        })
+      }), !onRequestSort && children, !onRequestSort && this.renderSortArrow()]
+    });
+  }
+}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = allowedProps, _ColHeader.defaultProps = {
+  textAlign: 'start',
+  sortDirection: 'none',
+  children: null,
+  scope: 'col'
+}, _ColHeader)) || _class);
+export default ColHeader;
+export { ColHeader };

package/es/Table/v2/ColHeader/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+export { allowedProps };

package/es/Table/v2/ColHeader/styles.js

@@ -0,0 +1,93 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} sharedTokens Shared token object that stores common values for the theme.
+ * @return {Object} The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, props, sharedTokens) => {
+  const onRequestSort = props.onRequestSort,
+    textAlign = props.textAlign;
+  const headerStyle = {
+    color: componentTheme.color,
+    fontSize: componentTheme.fontSize,
+    fontFamily: componentTheme.fontFamily,
+    fontWeight: 'bold',
+    lineHeight: componentTheme.lineHeight,
+    padding: `${componentTheme.paddingVertical} ${componentTheme.paddingHorizontal}`
+  };
+  const buttonTextAlignVariants = {
+    start: {
+      flexDirection: 'row'
+    },
+    center: {
+      justifyContent: 'center'
+    },
+    end: {
+      flexDirection: 'row-reverse'
+    }
+  };
+  return {
+    colHeader: {
+      label: 'colHeader',
+      background: componentTheme.background,
+      verticalAlign: 'middle',
+      boxSizing: 'border-box',
+      ...(!onRequestSort && headerStyle),
+      textAlign: textAlign
+    },
+    button: {
+      label: 'colHeader__button',
+      ...headerStyle,
+      display: 'flex',
+      alignItems: 'center',
+      boxSizing: 'border-box',
+      border: 'none',
+      width: '100%',
+      height: '100%',
+      background: 'transparent',
+      cursor: 'pointer',
+      outline: 'none',
+      '&::-moz-focus-inner': {
+        border: 0
+      },
+      '&:focus': {
+        outline: `${sharedTokens.focusOutline.width} ${sharedTokens.focusOutline.style} ${sharedTokens.focusOutline.infoColor}`
+      },
+      ...(textAlign && buttonTextAlignVariants[textAlign])
+    },
+    buttonContent: {
+      label: 'colHeader__buttonContent',
+      display: 'flex',
+      alignItems: 'center'
+    }
+  };
+};
+export default generateStyle;