@terraware/web-components 5.0.27-rc.0 → 5.0.27

package/components/table/EnhancedTableToolbar.js

@@ -1,71 +1,77 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Link, Toolbar, Typography, useTheme } from "@mui/material";
-import { isTopBarButton } from "./index.js";
-import Button from "../Button/Button.js";
-import Tooltip from "../Tooltip/Tooltip.js";
+import { useMemo } from 'react';
+import { useTheme, Link, Toolbar, Typography } from '@mui/material';
+import { isTopBarButton } from './index.js';
+import Button from '../Button/Button.js';
+import Tooltip from '../Tooltip/Tooltip.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
 function EnhancedTableToolbar(props) {
-    const { isAllSelected, numSelected, renderNumSelectedText, topBarButtons, topBarSelectionConfig } = props;
-    const theme = useTheme();
-    const selectLinkStyles = {
-        color: theme.palette.TwClrTxtBrand,
-        cursor: 'pointer'
-    };
-    const topBarSelection = useMemo(()=>{
-        if (!renderNumSelectedText) return null;
-        if (!topBarSelectionConfig) return renderNumSelectedText(numSelected);
-        const { handleSelectAll, handleSelectNone, renderSelectAllText, renderSelectNoneText, renderEnhancedNumSelectedText } = topBarSelectionConfig;
-        return /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                renderEnhancedNumSelectedText ? renderEnhancedNumSelectedText() : renderNumSelectedText(numSelected),
-                ' ',
-                !isAllSelected && handleSelectAll && renderSelectAllText && /*#__PURE__*/ jsx(Link, {
-                    onClick: handleSelectAll,
-                    sx: selectLinkStyles,
-                    children: renderSelectAllText()
-                }),
-                isAllSelected && handleSelectNone && renderSelectNoneText && /*#__PURE__*/ jsx(Link, {
-                    onClick: handleSelectNone,
-                    sx: selectLinkStyles,
-                    children: renderSelectNoneText()
-                })
-            ]
-        });
-    }, [
-        renderNumSelectedText,
-        topBarSelectionConfig,
-        numSelected
-    ]);
-    return renderNumSelectedText && numSelected > 0 ? /*#__PURE__*/ jsxs(Toolbar, {
+  const {
+    isAllSelected,
+    numSelected,
+    renderNumSelectedText,
+    topBarButtons,
+    topBarSelectionConfig
+  } = props;
+  const theme = useTheme();
+  const selectLinkStyles = {
+    color: theme.palette.TwClrTxtBrand,
+    cursor: 'pointer'
+  };
+  const topBarSelection = useMemo(() => {
+    if (!renderNumSelectedText) {
+      return null;
+    }
+    if (!topBarSelectionConfig) {
+      return renderNumSelectedText(numSelected);
+    }
+    const {
+      handleSelectAll,
+      handleSelectNone,
+      renderSelectAllText,
+      renderSelectNoneText,
+      renderEnhancedNumSelectedText
+    } = topBarSelectionConfig;
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [renderEnhancedNumSelectedText ? renderEnhancedNumSelectedText() : renderNumSelectedText(numSelected), ' ', !isAllSelected && handleSelectAll && renderSelectAllText && /*#__PURE__*/jsx(Link, {
+        onClick: handleSelectAll,
+        sx: selectLinkStyles,
+        children: renderSelectAllText()
+      }), isAllSelected && handleSelectNone && renderSelectNoneText && /*#__PURE__*/jsx(Link, {
+        onClick: handleSelectNone,
+        sx: selectLinkStyles,
+        children: renderSelectNoneText()
+      })]
+    });
+  }, [renderNumSelectedText, topBarSelectionConfig, numSelected]);
+  return renderNumSelectedText && numSelected > 0 ? /*#__PURE__*/jsxs(Toolbar, {
+    sx: {
+      background: theme.palette.TwClrBgSecondary,
+      borderRadius: theme.spacing(0.5)
+    },
+    children: [/*#__PURE__*/jsx(Typography, {
+      color: "inherit",
+      variant: "subtitle1",
+      component: "div",
+      sx: {
+        flex: '1 1 auto'
+      },
+      children: topBarSelection
+    }), topBarButtons?.map((tbButton, index) => isTopBarButton(tbButton) ? /*#__PURE__*/jsx(Tooltip, {
+      title: tbButton.tooltipTitle,
+      children: /*#__PURE__*/jsx(Button, {
+        label: tbButton.buttonText,
+        priority: "secondary",
+        type: tbButton.buttonType,
+        onClick: tbButton.onButtonClick,
+        icon: tbButton.icon,
+        disabled: tbButton.disabled,
         sx: {
-            background: theme.palette.TwClrBgSecondary,
-            borderRadius: theme.spacing(0.5)
-        },
-        children: [
-            /*#__PURE__*/ jsx(Typography, {
-                color: "inherit",
-                variant: "subtitle1",
-                component: "div",
-                sx: {
-                    flex: '1 1 auto'
-                },
-                children: topBarSelection
-            }),
-            topBarButtons?.map((tbButton, index)=>isTopBarButton(tbButton) ? /*#__PURE__*/ jsx(Tooltip, {
-                    title: tbButton.tooltipTitle,
-                    children: /*#__PURE__*/ jsx(Button, {
-                        label: tbButton.buttonText,
-                        priority: "secondary",
-                        type: tbButton.buttonType,
-                        onClick: tbButton.onButtonClick,
-                        icon: tbButton.icon,
-                        disabled: tbButton.disabled,
-                        sx: {
-                            marginLeft: theme.spacing(1)
-                        }
-                    }, tbButton.buttonText)
-                }, index) : tbButton)
-        ]
-    }) : null;
+          marginLeft: theme.spacing(1)
+        }
+      }, tbButton.buttonText)
+    }, index) : tbButton)]
+  }) : null;
 }
