@digital-ai/dot-components 2.11.3 → 2.12.0

package/CHANGE_LOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [2.12.0](https://www.npmjs.com/package/@digital-ai/dot-components) (07/27/2023)
+
+[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.3...2.12.0)
+
+**Features:**
+
+- S-94595: `DotTablePagination` improvements [\#1570](https://github.com/digital-ai/dot-components/pull/1570) ([dmiletic85](https://github.com/dmiletic85))
+
 ## [2.11.3](https://www.npmjs.com/package/@digital-ai/dot-components) (07/24/2023)
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.2...2.11.3)
@@ -370,6 +378,10 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.3.0...2.3.1)
 
+**Features:**
+
+- S-90007 Expose ListboxComponent [\#1358](https://github.com/digital-ai/dot-components/pull/1358) ([angel-git](https://github.com/angel-git))
+
 **Fixed bugs:**
 
 - S-89896: Remove 'identity.' from host when constructing platform url [\#1379](https://github.com/digital-ai/dot-components/pull/1379) ([jmcnally](https://github.com/jmcnally))
@@ -387,15 +399,12 @@
 
 - CI: bumps version to 2.2.1 \[skip ci\] \(\#1371\) [\#1372](https://github.com/digital-ai/dot-components/pull/1372) ([CWSites](https://github.com/CWSites))
 - resolving more warnings [\#1369](https://github.com/digital-ai/dot-components/pull/1369) ([CWSites](https://github.com/CWSites))
+- Upload drip echo icon [\#1366](https://github.com/digital-ai/dot-components/pull/1366) ([pauldigitalai](https://github.com/pauldigitalai))
 
 ## [2.2.1](https://www.npmjs.com/package/@digital-ai/dot-components) (02/08/2023)
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.21.8...2.2.1)
 
-**Features:**
-
-- S-90007 Expose ListboxComponent [\#1358](https://github.com/digital-ai/dot-components/pull/1358) ([angel-git](https://github.com/angel-git))
-
 **Fixed bugs:**
 
 - S-90105 `DotAutoComplete`: fix `readOnly` input attribute [\#1357](https://github.com/digital-ai/dot-components/pull/1357) ([angel-git](https://github.com/angel-git))
@@ -407,7 +416,6 @@
 **Misc:**
 
 - GitHub Action Troubleshooting [\#1368](https://github.com/digital-ai/dot-components/pull/1368) ([CWSites](https://github.com/CWSites))
-- Upload drip echo icon [\#1366](https://github.com/digital-ai/dot-components/pull/1366) ([pauldigitalai](https://github.com/pauldigitalai))
 - S-90007 Add missing test [\#1362](https://github.com/digital-ai/dot-components/pull/1362) ([angel-git](https://github.com/angel-git))
 - icons-pin-update-Jan-27th [\#1354](https://github.com/digital-ai/dot-components/pull/1354) ([pauldigitalai](https://github.com/pauldigitalai))
 
@@ -549,6 +557,7 @@
 **Features:**
 
 - S-87871 Expose callback when sidebar collapses/expands [\#1274](https://github.com/digital-ai/dot-components/pull/1274) ([angel-git](https://github.com/angel-git))
+- S-87316 Add focus state for Inline Edit [\#1255](https://github.com/digital-ai/dot-components/pull/1255) ([nikolinadapic](https://github.com/nikolinadapic))
 
 **Fixed bugs:**
 
@@ -577,10 +586,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.0.0-rc.1...1.21.2)
 
-**Features:**
-
-- S-87316 Add focus state for Inline Edit [\#1255](https://github.com/digital-ai/dot-components/pull/1255) ([nikolinadapic](https://github.com/nikolinadapic))
-
 **Fixed bugs:**
 
 - D-22241: `DotFileListItem`: fix focus states and expose `onKeyPress` [\#1254](https://github.com/digital-ai/dot-components/pull/1254) ([dmiletic85](https://github.com/dmiletic85))
@@ -952,7 +957,6 @@
 
 - D-19722: `Table`: Fix Storybook issues by refactoring Table's story. [\#974](https://github.com/digital-ai/dot-components/pull/974) ([dmiletic85](https://github.com/dmiletic85))
 - D-19713: Do not show alert banner close button if onClose not provided [\#973](https://github.com/digital-ai/dot-components/pull/973) ([selsemore](https://github.com/selsemore))
-- D-19474: DotDrawer fixes [\#939](https://github.com/digital-ai/dot-components/pull/939) ([selsemore](https://github.com/selsemore))
 
 **Misc:**
 
@@ -997,6 +1001,7 @@
 **Fixed bugs:**
 
 - D-19520: `AppToolbar`: Unnecessary scrollbar on the menu [\#941](https://github.com/digital-ai/dot-components/pull/941) ([dmiletic85](https://github.com/dmiletic85))
+- D-19474: DotDrawer fixes [\#939](https://github.com/digital-ai/dot-components/pull/939) ([selsemore](https://github.com/selsemore))
 
 **Misc:**
 
@@ -1021,6 +1026,7 @@
 
 **Features:**
 
+- S-80939: `Menu`: Add option to customize item's height [\#902](https://github.com/digital-ai/dot-components/pull/902) ([dmiletic85](https://github.com/dmiletic85))
 - S-77210: Component - Drawer [\#893](https://github.com/digital-ai/dot-components/pull/893) ([monapatel91](https://github.com/monapatel91))
 
 **Fixed bugs:**
@@ -1040,7 +1046,6 @@
 
 **Features:**
 
-- S-80939: `Menu`: Add option to customize item's height [\#902](https://github.com/digital-ai/dot-components/pull/902) ([dmiletic85](https://github.com/dmiletic85))
 - S-80871: `Sidebar` Changes on back arrow [\#896](https://github.com/digital-ai/dot-components/pull/896) ([dmiletic85](https://github.com/dmiletic85))
 - S-80855: Display tooltip on last breadcrumb item \(on hover\) when it is clipped with ellipsis [\#883](https://github.com/digital-ai/dot-components/pull/883) ([dmiletic85](https://github.com/dmiletic85))
 
@@ -1364,10 +1369,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.9...1.0.10)
 
-**Features:**
-
-- S-78487: Add agility colors for Accordion, Pill and Tabs [\#661](https://github.com/digital-ai/dot-components/pull/661) ([angel-git](https://github.com/angel-git))
-
 **Fixed bugs:**
 
 - D-18424: include breadcrumb wrapper with breadcrumb component [\#675](https://github.com/digital-ai/dot-components/pull/675) ([CWSites](https://github.com/CWSites))
@@ -1381,6 +1382,10 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.8...1.0.9)
 
+**Features:**
+
+- S-78487: Add agility colors for Accordion, Pill and Tabs [\#661](https://github.com/digital-ai/dot-components/pull/661) ([angel-git](https://github.com/angel-git))
+
 **Fixed bugs:**
 
 - D-18730: action toolbar support [\#671](https://github.com/digital-ai/dot-components/pull/671) ([CWSites](https://github.com/CWSites))

package/index.esm.js

@@ -8139,10 +8139,12 @@ const DotTablePagination = ({
   className,
   count,
   'data-testid': dataTestId,
+  labelRowsPerPage,
   onPageChange,
   onRowsPerPageChange,
   page: _page = 0,
   rowsPerPage: _rowsPerPage = 10,
+  rowsPerPageOptions: _rowsPerPageOptions = [...ROWS_PER_PAGE_OPTIONS],
   typography: _typography = 'subtitle2'
 }) => {
   const rootClasses = useStylesWithRootClass(rootClassName$h, className);
@@ -8170,11 +8172,12 @@ const DotTablePagination = ({
         component: "div",
         count: count,
         "data-testid": dataTestId,
+        labelRowsPerPage: labelRowsPerPage,
         onPageChange: handlePageChange,
         onRowsPerPageChange: handleChangeRowsPerPage,
         page: _page,
         rowsPerPage: _rowsPerPage,
-        rowsPerPageOptions: [...ROWS_PER_PAGE_OPTIONS]
+        rowsPerPageOptions: _rowsPerPageOptions
       }, void 0)
     }), void 0)
   );

package/index.umd.js

@@ -8854,14 +8854,17 @@
         className = _a.className,
         count = _a.count,
         dataTestId = _a["data-testid"],
+        labelRowsPerPage = _a.labelRowsPerPage,
         onPageChange = _a.onPageChange,
         onRowsPerPageChange = _a.onRowsPerPageChange,
         _b = _a.page,
         page = _b === void 0 ? 0 : _b,
         _c = _a.rowsPerPage,
         rowsPerPage = _c === void 0 ? 10 : _c,
-        _d = _a.typography,
-        typography = _d === void 0 ? 'subtitle2' : _d;
+        _d = _a.rowsPerPageOptions,
+        rowsPerPageOptions = _d === void 0 ? __spreadArray([], ROWS_PER_PAGE_OPTIONS) : _d,
+        _e = _a.typography,
+        typography = _e === void 0 ? 'subtitle2' : _e;
       var rootClasses = useStylesWithRootClass(rootClassName$h, className);
       var handlePageChange = function handlePageChange(event, newPage) {
         onPageChange && onPageChange(newPage);
@@ -8887,11 +8890,12 @@
             component: "div",
             count: count,
             "data-testid": dataTestId,
+            labelRowsPerPage: labelRowsPerPage,
             onPageChange: handlePageChange,
             onRowsPerPageChange: handleChangeRowsPerPage,
             page: page,
             rowsPerPage: rowsPerPage,
-            rowsPerPageOptions: __spreadArray([], ROWS_PER_PAGE_OPTIONS)
+            rowsPerPageOptions: rowsPerPageOptions
           }, void 0)
         }), void 0)
       );

package/lib/components/table/TablePagination.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 import { TypographyVariant } from '../typography/Typography';
 export declare const ROWS_PER_PAGE_OPTIONS: readonly [10, 25, 50, 100, 150, 200];
@@ -6,6 +6,8 @@ export declare type RowsPerPageOption = typeof ROWS_PER_PAGE_OPTIONS[number];
 export interface TablePaginationProps extends CommonProps {
     /** Total number of rows (-1 if unknown) */
     count: number;
+    /** Customize the rows per page label. Default is 'Rows per page:' */
+    labelRowsPerPage?: ReactNode;
     /** Callback fired when the page is changed */
     onPageChange: (newPage: number) => void;
     /** Callback fired when the number of rows per page is changed */
@@ -13,9 +15,11 @@ export interface TablePaginationProps extends CommonProps {
     /** The zero-based index of the current page */
     page?: number;
     /** The number of rows per page */
-    rowsPerPage?: RowsPerPageOption;
+    rowsPerPage?: number;
+    /** Customizes the options of the rows per page select field. Default: [10, 25, 50, 100, 150, 200] */
+    rowsPerPageOptions?: number[];
     /** Typography variant which will be used for pagination text */
     typography: TypographyVariant;
 }
 /** This component wraps the TablePagination component from @material-ui. */
-export declare const DotTablePagination: ({ ariaLabel, className, count, "data-testid": dataTestId, onPageChange, onRowsPerPageChange, page, rowsPerPage, typography, }: TablePaginationProps) => JSX.Element;
+export declare const DotTablePagination: ({ ariaLabel, className, count, "data-testid": dataTestId, labelRowsPerPage, onPageChange, onRowsPerPageChange, page, rowsPerPage, rowsPerPageOptions, typography, }: TablePaginationProps) => JSX.Element;

package/lib/components/table/TablePagination.stories.d.ts

@@ -1,5 +1,7 @@
 import { ComponentMeta, Story } from '@storybook/react';
 import { TablePaginationProps } from './TablePagination';
-declare const _default: ComponentMeta<({ ariaLabel, className, count, "data-testid": dataTestId, onPageChange, onRowsPerPageChange, page, rowsPerPage, typography, }: TablePaginationProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ ariaLabel, className, count, "data-testid": dataTestId, labelRowsPerPage, onPageChange, onRowsPerPageChange, page, rowsPerPage, rowsPerPageOptions, typography, }: TablePaginationProps) => JSX.Element>;
 export default _default;
 export declare const Default: Story<TablePaginationProps>;
+export declare const WithCustomRowsPerPageOptions: any;
+export declare const WithCustomRowsPerPageLabel: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.11.3",
+  "version": "2.12.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [