@veritone-ce/design-system 1.12.43 → 1.12.45

package/dist/assets/theme.js

@@ -323,13 +323,24 @@ defaultTheme = createTheme(defaultTheme, {
         }
       }
     },
-    MuiPaper: {
+    MuiPagination: {
       styleOverrides: {
-        root: {
-          '&.MuiMenu-paper': {
-            // border: '1px solid ' + theme.palette.text.disabled,
-            // boxShadow: 'none'
-          }
+        selectLabel: {
+          fontWeight: 400,
+          fontSize: '12px',
+          lineHeight: '18px',
+          color: colors.text.disabled
+        },
+        displayedRows: {
+          fontWeight: 400,
+          fontSize: '12px',
+          lineHeight: '18px',
+          color: colors.text.disabled
+        },
+        input: {
+          fontWeight: 400,
+          fontSize: '12px',
+          lineHeight: '18px'
         }
       }
     }

package/dist/components/Select/index.js

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Select(props) {
+  var _props$fullWidth;
   return /*#__PURE__*/_jsxs(Box, {
     sx: {
       maxHeight: props.helperText ? '77px' : '56px'
@@ -35,7 +36,7 @@ function Select(props) {
       },
       children: /*#__PURE__*/_jsxs(MuiSelect, {
         "data-testid": props['data-testid'],
-        fullWidth: props.fullWidth,
+        fullWidth: (_props$fullWidth = props.fullWidth) != null ? _props$fullWidth : true,
         displayEmpty: true,
         error: props.error !== undefined,
         disabled: props.disabled,

package/dist/components/Select/select.theme.d.ts

@@ -1,7 +1,6 @@
 import { Theme } from '../../assets/theme.js';
 declare const selectTheme: (theme: Theme) => {
     defaultProps: {
-        fullWidth: boolean;
         displayEmpty: boolean;
     };
     styleOverrides: {

package/dist/components/Select/select.theme.js

@@ -1,7 +1,7 @@
 var selectTheme = function selectTheme(theme) {
   return {
     defaultProps: {
-      fullWidth: true,
+      // fullWidth: true,
       displayEmpty: true
     },
     styleOverrides: {

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

@@ -1,4 +1,4 @@
-import { TablePaginationProps as MuiTablePaginationProps, TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
+import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
 import React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 export type TableProps = {
@@ -60,7 +60,35 @@ export type TableHeadProps = {
 export declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 export type TablePaginationProps = {
     'data-testid'?: string;
-} & MuiTablePaginationProps;
+    /**
+     * The total number of rows.
+     *
+     * To enable server side pagination for an unknown number of items, provide -1.
+     */
+    count: number;
+    /**
+     * The zero-based index of the current page.
+     */
+    page: number;
+    /**
+     * The number of rows per page.
+     *
+     * Set -1 to display all the rows.
+     */
+    rowsPerPage: number;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
+     * @param {number} page The page selected.
+     */
+    onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
+    colSpan?: number;
+    sx?: SxProps<Theme>;
+    className?: string;
+    rowsPerPageOptions: number[];
+    onRowsPerPageChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
 export declare const TablePagination: (props: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
 export type TableRowProps = {
     'data-testid'?: string;

package/dist/components/Table/index.js

@@ -72,7 +72,17 @@ export var TableHead = function TableHead(props) {
   });
 };
 export var TablePagination = function TablePagination(props) {
-  return /*#__PURE__*/_jsx(MuiTablePagination, _extends({}, props));
+  return /*#__PURE__*/_jsx(MuiTablePagination, {
+    count: props.count,
+    page: props.page,
+    rowsPerPage: props.rowsPerPage,
+    colSpan: props.colSpan,
+    onPageChange: props.onPageChange,
+    sx: props.sx,
+    className: props.className,
+    rowsPerPageOptions: props.rowsPerPageOptions,
+    onRowsPerPageChange: props.onRowsPerPageChange
+  });
 };
 var StyledMuiTableRow = styled(MuiTableRow)(function (_ref2) {
   var theme = _ref2.theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.43",
+  "version": "1.12.45",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [