@economic/taco 1.1.7 → 1.1.9

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

@@ -0,0 +1,55 @@
+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/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"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;EACpC,mBAA8CD,KAA9C,CAAQE,KAAR;MAAQA,KAAR,6BAAgB,GAAhB;MAAqBC,KAArB,GAA8CH,KAA9C,CAAqBG,KAArB;MAA+BC,UAA/B,iCAA8CJ,KAA9C;;EACA,sBAAiCF,cAAK,CAACO,QAAN,CAAe,CAACH,KAAhB,CAAjC;MAAOI,OAAP;MAAgBC,aAAhB;;EAEAT,cAAK,CAACU,SAAN,CAAgB;IACZ,IAAIC,OAAJ;;IAEA,IAAIP,KAAJ,EAAW;MACPO,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB;QAAA,OAAMJ,aAAa,CAAC,IAAD,CAAnB;OAAlB,EAA6CL,KAA7C,CAAV;;;IAGJ,OAAO;MACH,IAAIO,OAAJ,EAAa;QACTG,YAAY,CAACH,OAAD,CAAZ;;KAFR;GAPJ,EAYG,CAACP,KAAD,CAZH;;EAcA,IAAI,CAACI,OAAL,EAAc;IACV,OAAO,IAAP;;;EAGJ,IAAMO,SAAS,GAAGC,EAAE,CAAC,4CAAD,EAA+CV,UAAU,CAACS,SAA1D,CAApB;EAEA,OACIf,4BAAA,MAAA,oBAASM;IAAYS,SAAS,EAAEA;iBAAqB;IAAUZ,GAAG,EAAEA;IAApE,EACIH,4BAAA,MAAA;IACIe,SAAS,EAAC;IACVE,OAAO,EAAC;IACRC,KAAK,EAAC;GAHV,EAKIlB,4BAAA,SAAA;IAAQmB,EAAE,EAAC;IAAKC,EAAE,EAAC;IAAKC,CAAC,EAAC;GAA1B,CALJ,CADJ,EAQKhB,KAAK,IAAIL,4BAAA,OAAA;IAAMe,SAAS,EAAC;GAAhB,EAAwBV,KAAxB,CARd,CADJ;AAYH,CApCsB;;;;"}

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

@@ -0,0 +1,38 @@
+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-5 w-9 flex rounded-full inline-flex', {
+    'mr-2': !!label,
+    'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light 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 group-aria-checked:translate-x-[1.1rem] mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform group-disabled:opacity-50"
+  }));
+
+  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/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"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-5 w-9 flex rounded-full inline-flex',\n        {\n            'mr-2': !!label,\n            'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light focus:yt-focus':\n                !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 group-aria-checked:translate-x-[1.1rem] mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform group-disabled:opacity-50\" />\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;EACnC,IAAQC,KAAR,GAA2CF,KAA3C,CAAQE,KAAR;MAAeC,QAAf,GAA2CH,KAA3C,CAAeG,QAAf;MAA4BC,UAA5B,iCAA2CJ,KAA3C;;EAEA,IAAMK,SAAS,GAAGC,EAAE,CAChB,6CADgB,EAEhB;IACI,QAAQ,CAAC,CAACJ,KADd;IAEI,0GACI,CAACF,KAAK,CAACO,QAHf;IAII,+DAA+DP,KAAK,CAACO;GANzD,EAQhBP,KAAK,CAACK,SARU,CAApB;EAWA,IAAMG,OAAO,GACTT,aAAA,CAACU,IAAD,oBAA0BL;IAAYC,SAAS,EAAEA;IAAWK,eAAe,EAAEP;IAAUF,GAAG,EAAEA;IAA5F,EACIF,aAAA,CAACU,KAAD;IAAuBJ,SAAS,EAAC;GAAjC,CADJ,CADJ;;EAMA,IAAIH,KAAJ,EAAW;IACP,IAAMS,cAAc,GAAGL,EAAE,CAAC,kCAAD,EAAqC;MAC1D,qCAAqCN,KAAK,CAACO;KADtB,CAAzB;IAIA,OACIR,aAAA,QAAA;MAAOM,SAAS,EAAEM;KAAlB,EACKH,OADL,EAEKN,KAFL,CADJ;;;EAQJ,OAAOM,OAAP;AACH,CAlCqB;;;;"}

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

@@ -0,0 +1,55 @@
+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 flex flex-col focus:yt-focus focus:rounded-sm', 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: "border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold"
+    }, 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/components/Table/components/BaseTable.js.map

@@ -0,0 +1 @@
+{"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 flex flex-col focus:yt-focus focus:rounded-sm', 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\n                        key={index}\n                        role=\"row\"\n                        className=\"border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold\"\n                    >\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;EAAA,OAAuB,IAAvB;AAAA;IAEpBC,SAAS,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,SAAT,CAAmBG,KAAnB,EAA6CC,GAA7C;EACtC,IAAMC,QAAQ,GAAGC,aAAa,CAAiBF,GAAjB,CAA9B;;MACQG,SAAR,GAAoGJ,KAApG,CAAQI,SAAR;MAAmBC,QAAnB,GAAoGL,KAApG,CAAmBK,QAAnB;MAAgDC,YAAhD,GAAoGN,KAApG,CAAgDM,YAAhD;MAA8DC,SAA9D,GAAoGP,KAApG,CAA8DO,SAA9D;MAAyEC,OAAzE,GAAoGR,KAApG,CAAyEQ,OAAzE;MAAqFC,UAArF,iCAAoGT,KAApG;;EAEAF,cAAK,CAACY,SAAN,CAAgB;IACZ,IAAIN,SAAS,IAAIF,QAAQ,CAACS,OAA1B,EAAmC;MAC/BT,QAAQ,CAACS,OAAT,CAAiBC,KAAjB;;GAFR,EAIG,EAJH;EAMA,IAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2Dd,KAAK,CAACa,SAAjE,CAApB;EAEA,OACIf,4BAAA,MAAA,oBAASW;IAAYM,IAAI,EAAC;IAAQF,SAAS,EAAEA;IAAWZ,GAAG,EAAEC;IAA7D,EACIJ,4BAAA,MAAA;IAAKiB,IAAI,EAAC;IAAWF,SAAS,EAAC;IAAiBZ,GAAG,EAAEM;GAArD,EACKD,YADL,aACKA,YADL,uBACKA,YAAY,CAAEU,GAAd,CAAkB,UAACC,WAAD,EAAmCC,KAAnC;IAAA,OACfpB,4BAAA,MAAA;MACIqB,GAAG,EAAED;MACLH,IAAI,EAAC;MACLF,SAAS,EAAC;KAHd,EAKKI,WAAW,CAACG,OAAZ,CAAoBJ,GAApB,CAAwB,UAACK,IAAD,EAAYH,KAAZ;MAAA,OACrBpB,4BAAA,CAACwB,MAAD;QAAQH,GAAG,EAAED;QAAOA,KAAK,EAAEA;QAAOG,IAAI,EAAEA;OAAxC,CADqB;KAAxB,CALL,CADe;GAAlB,CADL,CADJ,EAeIvB,4BAAA,MAAA;IAAKiB,IAAI,EAAC;IAAWF,SAAS,EAAC;IAAiBZ,GAAG,EAAEO;GAArD,EACKH,QADL,CAfJ,CADJ;AAqBH,CAjCwB;;;;"}

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

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { Table } from './Table.js';
+
+var PaginatedTable = /*#__PURE__*/React__default.forwardRef(function PaginatedTable(props, ref) {
+  return React__default.createElement(Table, Object.assign({}, props, {
+    disablePagination: false,
+    ref: ref
+  }));
+});
+
+PaginatedTable.Column = function () {
+  return null;
+};
+
+PaginatedTable.Group = function () {
+  return null;
+};
+
+export { PaginatedTable };
+//# sourceMappingURL=PaginatedTable.js.map

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

@@ -0,0 +1 @@
+{"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;EAC3C,OAAOH,4BAAA,CAACI,KAAD,oBAAWF;IAAOG,iBAAiB,EAAE;IAAOF,GAAG,EAAEA;IAAjD,CAAP;AACH,CAF6B;;AAI9BJ,cAAc,CAACO,MAAf,GAAwB;EAAA,OAAM,IAAN;AAAA,CAAxB;;AACAP,cAAc,CAACQ,KAAf,GAAuB;EAAA,OAAM,IAAN;AAAA,CAAvB;;;;"}

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

