@economic/taco 0.0.1-alpha.6 → 0.0.4-alpha.0

package/dist/esm/src/components/Select/useSelect.js

@@ -1,175 +0,0 @@
-import { extends as _extends, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { useMemo, useState, useEffect, createElement, Fragment, cloneElement } from 'react';
-import cn from 'classnames';
-import { v4 } from 'uuid';
-import { useLocalization } from '../Provider/Provider.js';
-import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
-import { usePopoverState } from 'reakit/Popover';
-import keycode from 'keycode';
-import { useFlattenedData, findByValue, setInputValueByRef } from '../Listbox/util.js';
-
-var _excluded = ["aria-label", "aria-labelledby", "data", "disabled", "emptyValue", "id", "multiselect", "onClick", "readOnly", "showSelectedIcon", "value"];
-var useSelect = function useSelect(_ref, ref) {
-  var ariaLabel = _ref['aria-label'],
-      ariaLabelledBy = _ref['aria-labelledby'],
-      _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      disabled = _ref.disabled,
-      emptyValue = _ref.emptyValue,
-      nativeId = _ref.id,
-      multiselect = _ref.multiselect,
-      onClick = _ref.onClick,
-      readOnly = _ref.readOnly,
-      _ref$showSelectedIcon = _ref.showSelectedIcon,
-      showSelectedIcon = _ref$showSelectedIcon === void 0 ? false : _ref$showSelectedIcon,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? emptyValue : _ref$value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var _useLocalization = useLocalization(),
-      texts = _useLocalization.texts;
-
-  var searchData = useFlattenedData(data);
-  var inputRef = useProxiedRef(ref);
-  var popover = usePopoverState({
-    gutter: 4,
-    placement: 'bottom-start'
-  });
-  var id = useMemo(function () {
-    return nativeId || "select_" + v4();
-  }, [nativeId]);
-  var buttonId = id + "-button"; // support 'escape' resetting to the value that was set when the listbox opened
-
-  var _React$useState = useState(value),
-      lastValue = _React$useState[0],
-      setLastValue = _React$useState[1];
-
-  useEffect(function () {
-    setLastValue(value);
-  }, [popover.visible]); // event handlers
-
-  var handleButtonClick = function handleButtonClick(event) {
-    popover.toggle();
-
-    if (onClick) {
-      event.persist();
-      onClick(event);
-    }
-  };
-
-  var handleButtonKeyDown = function handleButtonKeyDown(event) {
-    if (event.keyCode === keycode('up') || event.keyCode === keycode('down')) {
-      event.preventDefault();
-      popover.toggle();
-    }
-  };
-
-  var handleListboxKeyDown = function handleListboxKeyDown(event) {
-    switch (event.keyCode) {
-      case keycode('escape'):
-        {
-          event.preventDefault();
-
-          if (lastValue !== undefined) {
-            setInputValueByRef(inputRef.current, lastValue);
-          }
-
-          popover.hide();
-          break;
-        }
-
-      case keycode('tab'):
-      case keycode('enter'):
-        {
-          if (event.keyCode !== keycode('tab')) {
-            event.preventDefault();
-          }
-
-          popover.hide();
-          break;
-        }
-    }
-
-    if (otherProps.onKeyDown) {
-      otherProps.onKeyDown(event);
-    }
-  };
-
-  var handleListboxClick = function handleListboxClick(event) {
-    event.preventDefault();
-
-    if (!multiselect) {
-      popover.hide();
-    }
-  };
-
-  var text = '';
-  var more = 0;
-
-  if (value !== undefined) {
-    if (multiselect) {
-      var selectedValues = (value === null || value === void 0 ? void 0 : value.toString().split(',')) || [];
-
-      if (selectedValues.length === searchData.filter(function (item) {
-        return !item.disabled;
-      }).length) {
-        text = texts.select.allOptionsSelected;
-      } else {
-        var _findByValue$text, _findByValue;
-
-        text = (_findByValue$text = (_findByValue = findByValue(searchData, selectedValues[0])) === null || _findByValue === void 0 ? void 0 : _findByValue.text) !== null && _findByValue$text !== void 0 ? _findByValue$text : '';
-        more = selectedValues.length > 1 ? selectedValues.length - 1 : 0;
-      }
-    } else {
-      var item = findByValue(searchData, value);
-
-      if (item) {
-        text = showSelectedIcon && item.icon ? createElement(Fragment, null, cloneElement(item.icon, {
-          className: cn(item.icon.props.className, 'mr-1')
-        }), item.text) : item.text;
-      }
-    }
-  }
-
-  var button = {
-    'aria-expanded': popover.visible,
-    'aria-haspopup': 'listbox',
-    'aria-label': ariaLabel ? ariaLabel + " " + text : undefined,
-    'aria-labelledby': ariaLabelledBy ? ariaLabelledBy + " " + buttonId : undefined,
-    disabled: disabled,
-    id: buttonId,
-    onClick: !disabled && !readOnly ? handleButtonClick : undefined,
-    onKeyDown: !disabled && !readOnly ? handleButtonKeyDown : undefined,
-    type: 'button'
-  };
-
-  var listbox = _extends({}, otherProps, {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    data: data,
-    disabled: disabled,
-    emptyValue: emptyValue,
-    onClick: handleListboxClick,
-    onKeyDown: handleListboxKeyDown,
-    ref: inputRef,
-    value: value,
-    multiselect: multiselect
-  });
-
-  return {
-    button: button,
-    listbox: listbox,
-    popover: _extends({}, popover, {
-      container: {
-        tabIndex: -1,
-        'aria-label': ariaLabel,
-        'aria-labelledby': ariaLabelledBy
-      }
-    }),
-    text: text,
-    more: more
-  };
-};
-
-export { useSelect };
-//# sourceMappingURL=useSelect.js.map

package/dist/esm/src/components/Select/useSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelect.js","sources":["../../../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport keycode from 'keycode';\nimport cn from 'classnames';\nimport { v4 as uuid } from 'uuid';\nimport { useLocalization } from '../Provider/Provider';\nimport { SelectProps } from './Select';\nimport { ListboxProps } from '../Listbox/Listbox';\nimport { usePopoverState, PopoverStateReturn, PopoverHTMLProps } from 'reakit/Popover';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { setInputValueByRef, findByValue, useFlattenedData } from '../Listbox/util';\nimport { ScrollableListItemValue } from '../Listbox/ScrollableList';\n\ntype useSelect = React.HtmlHTMLAttributes<HTMLDivElement> & {\n    button: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    listbox: ListboxProps;\n    popover: PopoverStateReturn & { container: PopoverHTMLProps };\n    text: string | JSX.Element;\n    more?: number;\n};\n\nexport const useSelect = (\n    {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data = [],\n        disabled,\n        emptyValue,\n        id: nativeId,\n        multiselect,\n        onClick,\n        readOnly,\n        showSelectedIcon = false,\n        value = emptyValue,\n        ...otherProps\n    }: SelectProps,\n    ref: React.Ref<HTMLInputElement>\n): useSelect => {\n    const { texts } = useLocalization();\n    const searchData = useFlattenedData(data);\n    const inputRef = useProxiedRef<HTMLInputElement>(ref);\n    const popover = usePopoverState({ gutter: 4, placement: 'bottom-start' });\n    const id = React.useMemo(() => nativeId || `select_${uuid()}`, [nativeId]);\n    const buttonId = `${id}-button`;\n    // support 'escape' resetting to the value that was set when the listbox opened\n    const [lastValue, setLastValue] = React.useState<ScrollableListItemValue | undefined>(value);\n\n    React.useEffect(() => {\n        setLastValue(value);\n    }, [popover.visible]);\n\n    // event handlers\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n        popover.toggle();\n\n        if (onClick) {\n            event.persist();\n            onClick(event);\n        }\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>): void => {\n        if (event.keyCode === keycode('up') || event.keyCode === keycode('down')) {\n            event.preventDefault();\n            popover.toggle();\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        switch (event.keyCode) {\n            case keycode('escape'): {\n                event.preventDefault();\n                if (lastValue !== undefined) {\n                    setInputValueByRef(inputRef.current, lastValue);\n                }\n\n                popover.hide();\n                break;\n            }\n\n            case keycode('tab'):\n            case keycode('enter'): {\n                if (event.keyCode !== keycode('tab')) {\n                    event.preventDefault();\n                }\n                popover.hide();\n                break;\n            }\n\n            default:\n        }\n\n        if (otherProps.onKeyDown) {\n            otherProps.onKeyDown(event);\n        }\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        event.preventDefault();\n        if (!multiselect) {\n            popover.hide();\n        }\n    };\n\n    let text: string | JSX.Element = '';\n    let more = 0;\n\n    if (value !== undefined) {\n        if (multiselect) {\n            const selectedValues = value?.toString().split(',') || [];\n\n            if (selectedValues.length === searchData.filter(item => !item.disabled).length) {\n                text = texts.select.allOptionsSelected;\n            } else {\n                text = findByValue(searchData, selectedValues[0])?.text ?? '';\n                more = selectedValues.length > 1 ? selectedValues.length - 1 : 0;\n            }\n        } else {\n            const item = findByValue(searchData, value);\n\n            if (item) {\n                text =\n                    showSelectedIcon && item.icon ? (\n                        <>\n                            {React.cloneElement(item.icon, {\n                                className: cn(item.icon.props.className, 'mr-1'),\n                            })}\n                            {item.text}\n                        </>\n                    ) : (\n                        item.text\n                    );\n            }\n        }\n    }\n\n    const button: React.ButtonHTMLAttributes<HTMLButtonElement> = {\n        'aria-expanded': popover.visible,\n        'aria-haspopup': 'listbox' as const,\n        'aria-label': ariaLabel ? `${ariaLabel} ${text}` : undefined,\n        'aria-labelledby': ariaLabelledBy ? `${ariaLabelledBy} ${buttonId}` : undefined,\n        disabled,\n        id: buttonId,\n        onClick: !disabled && !readOnly ? handleButtonClick : undefined,\n        onKeyDown: !disabled && !readOnly ? handleButtonKeyDown : undefined,\n        type: 'button',\n    };\n\n    const listbox = {\n        ...otherProps,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        emptyValue,\n        onClick: handleListboxClick,\n        onKeyDown: handleListboxKeyDown,\n        ref: inputRef,\n        value,\n        multiselect,\n    };\n\n    return {\n        button,\n        listbox,\n        popover: {\n            ...popover,\n            container: {\n                tabIndex: -1,\n                'aria-label': ariaLabel,\n                'aria-labelledby': ariaLabelledBy,\n            },\n        },\n        text,\n        more,\n    };\n};\n"],"names":["useSelect","ref","ariaLabel","ariaLabelledBy","data","disabled","emptyValue","nativeId","id","multiselect","onClick","readOnly","showSelectedIcon","value","otherProps","useLocalization","texts","searchData","useFlattenedData","inputRef","useProxiedRef","popover","usePopoverState","gutter","placement","React","uuid","buttonId","lastValue","setLastValue","visible","handleButtonClick","event","toggle","persist","handleButtonKeyDown","keyCode","keycode","preventDefault","handleListboxKeyDown","undefined","setInputValueByRef","current","hide","onKeyDown","handleListboxClick","text","more","selectedValues","toString","split","length","filter","item","select","allOptionsSelected","findByValue","icon","className","cn","props","button","type","listbox","container","tabIndex"],"mappings":"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"}

package/dist/esm/src/components/Spinner/Spinner.js

@@ -1,55 +0,0 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import cn from 'classnames';
-
-var _excluded = ["delay", "label"];
-var Spinner = /*#__PURE__*/React__default.forwardRef(function Spinner(props, ref) {
-  var _props$delay = props.delay,
-      delay = _props$delay === void 0 ? 500 : _props$delay,
-      label = props.label,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var _React$useState = React__default.useState(!delay),
-      visible = _React$useState[0],
-      setVisibility = _React$useState[1];
-
-  React__default.useEffect(function () {
-    var timeout;
-
-    if (delay) {
-      timeout = window.setTimeout(function () {
-        return setVisibility(true);
-      }, delay);
-    }
-
-    return function () {
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-    };
-  }, [delay]);
-
-  if (!visible) {
-    return null;
-  }
-
-  var className = cn('inline-flex flex-col relative items-center', otherProps.className);
-  return React__default.createElement("div", Object.assign({}, otherProps, {
-    className: className,
-    "data-taco": "spinner",
-    ref: ref
-  }), React__default.createElement("svg", {
-    className: "h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]",
-    viewBox: "0 0 100 100",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React__default.createElement("circle", {
-    cx: "50",
-    cy: "50",
-    r: "45"
-  })), label && React__default.createElement("span", {
-    className: "mt-4"
-  }, label));
-});
-
-export { Spinner };
-//# sourceMappingURL=Spinner.js.map

package/dist/esm/src/components/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Define a delay in milliseconds after which the spinner is shown.\n     * Default value is `500`ms\n     */\n    delay?: number;\n    /** Define a text that will be displayed below spinner */\n    label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n    const { delay = 500, label, ...otherProps } = props;\n    const [visible, setVisibility] = React.useState(!delay);\n\n    React.useEffect(() => {\n        let timeout: number;\n\n        if (delay) {\n            timeout = window.setTimeout(() => setVisibility(true), delay);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n        };\n    }, [delay]);\n\n    if (!visible) {\n        return null;\n    }\n\n    const className = cn('inline-flex flex-col relative items-center', otherProps.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n            <svg\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n            </svg>\n            {label && <span className=\"mt-4\">{label}</span>}\n        </div>\n    );\n});\n"],"names":["Spinner","React","forwardRef","props","ref","delay","label","otherProps","useState","visible","setVisibility","useEffect","timeout","window","setTimeout","clearTimeout","className","cn","viewBox","xmlns","cx","cy","r"],"mappings":";;;;;IAcaA,OAAO,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,OAAT,CAAiBG,KAAjB,EAAsCC,GAAtC;AACpC,qBAA8CD,KAA9C,CAAQE,KAAR;AAAA,MAAQA,KAAR,6BAAgB,GAAhB;AAAA,MAAqBC,KAArB,GAA8CH,KAA9C,CAAqBG,KAArB;AAAA,MAA+BC,UAA/B,iCAA8CJ,KAA9C;;AACA,wBAAiCF,cAAK,CAACO,QAAN,CAAe,CAACH,KAAhB,CAAjC;AAAA,MAAOI,OAAP;AAAA,MAAgBC,aAAhB;;AAEAT,EAAAA,cAAK,CAACU,SAAN,CAAgB;AACZ,QAAIC,OAAJ;;AAEA,QAAIP,KAAJ,EAAW;AACPO,MAAAA,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB;AAAA,eAAMJ,aAAa,CAAC,IAAD,CAAnB;AAAA,OAAlB,EAA6CL,KAA7C,CAAV;AACH;;AAED,WAAO;AACH,UAAIO,OAAJ,EAAa;AACTG,QAAAA,YAAY,CAACH,OAAD,CAAZ;AACH;AACJ,KAJD;AAKH,GAZD,EAYG,CAACP,KAAD,CAZH;;AAcA,MAAI,CAACI,OAAL,EAAc;AACV,WAAO,IAAP;AACH;;AAED,MAAMO,SAAS,GAAGC,EAAE,CAAC,4CAAD,EAA+CV,UAAU,CAACS,SAA1D,CAApB;AAEA,SACIf,4BAAA,MAAA,oBAASM;AAAYS,IAAAA,SAAS,EAAEA;iBAAqB;AAAUZ,IAAAA,GAAG,EAAEA;IAApE,EACIH,4BAAA,MAAA;AACIe,IAAAA,SAAS,EAAC;AACVE,IAAAA,OAAO,EAAC;AACRC,IAAAA,KAAK,EAAC;GAHV,EAKIlB,4BAAA,SAAA;AAAQmB,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,CAAC,EAAC;GAA1B,CALJ,CADJ,EAQKhB,KAAK,IAAIL,4BAAA,OAAA;AAAMe,IAAAA,SAAS,EAAC;GAAhB,EAAwBV,KAAxB,CARd,CADJ;AAYH,CApCsB;;;;"}

package/dist/esm/src/components/Switch/Switch.js

@@ -1,38 +0,0 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { Root, Thumb } from '@radix-ui/react-switch';
-
-var _excluded = ["label", "onChange"];
-var Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
-  var label = props.label,
-      onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var className = cn('group h-6 w-10 flex rounded-full inline-flex', {
-    'mr-2': !!label,
-    'bg-grey-darker aria-checked:bg-blue focus:yt-focus': !props.disabled,
-    'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled
-  }, props.className);
-  var element = createElement(Root, Object.assign({}, otherProps, {
-    className: className,
-    onCheckedChange: onChange,
-    ref: ref
-  }), createElement(Thumb, {
-    className: "'will-change-transform transition-transform translate-x-1 group-aria-checked:translate-x-5 h-4 w-4 mt-1 bg-white rounded-full"
-  }));
-
-  if (label) {
-    var labelClassName = cn('flex items-center cursor-pointer', {
-      'cursor-not-allowed text-grey-dark': props.disabled
-    });
-    return createElement("label", {
-      className: labelClassName
-    }, element, label);
-  }
-
-  return element;
-});
-
-export { Switch };
-//# sourceMappingURL=Switch.js.map

package/dist/esm/src/components/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\n\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\n    /** Label for the switch */\n    label?: React.ReactNode;\n    /* Whether user input is required */\n    required?: boolean;\n};\n\ninterface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\ninterface ControlledSwitchProps extends SwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\n    const { label, onChange, ...otherProps } = props;\n\n    const className = cn(\n        'group h-6 w-10 flex rounded-full inline-flex',\n        {\n            'mr-2': !!label,\n            'bg-grey-darker aria-checked:bg-blue focus:yt-focus': !props.disabled,\n            'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled,\n        },\n        props.className\n    );\n\n    const element = (\n        <PrimitiveSwitch.Root {...otherProps} className={className} onCheckedChange={onChange} ref={ref}>\n            <PrimitiveSwitch.Thumb className=\"'will-change-transform transition-transform translate-x-1 group-aria-checked:translate-x-5 h-4 w-4 mt-1 bg-white rounded-full\" />\n        </PrimitiveSwitch.Root>\n    );\n\n    if (label) {\n        const labelClassName = cn('flex items-center cursor-pointer', {\n            'cursor-not-allowed text-grey-dark': props.disabled,\n        });\n\n        return (\n            <label className={labelClassName}>\n                {element}\n                {label}\n            </label>\n        );\n    }\n\n    return element;\n});\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","className","cn","disabled","element","PrimitiveSwitch","onCheckedChange","labelClassName"],"mappings":";;;;;;IA4BaA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;AACnC,MAAQC,KAAR,GAA2CF,KAA3C,CAAQE,KAAR;AAAA,MAAeC,QAAf,GAA2CH,KAA3C,CAAeG,QAAf;AAAA,MAA4BC,UAA5B,iCAA2CJ,KAA3C;;AAEA,MAAMK,SAAS,GAAGC,EAAE,CAChB,8CADgB,EAEhB;AACI,YAAQ,CAAC,CAACJ,KADd;AAEI,0DAAsD,CAACF,KAAK,CAACO,QAFjE;AAGI,mEAA+DP,KAAK,CAACO;AAHzE,GAFgB,EAOhBP,KAAK,CAACK,SAPU,CAApB;AAUA,MAAMG,OAAO,GACTT,aAAA,CAACU,IAAD,oBAA0BL;AAAYC,IAAAA,SAAS,EAAEA;AAAWK,IAAAA,eAAe,EAAEP;AAAUF,IAAAA,GAAG,EAAEA;IAA5F,EACIF,aAAA,CAACU,KAAD;AAAuBJ,IAAAA,SAAS,EAAC;GAAjC,CADJ,CADJ;;AAMA,MAAIH,KAAJ,EAAW;AACP,QAAMS,cAAc,GAAGL,EAAE,CAAC,kCAAD,EAAqC;AAC1D,2CAAqCN,KAAK,CAACO;AADe,KAArC,CAAzB;AAIA,WACIR,aAAA,QAAA;AAAOM,MAAAA,SAAS,EAAEM;KAAlB,EACKH,OADL,EAEKN,KAFL,CADJ;AAMH;;AAED,SAAOM,OAAP;AACH,CAjCqB;;;;"}

