@uncinc/uncinc-react-kitchen-sink 2.6.3 → 2.6.4

package/dist/components/Layout/Container/index.js

@@ -8,19 +8,19 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./style.scss");
-var _excluded = ["className", "fluid", "small", "medium", "large"];
+var _excluded = ["children", "className", "fluid", "small", "medium", "large"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Container = function Container(_ref) {
-  var className = _ref.className,
-    fluid = _ref.fluid,
-    small = _ref.small,
-    medium = _ref.medium,
-    large = _ref.large,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var children = props.children;
+var Container = function Container(props) {
+  var children = props.children,
+    className = props.className,
+    fluid = props.fluid,
+    small = props.small,
+    medium = props.medium,
+    large = props.large,
+    restProps = _objectWithoutProperties(props, _excluded);
   var classes = (0, _classnames.default)('Container', className, {
     container: !fluid,
     'container--small': small,
@@ -30,17 +30,19 @@ var Container = function Container(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: classes
-  }, props), children);
+  }, restProps), children);
 };
 Container.defaultProps = {
   small: false,
   large: false,
-  fluid: false
+  fluid: false,
+  children: null
 };
 Container.propTypes = {
   small: _propTypes.default.bool,
   large: _propTypes.default.bool,
-  fluid: _propTypes.default.bool
+  fluid: _propTypes.default.bool,
+  children: _propTypes.default.node
 };
 var _default = Container;
 exports.default = _default;

package/dist/components/Layout/QuickLayout/Auto/index.d.ts

@@ -0,0 +1,14 @@
+export default QuickLayoutAuto;
+declare function QuickLayoutAuto({ children, min, gap, className }: {
+    children: any;
+    min: any;
+    gap: any;
+    className: any;
+}): React.JSX.Element;
+declare namespace QuickLayoutAuto {
+    namespace defaultProps {
+        let min: string;
+        let gap: string;
+    }
+}
+import React from 'react';

package/dist/components/Layout/QuickLayout/Center/index.d.ts