-export default EnhancedTableToolbar;
+
+export { EnhancedTableToolbar as default };

package/components/table/EnhancedTableToolbarV2.js

@@ -1,33 +1,43 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import EnhancedTableToolbar from "./EnhancedTableToolbar.js";
-const EnhancedTableToolbarV2 = ({ selectedRowsCount, pagesCount, renderNumSelectedText, rowsCount, topBarButtons, topBarSelectionConfig })=>{
-    const _topBarSelectionConfig = useMemo(()=>{
-        if (!topBarSelectionConfig) return topBarSelectionConfig;
-        const { renderEnhancedNumSelectedText, renderSelectAllText } = topBarSelectionConfig;
-        return {
-            ...topBarSelectionConfig,
-            renderEnhancedNumSelectedText: ()=>renderEnhancedNumSelectedText && renderEnhancedNumSelectedText(selectedRowsCount || 0, pagesCount) || '',
-            renderSelectAllText: ()=>renderSelectAllText && renderSelectAllText(rowsCount) || ''
-        };
-    }, [
-        topBarSelectionConfig,
-        selectedRowsCount,
-        rowsCount,
-        pagesCount
-    ]);
-    if (topBarSelectionConfig) return /*#__PURE__*/ jsx(EnhancedTableToolbar, {
-        numSelected: selectedRowsCount,
-        topBarButtons: topBarButtons,
-        topBarSelectionConfig: _topBarSelectionConfig,
-        isAllSelected: rowsCount === selectedRowsCount,
-        renderNumSelectedText: renderNumSelectedText
-    });
-    return /*#__PURE__*/ jsx(EnhancedTableToolbar, {
-        numSelected: selectedRowsCount,
-        renderNumSelectedText: renderNumSelectedText,
-        topBarButtons: topBarButtons
+import { useMemo } from 'react';
+import EnhancedTableToolbar from './EnhancedTableToolbar.js';
+import { jsx } from 'react/jsx-runtime';
+
+const EnhancedTableToolbarV2 = ({
+  selectedRowsCount,
+  pagesCount,
+  renderNumSelectedText,
+  rowsCount,
+  topBarButtons,
+  topBarSelectionConfig
+}) => {
+  const _topBarSelectionConfig = useMemo(() => {
+    if (!topBarSelectionConfig) {
+      return topBarSelectionConfig;
+    }
+    const {
+      renderEnhancedNumSelectedText,
+      renderSelectAllText
+    } = topBarSelectionConfig;
+    return {
+      ...topBarSelectionConfig,
+      renderEnhancedNumSelectedText: () => renderEnhancedNumSelectedText && renderEnhancedNumSelectedText(selectedRowsCount || 0, pagesCount) || '',
+      renderSelectAllText: () => renderSelectAllText && renderSelectAllText(rowsCount) || ''
+    };
+  }, [topBarSelectionConfig, selectedRowsCount, rowsCount, pagesCount]);
+  if (topBarSelectionConfig) {
+    return /*#__PURE__*/jsx(EnhancedTableToolbar, {
+      numSelected: selectedRowsCount,
+      topBarButtons: topBarButtons,
+      topBarSelectionConfig: _topBarSelectionConfig,
+      isAllSelected: rowsCount === selectedRowsCount,
+      renderNumSelectedText: renderNumSelectedText
     });
+  }
+  return /*#__PURE__*/jsx(EnhancedTableToolbar, {
+    numSelected: selectedRowsCount,
+    renderNumSelectedText: renderNumSelectedText,
+    topBarButtons: topBarButtons
+  });
 };
-const table_EnhancedTableToolbarV2 = EnhancedTableToolbarV2;
-export default table_EnhancedTableToolbarV2;
+
+export { EnhancedTableToolbarV2 as default };