package/dist/esm/src/components/Table/components/BaseTable.js

@@ -1,55 +0,0 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import cn from 'classnames';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-import { Column } from '../util/renderColumn.js';
-
-var _excluded = ["autoFocus", "children", "disableSorting", "headerGroups", "headerRef", "bodyRef"];
-var DefaultEmptyState = function DefaultEmptyState() {
-  return null;
-};
-var BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props, ref) {
-  var tableRef = useProxiedRef(ref);
-
-  var autoFocus = props.autoFocus,
-      children = props.children,
-      headerGroups = props.headerGroups,
-      headerRef = props.headerRef,
-      bodyRef = props.bodyRef,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  React__default.useEffect(function () {
-    if (autoFocus && tableRef.current) {
-      tableRef.current.focus();
-    }
-  }, []);
-  var className = cn('yt-table', props.className);
-  return React__default.createElement("div", Object.assign({}, otherProps, {
-    role: "table",
-    className: className,
-    ref: tableRef
-  }), React__default.createElement("div", {
-    role: "rowgroup",
-    className: "yt-table__head",
-    ref: headerRef
-  }, headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(function (headerGroup, index) {
-    return React__default.createElement("div", {
-      key: index,
-      role: "row",
-      className: "yt-table__row"
-    }, headerGroup.headers.map(function (cell, index) {
-      return React__default.createElement(Column, {
-        key: index,
-        index: index,
-        cell: cell
-      });
-    }));
-  })), React__default.createElement("div", {
-    role: "rowgroup",
-    className: "yt-table__body",
-    ref: bodyRef
-  }, children));
-});
-
-export { BaseTable, DefaultEmptyState };
-//# sourceMappingURL=BaseTable.js.map