@@ -0,0 +1,6 @@
+export default QuickLayoutCentered;
+declare function QuickLayoutCentered({ children, className }: {
+    children: any;
+    className: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/Layout/QuickLayout/Clamp/index.d.ts

@@ -0,0 +1,16 @@
+export default QuickLayoutClamp;
+declare function QuickLayoutClamp({ children, min, value, max, className }: {
+    children: any;
+    min: any;
+    value: any;
+    max: any;
+    className: any;
+}): React.JSX.Element;
+declare namespace QuickLayoutClamp {
+    namespace defaultProps {
+        let min: string;
+        let value: string;
+        let max: string;
+    }
+}
+import React from 'react';

package/dist/components/Layout/QuickLayout/Sidebar/index.d.ts

@@ -0,0 +1,14 @@
+export default QuickLayoutSidebar;
+declare function QuickLayoutSidebar({ children, min, max, className }: {
+    children: any;
+    min: any;
+    max: any;
+    className: any;
+}): React.JSX.Element;
+declare namespace QuickLayoutSidebar {
+    namespace defaultProps {
+        let min: string;
+        let max: string;
+    }
+}
+import React from 'react';

package/dist/components/Layout/QuickLayout/SpaceBetween/index.d.ts

@@ -0,0 +1,14 @@
+export default QuickLayoutSpaceBetween;
+declare function QuickLayoutSpaceBetween({ children, gap, items, className }: {
+    children: any;
+    gap: any;
+    items: any;
+    className: any;
+}): React.JSX.Element;
+declare namespace QuickLayoutSpaceBetween {
+    namespace defaultProps {
+        let gap: string;
+        let items: string;
+    }
+}
+import React from 'react';

package/dist/components/Layout/QuickLayout/Stack/index.d.ts

@@ -0,0 +1,7 @@
+export default QuickLayoutStack;
+declare function QuickLayoutStack({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/Layout/QuickLayout/Wrap/index.d.ts

@@ -0,0 +1,14 @@
+export default QuickLayoutWrap;
+declare function QuickLayoutWrap({ children, min, stretched, className }: {
+    children: any;
+    min: any;
+    stretched: any;
+    className: any;
+}): React.JSX.Element;
+declare namespace QuickLayoutWrap {
+    namespace defaultProps {
+        let min: string;
+        let stretched: boolean;
+    }
+}
+import React from 'react';

package/dist/components/Layout/QuickLayout/index.d.ts

@@ -0,0 +1,12 @@
+export default QuickLayout;
+declare function QuickLayout({ type, children, ...props }: {
+    [x: string]: any;
+    type: any;
+    children: any;
+}): React.JSX.Element | "No type selected.";
+declare namespace QuickLayout {
+    namespace defaultProps {
+        let type: string;
+    }
+}
+import React from 'react';

package/dist/components/Lottie/LottieAnimation/index.d.ts

@@ -0,0 +1,3 @@
+export default LottieAnimation;
+declare const LottieAnimation: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/components/Lottie/LottieAnimationWithMousePosition.d.ts

@@ -0,0 +1,6 @@
+export default LottieAnimationWithMousePosition;
+declare function LottieAnimationWithMousePosition({ olaTime, ...props }: {
+    [x: string]: any;
+    olaTime: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/Lottie/index.d.ts

@@ -0,0 +1,3 @@
+export default Lottie;
+declare const Lottie: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/components/MagicLine/index.d.ts

@@ -0,0 +1,6 @@
+export default MagicLine;
+declare function MagicLine({ activeClassName, children }: {
+    activeClassName?: string | undefined;
+    children: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/MediaPlayer/index.js

@@ -69,8 +69,9 @@ var MediaPlayer = function MediaPlayer(_ref) {
         children: controls.map(controlMapped)
       };
     }
+    var controlKeys = Object.keys(videoJSControls);
     return {
-      children: Object.keys(videoJSControls).map(controlMapped)
+      children: controlKeys.map(controlMapped)
     };
   }, [controls]);
 
@@ -91,10 +92,10 @@ var MediaPlayer = function MediaPlayer(_ref) {
   };
   var options = _objectSpread(_objectSpread({}, defaultOptions), customOptions);
   var videoJS = (0, _reactHookVideojs.useVideoJS)(options);
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  var Video = videoJS.Video,
-    player = videoJS.player,
-    ready = videoJS.ready;
+  var _ref2 = videoJS,
+    Video = _ref2.Video,
+    player = _ref2.player,
+    ready = _ref2.ready;
 
   // Passing down the VideoJS events.
   (0, _react.useEffect)(function () {

package/dist/components/NavigationScroll/index.d.ts

@@ -0,0 +1,10 @@
+export default NavigationScroll;
+declare function NavigationScroll(props: any): React.JSX.Element;
+declare namespace NavigationScroll {
+    namespace propTypes {
+        let children: PropTypes.Validator<PropTypes.ReactElementLike>;
+    }
+    let defaultProps: {};
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,57 @@
+export function Pagination({ currentPage, totalPages, pageRangeDisplayed, marginPagesDisplayed, setCurrentPage, previousLabel, nextLabel, containerClassName, disabledClassName, activeClassName, breakClassName, showWhenOnePage, controlled, }: {
+    currentPage: any;
+    totalPages: any;
+    pageRangeDisplayed: any;
+    marginPagesDisplayed: any;
+    setCurrentPage: any;
+    previousLabel: any;
+    nextLabel: any;
+    containerClassName: any;
+    disabledClassName: any;
+    activeClassName: any;
+    breakClassName: any;
+    showWhenOnePage: any;
+    controlled: any;
+}): React.JSX.Element | null;
+export namespace Pagination {
+    namespace propTypes {
+        let currentPage: PropTypes.Validator<number>;
+        let totalPages: PropTypes.Validator<number>;
+        let pageRangeDisplayed: PropTypes.Requireable<number>;
+        let marginPagesDisplayed: PropTypes.Requireable<number>;
+        let setCurrentPage: PropTypes.Requireable<(...args: any[]) => any>;
+        let previousLabel: PropTypes.Requireable<string>;
+        let nextLabel: PropTypes.Requireable<string>;
+        let containerClassName: PropTypes.Requireable<string>;
+        let disabledClassName: PropTypes.Requireable<string>;
+        let activeClassName: PropTypes.Requireable<string>;
+        let showWhenOnePage: PropTypes.Requireable<boolean>;
+        let controlled: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let setCurrentPage_1: null;
+        export { setCurrentPage_1 as setCurrentPage };
+        let previousLabel_1: null;
+        export { previousLabel_1 as previousLabel };
+        let nextLabel_1: null;
+        export { nextLabel_1 as nextLabel };
+        let containerClassName_1: null;
+        export { containerClassName_1 as containerClassName };
+        let disabledClassName_1: null;
+        export { disabledClassName_1 as disabledClassName };
+        let activeClassName_1: null;
+        export { activeClassName_1 as activeClassName };
+        let pageRangeDisplayed_1: number;
+        export { pageRangeDisplayed_1 as pageRangeDisplayed };
+        let marginPagesDisplayed_1: number;
+        export { marginPagesDisplayed_1 as marginPagesDisplayed };
+        let showWhenOnePage_1: boolean;
+        export { showWhenOnePage_1 as showWhenOnePage };
+        let controlled_1: boolean;
+        export { controlled_1 as controlled };
+    }
+}
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/SearchKit/Facets/ChipFacet/index.d.ts

@@ -0,0 +1,8 @@
+export function ChipFacet({ facet }: {
+    facet: any;
+}): React.JSX.Element;
+export namespace ChipFacet {
+    let DISPLAY: string;
+}
+export default ChipFacet;
+import React from 'react';

package/dist/components/SearchKit/Facets/ListFacet/index.d.ts

@@ -0,0 +1,8 @@
+export function ListFacet({ facet }: {
+    facet: any;
+}): React.JSX.Element;
+export namespace ListFacet {
+    let DISPLAY: string;
+}
+export default ListFacet;
+import React from 'react';

package/dist/components/SearchKit/Facets/SelectFacet/index.d.ts

@@ -0,0 +1,8 @@
+export function SelectFacet({ facet }: {
+    facet: any;
+}): React.JSX.Element;
+export namespace SelectFacet {
+    let DISPLAY: string;
+}
+export default SelectFacet;
+import React from 'react';

package/dist/components/SearchKit/Query/index.d.ts

@@ -0,0 +1,7 @@
+export default Query;
+declare function Query({ query, useRouting, children }: {
+    query: any;
+    useRouting: any;
+    children: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/SearchFacets/index.d.ts

@@ -0,0 +1,14 @@
+export default SearchFacets;
+declare function SearchFacets({ data, loading, facets }: {
+    data: any;
+    loading: any;
+    facets: any;
+}): React.JSX.Element | null;
+declare namespace SearchFacets {
+    namespace defaultProps {
+        let data: null;
+        let loading: boolean;
+        let facets: never[];
+    }
+}
+import React from 'react';

package/dist/components/SearchKit/SearchField/index.d.ts

@@ -0,0 +1,16 @@
+export default SearchField;
+declare function SearchField({ timeout, autoSearch, buttonText, placeholder, }: {
+    timeout: any;
+    autoSearch?: boolean | undefined;
+    buttonText: any;
+    placeholder: any;
+}): React.JSX.Element;
+declare namespace SearchField {
+    namespace defaultProps {
+        let timeout: number;
+        let autoSearch: boolean;
+        let buttonText: string;
+        let placeholder: string;
+    }
+}
+import React from 'react';

package/dist/components/SearchKit/SearchLoadMore/index.d.ts

@@ -0,0 +1,7 @@
+export default SearchLoadMore;
+declare function SearchLoadMore({ data, label, className }: {
+    data: any;
+    label: any;
+    className: any;
+}): React.JSX.Element | null;
+import React from 'react';

package/dist/components/SearchKit/SearchPage/index.d.ts

@@ -0,0 +1,14 @@
+export function routeToStateFn(routeState: any): {
+    query: any;
+    sortBy: any;
+    filters: any;
+    page: {
+        size: number;
+        from: number;
+    };
+};
+declare const _default: {
+    (props: any): JSX.Element;
+    getInitialProps(pageCtx: any): Promise<any>;
+};
+export default _default;

package/dist/components/SearchKit/SearchPagination/index.d.ts

@@ -0,0 +1,5 @@
+export default SearchPagination;
+declare function SearchPagination({ data }: {
+    data: any;
+}): React.JSX.Element | null;
+import React from 'react';

package/dist/components/SearchKit/SearchReset/index.d.ts

@@ -0,0 +1,7 @@
+export default SearchReset;
+declare function SearchReset({ loading, children, ...props }: {
+    [x: string]: any;
+    loading: any;
+    children: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/SearchResults/index.d.ts

@@ -0,0 +1,33 @@
+export default SearchResults;
+declare function SearchResults({ data, renderItem, renderHeader, appendResults, scrollView }: {
+    data: any;
+    renderItem: any;
+    renderHeader: any;
+    appendResults?: boolean | undefined;
+    scrollView?: null | undefined;
+}): React.JSX.Element;
+declare namespace SearchResults {
+    namespace defaultProps {
+        export { SearchResultItemDefault as renderItem };
+        export { SearchResultHeaderDefault as renderHeader };
+        export let appendResults: boolean;
+        export let scrollView: null;
+    }
+    namespace propTypes {
+        export let data: PropTypes.Validator<object>;
+        export let renderItem: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        export let renderHeader: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let appendResults_1: PropTypes.Requireable<boolean>;
+        export { appendResults_1 as appendResults };
+        let scrollView_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        export { scrollView_1 as scrollView };
+    }
+}
+import React from 'react';
+declare function SearchResultItemDefault({ item }: {
+    item: any;
+}): React.JSX.Element;
+declare function SearchResultHeaderDefault({ data }: {
+    data: any;
+}): React.JSX.Element;
+import PropTypes from 'prop-types';

package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.d.ts

@@ -0,0 +1,5 @@
+export default CustomValueFilter;
+declare function CustomValueFilter({ filter }: {
+    filter: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.d.ts

@@ -0,0 +1,6 @@
+export default DateRangeFilter;
+declare function DateRangeFilter({ filter, loading }: {
+    filter: any;
+    loading: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.d.ts

@@ -0,0 +1,6 @@
+export default NumericRangeFilter;
+declare function NumericRangeFilter({ filter, loading }: {
+    filter: any;
+    loading: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.d.ts

@@ -0,0 +1,6 @@
+export default ValueFilter;
+declare function ValueFilter({ filter, loading }: {
+    filter: any;
+    loading: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/SearchSelectedFilters/index.d.ts

@@ -0,0 +1,6 @@
+export default SearchSelectedFilters;
+declare function SearchSelectedFilters({ data, loading }: {
+    data: any;
+    loading: any;
+}): React.JSX.Element | null;
+import React from 'react';

package/dist/components/SearchKit/SearchSorting/index.d.ts

@@ -0,0 +1,6 @@
+export default SearchSorting;
+declare function SearchSorting({ data, loading }: {
+    data: any;
+    loading: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/SearchKit/index.d.ts

@@ -0,0 +1,37 @@
+export default SearchKit;
+declare function SearchKit({ query, uri, pageSize, useRouting, defaultFilters, defaultQuery, children, defaultSorting }: {
+    query: any;
+    uri: any;
+    pageSize?: number | undefined;
+    useRouting?: boolean | undefined;
+    defaultFilters?: any[] | undefined;
+    defaultQuery?: string | undefined;
+    children: any;
+    defaultSorting?: string | undefined;
+}): React.JSX.Element;
+declare namespace SearchKit {
+    namespace propTypes {
+        let uri: PropTypes.Requireable<string>;
+        let pageSize: PropTypes.Requireable<number>;
+        let useRouting: PropTypes.Requireable<boolean>;
+        let defaultFilters: PropTypes.Requireable<object>;
+        let defaultQuery: PropTypes.Requireable<string>;
+        let defaultSorting: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        let uri_1: null;
+        export { uri_1 as uri };
+        let pageSize_1: number;
+        export { pageSize_1 as pageSize };
+        let useRouting_1: boolean;
+        export { useRouting_1 as useRouting };
+        let defaultFilters_1: never[];
+        export { defaultFilters_1 as defaultFilters };
+        let defaultQuery_1: string;
+        export { defaultQuery_1 as defaultQuery };
+        let defaultSorting_1: string;
+        export { defaultSorting_1 as defaultSorting };
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/Share/index.d.ts

@@ -0,0 +1,18 @@
+export default Share;
+declare function Share({ title, pageTitle, url, items, onClick }: {
+    title: any;
+    pageTitle: any;
+    url: any;
+    items: any;
+    onClick: any;
+}): React.JSX.Element;
+declare namespace Share {
+    namespace defaultProps {
+        let title: string;
+        let pageTitle: string;
+        let url: null;
+        let items: string[];
+        function onClick(): void;
+    }
+}
+import React from 'react';

package/dist/components/Sliders/SliderRelated/index.d.ts

@@ -0,0 +1,21 @@
+export default SliderRelated;
+declare function SliderRelated(props: any): React.JSX.Element;
+declare namespace SliderRelated {
+    namespace defaultProps {
+        let title: null;
+        let slidesToShow: number;
+        let infinite: boolean;
+        let centerMode: boolean;
+        let centerPadding: number;
+        let speed: number;
+        let autoplay: boolean;
+        let autoplaySpeed: number;
+        let pauseOnFocus: boolean;
+        let accessibility: boolean;
+        let touchMove: boolean;
+        let nextArrow: React.JSX.Element;
+        let prevArrow: React.JSX.Element;
+        let sliderRef: null;
+    }
+}
+import React from 'react';

package/dist/components/TableRender/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './style.scss';
+export interface TableRenderProps {
+    html: string;
+    mobileCards?: boolean;
+    mobileCardsBreakpoint?: number;
+    transposeOnMobile?: boolean;
+}
+declare const TableRender: React.FC<TableRenderProps>;
+export default TableRender;

package/dist/components/TableRender/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactHtmlParser = _interopRequireDefault(require("react-html-parser"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useWindowDimensions2 = _interopRequireDefault(require("../../hooks/useWindowDimensions"));
+var _constants = require("../../config/constants");
+require("./style.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var TableRender = function TableRender(_ref) {
+  var html = _ref.html,
+    _ref$mobileCards = _ref.mobileCards,
+    mobileCards = _ref$mobileCards === void 0 ? false : _ref$mobileCards,
+    _ref$mobileCardsBreak = _ref.mobileCardsBreakpoint,
+    mobileCardsBreakpoint = _ref$mobileCardsBreak === void 0 ? _constants.SCREEN_TABLET : _ref$mobileCardsBreak,
+    _ref$transposeOnMobil = _ref.transposeOnMobile,
+    transposeOnMobile = _ref$transposeOnMobil === void 0 ? false : _ref$transposeOnMobil;
+  var _useWindowDimensions = (0, _useWindowDimensions2.default)(),
+    width = _useWindowDimensions.width;
+  var isMobile = width < mobileCardsBreakpoint;
+  var tableRef = (0, _react.useRef)(null);
+  var table = (0, _reactHtmlParser.default)(html);
+  (0, _react.useEffect)(function () {
+    if (isMobile && mobileCards && tableRef.current) {
+      var headerArr = [];
+      tableRef.current.querySelectorAll('thead th').forEach(function (th) {
+        headerArr.push(th.innerHTML);
+      });
+      tableRef.current.querySelectorAll('tbody tr').forEach(function (tr) {
+        var count = 0;
+        tr.querySelectorAll('td').forEach(function (td) {
+          if (td.querySelector('p')) {
+            return;
+          }
+          var p = document.createElement('p');
+          p.classList.add('faux-th');
+          p.innerText = headerArr[count];
+          td.prepend(p);
+          count += 1;
+        });
+      });
+    } else {
+      var _tableRef$current;
+      (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.classList.add('hide-faux-th');
+    }
+  }, [width, isMobile, mobileCards, transposeOnMobile]);
+  var displayMobileCards = isMobile && mobileCards;
+  var tableClassNames = (0, _classnames.default)({
+    TableRender: !displayMobileCards,
+    'TableRender--cards-mobile': displayMobileCards,
+    'TableRender--transposedOnMobile': transposeOnMobile && !displayMobileCards
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: tableRef,
+    className: tableClassNames
+  }, table);
+};
+var _default = TableRender;
+exports.default = _default;