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

package/components/table/EnhancedTableToolbar.js

@@ -1,77 +1,71 @@
-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';
-
+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";
 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, {
-    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,
+    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: {
-          marginLeft: theme.spacing(1)
-        }
-      }, tbButton.buttonText)
-    }, index) : tbButton)]
-  }) : null;
+            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;
 }
-
-export { EnhancedTableToolbar as default };
+export default EnhancedTableToolbar;

package/components/table/EnhancedTableToolbarV2.js

@@ -1,43 +1,33 @@
-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
+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
     });
-  }
-  return /*#__PURE__*/jsx(EnhancedTableToolbar, {
-    numSelected: selectedRowsCount,
-    renderNumSelectedText: renderNumSelectedText,
-    topBarButtons: topBarButtons
-  });
 };
-
-export { EnhancedTableToolbarV2 as default };
+const table_EnhancedTableToolbarV2 = EnhancedTableToolbarV2;
+export default table_EnhancedTableToolbarV2;