package/dist/esm/src/components/Table/components/BaseTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { HeaderGroup } from 'react-table';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { InternalBaseTable } from '../types';\nimport './Table.css';\nimport { Column } from '../util/renderColumn';\n\nexport const DefaultEmptyState = (): React.ReactNode => null;\n\nexport const BaseTable = React.forwardRef(function BaseTable(props: InternalBaseTable, ref: React.Ref<HTMLDivElement>) {\n    const tableRef = useProxiedRef<HTMLDivElement>(ref);\n    const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;\n\n    React.useEffect(() => {\n        if (autoFocus && tableRef.current) {\n            tableRef.current.focus();\n        }\n    }, []);\n\n    const className = cn('yt-table', props.className);\n\n    return (\n        <div {...otherProps} role=\"table\" className={className} ref={tableRef}>\n            <div role=\"rowgroup\" className=\"yt-table__head\" ref={headerRef}>\n                {headerGroups?.map((headerGroup: HeaderGroup<object>, index: number) => (\n                    <div key={index} role=\"row\" className=\"yt-table__row\">\n                        {headerGroup.headers.map((cell: any, index: number) => (\n                            <Column key={index} index={index} cell={cell} />\n                        ))}\n                    </div>\n                ))}\n            </div>\n\n            <div role=\"rowgroup\" className=\"yt-table__body\" ref={bodyRef}>\n                {children}\n            </div>\n        </div>\n    );\n});\n"],"names":["DefaultEmptyState","BaseTable","React","forwardRef","props","ref","tableRef","useProxiedRef","autoFocus","children","headerGroups","headerRef","bodyRef","otherProps","useEffect","current","focus","className","cn","role","map","headerGroup","index","key","headers","cell","Column"],"mappings":";;;;;;;IAQaA,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAuB,IAAvB;AAAA;IAEpBC,SAAS,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,SAAT,CAAmBG,KAAnB,EAA6CC,GAA7C;AACtC,MAAMC,QAAQ,GAAGC,aAAa,CAAiBF,GAAjB,CAA9B;;AACA,MAAQG,SAAR,GAAoGJ,KAApG,CAAQI,SAAR;AAAA,MAAmBC,QAAnB,GAAoGL,KAApG,CAAmBK,QAAnB;AAAA,MAAgDC,YAAhD,GAAoGN,KAApG,CAAgDM,YAAhD;AAAA,MAA8DC,SAA9D,GAAoGP,KAApG,CAA8DO,SAA9D;AAAA,MAAyEC,OAAzE,GAAoGR,KAApG,CAAyEQ,OAAzE;AAAA,MAAqFC,UAArF,iCAAoGT,KAApG;;AAEAF,EAAAA,cAAK,CAACY,SAAN,CAAgB;AACZ,QAAIN,SAAS,IAAIF,QAAQ,CAACS,OAA1B,EAAmC;AAC/BT,MAAAA,QAAQ,CAACS,OAAT,CAAiBC,KAAjB;AACH;AACJ,GAJD,EAIG,EAJH;AAMA,MAAMC,SAAS,GAAGC,EAAE,CAAC,UAAD,EAAad,KAAK,CAACa,SAAnB,CAApB;AAEA,SACIf,4BAAA,MAAA,oBAASW;AAAYM,IAAAA,IAAI,EAAC;AAAQF,IAAAA,SAAS,EAAEA;AAAWZ,IAAAA,GAAG,EAAEC;IAA7D,EACIJ,4BAAA,MAAA;AAAKiB,IAAAA,IAAI,EAAC;AAAWF,IAAAA,SAAS,EAAC;AAAiBZ,IAAAA,GAAG,EAAEM;GAArD,EACKD,YADL,aACKA,YADL,uBACKA,YAAY,CAAEU,GAAd,CAAkB,UAACC,WAAD,EAAmCC,KAAnC;AAAA,WACfpB,4BAAA,MAAA;AAAKqB,MAAAA,GAAG,EAAED;AAAOH,MAAAA,IAAI,EAAC;AAAMF,MAAAA,SAAS,EAAC;KAAtC,EACKI,WAAW,CAACG,OAAZ,CAAoBJ,GAApB,CAAwB,UAACK,IAAD,EAAYH,KAAZ;AAAA,aACrBpB,4BAAA,CAACwB,MAAD;AAAQH,QAAAA,GAAG,EAAED;AAAOA,QAAAA,KAAK,EAAEA;AAAOG,QAAAA,IAAI,EAAEA;OAAxC,CADqB;AAAA,KAAxB,CADL,CADe;AAAA,GAAlB,CADL,CADJ,EAWIvB,4BAAA,MAAA;AAAKiB,IAAAA,IAAI,EAAC;AAAWF,IAAAA,SAAS,EAAC;AAAiBZ,IAAAA,GAAG,EAAEO;GAArD,EACKH,QADL,CAXJ,CADJ;AAiBH,CA7BwB;;;;"}

package/dist/esm/src/components/Table/components/PaginatedTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginatedTable.js","sources":["../../../../../../src/components/Table/components/PaginatedTable.tsx"],"sourcesContent":["import React from 'react';\nimport { ForwardedGenericTableWithStatics, TableProps, TableRef } from '../types';\nimport { Table } from './Table';\n\nexport const PaginatedTable = React.forwardRef(function PaginatedTable<T>(props: TableProps<T>, ref: React.Ref<TableRef>) {\n    return <Table {...props} disablePagination={false} ref={ref} />;\n}) as ForwardedGenericTableWithStatics;\n\nPaginatedTable.Column = () => null;\nPaginatedTable.Group = () => null;\n"],"names":["PaginatedTable","React","forwardRef","props","ref","Table","disablePagination","Column","Group"],"mappings":";;;IAIaA,cAAc,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,cAAT,CAA2BG,KAA3B,EAAiDC,GAAjD;AAC3C,SAAOH,4BAAA,CAACI,KAAD,oBAAWF;AAAOG,IAAAA,iBAAiB,EAAE;AAAOF,IAAAA,GAAG,EAAEA;IAAjD,CAAP;AACH,CAF6B;;AAI9BJ,cAAc,CAACO,MAAf,GAAwB;AAAA,SAAM,IAAN;AAAA,CAAxB;;AACAP,cAAc,CAACQ,KAAf,GAAuB;AAAA,SAAM,IAAN;AAAA,CAAvB;;;;"}

package/dist/esm/src/components/Table/components/Table.js

@@ -1,64 +0,0 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-import { Pagination } from '../../Pagination/Pagination.js';
-import { useTable } from '../hooks/useTable.js';
-import { Row } from '../util/renderRow.js';
-import { BaseTable, DefaultEmptyState } from './BaseTable.js';
-
-var _excluded = ["emptyStateRenderer"];
-var Table = /*#__PURE__*/React__default.forwardRef(function Table(props, ref) {
-  var _props$emptyStateRend = props.emptyStateRenderer,
-      emptyStateRenderer = _props$emptyStateRend === void 0 ? DefaultEmptyState : _props$emptyStateRend,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var tableRef = useProxiedRef(ref);
-
-  var _useTable = useTable(otherProps, tableRef),
-      rowProps = _useTable.rowProps,
-      tableProps = _useTable.tableProps,
-      rows = _useTable.rows,
-      prepareRow = _useTable.prepareRow,
-      pagination = _useTable.pagination,
-      instance = _useTable.instance;
-
-  var paginationElement;
-
-  if (pagination) {
-    paginationElement = React__default.createElement(Pagination, {
-      className: "my-4 w-full",
-      length: pagination.length,
-      pageIndex: pagination.pageIndex,
-      pageSize: pagination.pageSize,
-      setPageIndex: pagination.setPageIndex,
-      setPageSize: pagination.setPageSize,
-      showPageControls: pagination.length > pagination.pageSize,
-      dangerouslyHijackGlobalKeyboardNavigation: props.dangerouslyHijackGlobalKeyboardNavigation
-    });
-  }
-
-  return React__default.createElement(React__default.Fragment, null, paginationElement, React__default.createElement(BaseTable, Object.assign({}, tableProps, {
-    ref: tableRef,
-    tabIndex: 0
-  }), rows.length ? rows.map(function (row, index) {
-    prepareRow(row, index);
-    return React__default.createElement(Row, Object.assign({}, rowProps, {
-      key: index,
-      index: index,
-      row: row,
-      instance: instance,
-      headerGroups: tableProps.headerGroups
-    }));
-  }) : emptyStateRenderer()), paginationElement);
-});
-
-Table.Column = function () {
-  return null;
-};
-
-Table.Group = function () {
-  return null;
-};
-
-export { Table };
-//# sourceMappingURL=Table.js.map

package/dist/esm/src/components/Table/components/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { TableProps, InternalTableRow, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T>(\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n    const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n    const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n    let paginationElement;\n\n    if (pagination) {\n        paginationElement = (\n            <Pagination\n                className=\"my-4 w-full\"\n                length={pagination.length}\n                pageIndex={pagination.pageIndex}\n                pageSize={pagination.pageSize}\n                setPageIndex={pagination.setPageIndex}\n                setPageSize={pagination.setPageSize}\n                showPageControls={pagination.length > pagination.pageSize}\n                dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n            />\n        );\n    }\n\n    return (\n        <>\n            {paginationElement}\n            <BaseTable {...tableProps} ref={tableRef} tabIndex={0}>\n                {rows.length\n                    ? rows.map((row: InternalTableRow, index: number) => {\n                          prepareRow(row, index);\n                          return (\n                              <Row\n                                  {...rowProps}\n                                  key={index}\n                                  index={index}\n                                  row={row}\n                                  instance={instance}\n                                  headerGroups={tableProps.headerGroups}\n                              />\n                          );\n                      })\n                    : emptyStateRenderer()}\n            </BaseTable>\n            {paginationElement}\n        </>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nTable.Column = () => null;\nTable.Group = () => null;\n"],"names":["Table","React","forwardRef","props","ref","emptyStateRenderer","DefaultEmptyState","otherProps","tableRef","useProxiedRef","useTable","rowProps","tableProps","rows","prepareRow","pagination","instance","paginationElement","Pagination","className","length","pageIndex","pageSize","setPageIndex","setPageSize","showPageControls","dangerouslyHijackGlobalKeyboardNavigation","BaseTable","tabIndex","map","row","index","Row","key","headerGroups","Column","Group"],"mappings":";;;;;;;;;IASaA,KAAK,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,KAAT,CAClCG,KADkC,EAElCC,GAFkC;AAIlC,8BAAkED,KAAlE,CAAQE,kBAAR;AAAA,MAAQA,kBAAR,sCAA6BC,iBAA7B;AAAA,MAAmDC,UAAnD,iCAAkEJ,KAAlE;;AACA,MAAMK,QAAQ,GAAQC,aAAa,CAAiBL,GAAjB,CAAnC;;AACA,kBAAyEM,QAAQ,CAACH,UAAD,EAAaC,QAAb,CAAjF;AAAA,MAAQG,QAAR,aAAQA,QAAR;AAAA,MAAkBC,UAAlB,aAAkBA,UAAlB;AAAA,MAA8BC,IAA9B,aAA8BA,IAA9B;AAAA,MAAoCC,UAApC,aAAoCA,UAApC;AAAA,MAAgDC,UAAhD,aAAgDA,UAAhD;AAAA,MAA4DC,QAA5D,aAA4DA,QAA5D;;AAEA,MAAIC,iBAAJ;;AAEA,MAAIF,UAAJ,EAAgB;AACZE,IAAAA,iBAAiB,GACbhB,4BAAA,CAACiB,UAAD;AACIC,MAAAA,SAAS,EAAC;AACVC,MAAAA,MAAM,EAAEL,UAAU,CAACK;AACnBC,MAAAA,SAAS,EAAEN,UAAU,CAACM;AACtBC,MAAAA,QAAQ,EAAEP,UAAU,CAACO;AACrBC,MAAAA,YAAY,EAAER,UAAU,CAACQ;AACzBC,MAAAA,WAAW,EAAET,UAAU,CAACS;AACxBC,MAAAA,gBAAgB,EAAEV,UAAU,CAACK,MAAX,GAAoBL,UAAU,CAACO;AACjDI,MAAAA,yCAAyC,EAAEvB,KAAK,CAACuB;KARrD,CADJ;AAYH;;AAED,SACIzB,4BAAA,wBAAA,MAAA,EACKgB,iBADL,EAEIhB,4BAAA,CAAC0B,SAAD,oBAAef;AAAYR,IAAAA,GAAG,EAAEI;AAAUoB,IAAAA,QAAQ,EAAE;IAApD,EACKf,IAAI,CAACO,MAAL,GACKP,IAAI,CAACgB,GAAL,CAAS,UAACC,GAAD,EAAwBC,KAAxB;AACLjB,IAAAA,UAAU,CAACgB,GAAD,EAAMC,KAAN,CAAV;AACA,WACI9B,4BAAA,CAAC+B,GAAD,oBACQrB;AACJsB,MAAAA,GAAG,EAAEF;AACLA,MAAAA,KAAK,EAAEA;AACPD,MAAAA,GAAG,EAAEA;AACLd,MAAAA,QAAQ,EAAEA;AACVkB,MAAAA,YAAY,EAAEtB,UAAU,CAACsB;MAN7B,CADJ;AAUH,GAZD,CADL,GAcK7B,kBAAkB,EAf5B,CAFJ,EAmBKY,iBAnBL,CADJ;AAuBH,CAhDoB;;AAkDrBjB,KAAK,CAACmC,MAAN,GAAe;AAAA,SAAM,IAAN;AAAA,CAAf;;AACAnC,KAAK,CAACoC,KAAN,GAAc;AAAA,SAAM,IAAN;AAAA,CAAd;;;;"}

package/dist/esm/src/components/Table/components/WindowedTable.js

@@ -1,203 +0,0 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import cn from 'classnames';
-import { useLocalization } from '../../Provider/Provider.js';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-import { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener.js';
-import { useTable } from '../hooks/useTable.js';
-import { Row } from '../util/renderRow.js';
-import { BaseTable, DefaultEmptyState } from './BaseTable.js';
-import { VariableSizeList, areEqual } from 'react-window';
-import InfiniteLoader from 'react-window-infinite-loader';
-
-var _excluded = ["height"],
-    _excluded2 = ["emptyStateRenderer", "length", "loadMore"];
-var ROW_HEIGHT = 40;
-var VariableRow = /*#__PURE__*/React__default.memo(function (_ref) {
-  var data = _ref.data,
-      index = _ref.index,
-      _ref$style = _ref.style,
-      style = _objectWithoutPropertiesLoose(_ref$style, _excluded);
-
-  var _useLocalization = useLocalization(),
-      texts = _useLocalization.texts;
-
-  var rows = data.rows,
-      setRowHeight = data.setRowHeight,
-      rowProps = data.rowProps,
-      tableProps = data.tableProps,
-      instance = data.instance,
-      prepareRow = data.prepareRow,
-      rowHeights = data.rowHeights;
-  var row = rows[index];
-  var ref = React__default.useRef(null);
-  React__default.useEffect(function () {
-    if (ref !== null && ref !== void 0 && ref.current) {
-      setRowHeight(index, ref.current.getBoundingClientRect().height);
-    }
-  }, [rowHeights[index]]);
-
-  if (row) {
-    prepareRow(row, index);
-    return React__default.createElement(Row, Object.assign({}, rowProps, {
-      style: style,
-      key: index,
-      index: index,
-      row: row,
-      instance: instance,
-      headerGroups: tableProps.headerGroups,
-      setRowHeight: setRowHeight,
-      ref: ref
-    }));
-  }
-
-  return React__default.createElement("div", {
-    className: "yt-table__row",
-    role: "row",
-    style: style
-  }, React__default.createElement("div", {
-    className: "yt-table__cell text-grey-dark"
-  }, texts.table.loading));
-}, areEqual);
-
-var getAverageRowHeight = function getAverageRowHeight(rowHeights) {
-  if (rowHeights === void 0) {
-    rowHeights = {};
-  }
-
-  var keys = Object.keys(rowHeights);
-  var estimatedHeight = keys.reduce(function (p, i) {
-    return p + rowHeights[i];
-  }, 0);
-  return estimatedHeight / keys.length;
-};
-
-var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
-  var tableRef = useProxiedRef(ref);
-
-  var _props$emptyStateRend = props.emptyStateRenderer,
-      emptyStateRenderer = _props$emptyStateRend === void 0 ? DefaultEmptyState : _props$emptyStateRend,
-      length = props.length,
-      loadMore = props.loadMore,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
-
-  var _useTable = useTable(_extends({}, otherProps, {
-    windowed: true
-  }), tableRef),
-      rowProps = _useTable.rowProps,
-      tableProps = _useTable.tableProps,
-      rows = _useTable.rows,
-      prepareRow = _useTable.prepareRow,
-      instance = _useTable.instance,
-      state = _useTable.state; // determine heights for windowing calculations
-
-
-  var headerRef = React__default.useRef(null);
-  var rowsRef = React__default.useRef(null);
-  var tableDimensions = useBoundingClientRectListener(tableRef);
-  var headerDimensions = useBoundingClientRectListener(headerRef);
-  var height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null; // variable row height calculations
-
-  var estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
-  var rowHeights = React__default.useRef({});
-  var setRowHeight = React__default.useCallback(function (index, size) {
-    if (rowHeights.current[index] !== size) {
-      var _extends2;
-
-      rowHeights.current = _extends({}, rowHeights.current, (_extends2 = {}, _extends2[index] = size, _extends2));
-
-      if (rowsRef.current) {
-        rowsRef.current.resetAfterIndex(0);
-      }
-    }
-  }, []);
-  var getRowHeight = React__default.useCallback(function (index) {
-    return rowHeights.current[index] || estimatedRowHeight;
-  }, []);
-  React__default.useEffect(function () {
-    if (rowsRef && rowsRef.current && rowProps.activeIndex !== undefined) {
-      rowsRef.current.scrollToItem(rowProps.activeIndex);
-    }
-  }, [rowProps.activeIndex]); // trigger recalculation of variable row heights if the data changes
-
-  React__default.useEffect(function () {
-    rowHeights.current = {};
-
-    if (rowsRef.current) {
-      rowsRef.current.resetAfterIndex(0);
-    }
-  }, [rows.length]);
-  var contentHeight = estimatedRowHeight * props.data.length || 0;
-  var isScrollbarVisible = height !== null ? contentHeight > height : false;
-  var className = cn(tableProps.className, 'yt-table--windowed', {
-    'table-with-scrollbar': isScrollbarVisible
-  });
-  var list;
-  var itemData = {
-    rows: rows,
-    setRowHeight: setRowHeight,
-    rowProps: rowProps,
-    tableProps: tableProps,
-    instance: instance,
-    prepareRow: prepareRow,
-    state: state,
-    rowHeights: rowHeights.current
-  };
-
-  if (height && rows.length) {
-    var listProps = {
-      height: height,
-      itemData: itemData,
-      estimatedItemSize: getAverageRowHeight(rowHeights.current),
-      itemSize: getRowHeight,
-      width: '100%'
-    };
-
-    if (loadMore && length) {
-      var isLoaded = function isLoaded(index) {
-        return !!rows[index];
-      };
-
-      list = React__default.createElement(InfiniteLoader, {
-        isItemLoaded: isLoaded,
-        itemCount: length,
-        loadMoreItems: loadMore
-      }, function (_ref2) {
-        var onItemsRendered = _ref2.onItemsRendered,
-            _ref3 = _ref2.ref;
-        return React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
-          itemCount: length,
-          onItemsRendered: onItemsRendered,
-          ref: function ref(list) {
-            _ref3(list);
-
-            rowsRef.current = list;
-          }
-        }), VariableRow);
-      });
-    } else {
-      list = React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
-        itemCount: rows.length,
-        ref: rowsRef
-      }), VariableRow);
-    }
-  }
-
-  return React__default.createElement(BaseTable, Object.assign({}, tableProps, {
-    className: className,
-    headerRef: headerRef,
-    tabIndex: 0,
-    ref: tableRef
-  }), list ? list : emptyStateRenderer());
-});
-
-WindowedTable.Column = function () {
-  return null;
-};
-
-WindowedTable.Group = function () {
-  return null;
-};
-
-export { WindowedTable };
-//# sourceMappingURL=WindowedTable.js.map