@@ -0,0 +1,63 @@
+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
+  }), 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/components/Table/components/Table.js.map

@@ -0,0 +1 @@
+{"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}>\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","map","row","index","Row","key","headerGroups","Column","Group"],"mappings":";;;;;;;;;IASaA,KAAK,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,KAAT,CAClCG,KADkC,EAElCC,GAFkC;EAIlC,4BAAkED,KAAlE,CAAQE,kBAAR;MAAQA,kBAAR,sCAA6BC,iBAA7B;MAAmDC,UAAnD,iCAAkEJ,KAAlE;;EACA,IAAMK,QAAQ,GAAQC,aAAa,CAAiBL,GAAjB,CAAnC;;EACA,gBAAyEM,QAAQ,CAACH,UAAD,EAAaC,QAAb,CAAjF;MAAQG,QAAR,aAAQA,QAAR;MAAkBC,UAAlB,aAAkBA,UAAlB;MAA8BC,IAA9B,aAA8BA,IAA9B;MAAoCC,UAApC,aAAoCA,UAApC;MAAgDC,UAAhD,aAAgDA,UAAhD;MAA4DC,QAA5D,aAA4DA,QAA5D;;EAEA,IAAIC,iBAAJ;;EAEA,IAAIF,UAAJ,EAAgB;IACZE,iBAAiB,GACbhB,4BAAA,CAACiB,UAAD;MACIC,SAAS,EAAC;MACVC,MAAM,EAAEL,UAAU,CAACK;MACnBC,SAAS,EAAEN,UAAU,CAACM;MACtBC,QAAQ,EAAEP,UAAU,CAACO;MACrBC,YAAY,EAAER,UAAU,CAACQ;MACzBC,WAAW,EAAET,UAAU,CAACS;MACxBC,gBAAgB,EAAEV,UAAU,CAACK,MAAX,GAAoBL,UAAU,CAACO;MACjDI,yCAAyC,EAAEvB,KAAK,CAACuB;KARrD,CADJ;;;EAcJ,OACIzB,4BAAA,wBAAA,MAAA,EACKgB,iBADL,EAEIhB,4BAAA,CAAC0B,SAAD,oBAAef;IAAYR,GAAG,EAAEI;IAAhC,EACKK,IAAI,CAACO,MAAL,GACKP,IAAI,CAACe,GAAL,CAAS,UAACC,GAAD,EAAwBC,KAAxB;IACLhB,UAAU,CAACe,GAAD,EAAMC,KAAN,CAAV;IACA,OACI7B,4BAAA,CAAC8B,GAAD,oBACQpB;MACJqB,GAAG,EAAEF;MACLA,KAAK,EAAEA;MACPD,GAAG,EAAEA;MACLb,QAAQ,EAAEA;MACViB,YAAY,EAAErB,UAAU,CAACqB;MAN7B,CADJ;GAFJ,CADL,GAcK5B,kBAAkB,EAf5B,CAFJ,EAmBKY,iBAnBL,CADJ;AAuBH,CAhDoB;;AAkDrBjB,KAAK,CAACkC,MAAN,GAAe;EAAA,OAAM,IAAN;AAAA,CAAf;;AACAlC,KAAK,CAACmC,KAAN,GAAc;EAAA,OAAM,IAAN;AAAA,CAAd;;;;"}

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

@@ -0,0 +1,208 @@
+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 _React$useState = React__default.useState(null),
+      rowsRef = _React$useState[0],
+      setRowsRef = _React$useState[1];
+
+  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) {
+        rowsRef.resetAfterIndex(0);
+      }
+    }
+  }, []);
+  var getRowHeight = React__default.useCallback(function (index) {
+    return rowHeights.current[index] || estimatedRowHeight;
+  }, []);
+  React__default.useEffect(function () {
+    if (rowsRef && rowProps.activeIndex !== undefined) {
+      rowsRef.scrollToItem(rowProps.activeIndex, 'start');
+    }
+  }, [rowsRef, rowProps.activeIndex]); // trigger recalculation of variable row heights if the data changes
+
+  React__default.useEffect(function () {
+    rowHeights.current = {};
+
+    if (rowsRef) {
+      rowsRef.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);
+
+            setRowsRef(list);
+          }
+        }), VariableRow);
+      });
+    } else {
+      list = React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
+        itemCount: rows.length,
+        ref: function ref(_ref4) {
+          setRowsRef(_ref4);
+        }
+      }), VariableRow);
+    }
+  }
+
+  return React__default.createElement(BaseTable, Object.assign({}, tableProps, {
+    className: className,
+    headerRef: headerRef,
+    ref: tableRef
+  }), list ? list : emptyStateRenderer());
+});
+
+WindowedTable.Column = function () {
+  return null;
+};
+
+WindowedTable.Group = function () {
+  return null;
+};
+
+export { WindowedTable };
+//# sourceMappingURL=WindowedTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WindowedTable.js","sources":["../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Provider';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n    const { texts } = useLocalization();\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n    const row = rows[index];\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\n        }\n    }, [rowHeights[index]]);\n\n    if (row) {\n        prepareRow(row, index);\n\n        return (\n            <Row\n                {...rowProps}\n                style={style}\n                key={index}\n                index={index}\n                row={row}\n                instance={instance}\n                headerGroups={tableProps.headerGroups}\n                setRowHeight={setRowHeight}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\n            <div className=\"yt-table__cell text-grey-dark\">{texts.table.loading}</div>\n        </div>\n    );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n    const keys = Object.keys(rowHeights);\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n    return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n    // determine heights for windowing calculations\n    const headerRef = React.useRef<HTMLDivElement>(null);\n    const [rowsRef, setRowsRef] = React.useState<any>(null);\n    const tableDimensions = useBoundingClientRectListener(tableRef);\n    const headerDimensions = useBoundingClientRectListener(headerRef);\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n    // variable row height calculations\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n    const rowHeights = React.useRef<Record<string, number>>({});\n    const setRowHeight = React.useCallback((index: number, size: number) => {\n        if (rowHeights.current[index] !== size) {\n            rowHeights.current = {\n                ...rowHeights.current,\n                [index]: size,\n            };\n\n            if (rowsRef) {\n                rowsRef.resetAfterIndex(0);\n            }\n        }\n    }, []);\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n    React.useEffect(() => {\n        if (rowsRef && rowProps.activeIndex !== undefined) {\n            rowsRef.scrollToItem(rowProps.activeIndex, 'start');\n        }\n    }, [rowsRef, rowProps.activeIndex]);\n\n    // trigger recalculation of variable row heights if the data changes\n    React.useEffect(() => {\n        rowHeights.current = {};\n\n        if (rowsRef) {\n            rowsRef.resetAfterIndex(0);\n        }\n    }, [rows.length]);\n\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\n    const isScrollbarVisible = height !== null ? contentHeight > height : false;\n\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n    let list;\n\n    const itemData = {\n        rows,\n        setRowHeight,\n        rowProps,\n        tableProps,\n        instance,\n        prepareRow,\n        state,\n        rowHeights: rowHeights.current,\n    };\n\n    if (height && rows.length) {\n        const listProps = {\n            height,\n            itemData,\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\n            itemSize: getRowHeight,\n            width: '100%',\n        };\n\n        if (loadMore && length) {\n            const isLoaded = (index: number) => !!rows[index];\n\n            list = (\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n                    {({ onItemsRendered, ref }: any) => (\n                        <VariableSizeList\n                            {...listProps}\n                            itemCount={length}\n                            onItemsRendered={onItemsRendered}\n                            ref={list => {\n                                ref(list);\n                                setRowsRef(list);\n                            }}\n                        >\n                            {VariableRow}\n                        </VariableSizeList>\n                    )}\n                </InfiniteLoader>\n            );\n        } else {\n            list = (\n                <VariableSizeList\n                    {...listProps}\n                    itemCount={rows.length}\n                    ref={ref => {\n                        setRowsRef(ref);\n                    }}\n                >\n                    {VariableRow}\n                </VariableSizeList>\n            );\n        }\n    }\n\n    return (\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\n            {list ? list : emptyStateRenderer()}\n        </BaseTable>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","useLocalization","texts","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","height","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useProxiedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","useTable","windowed","state","headerRef","useState","rowsRef","setRowsRef","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":"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"}