@auth0/quantum-product 2.8.2 → 2.9.0

package/column-layout/column-layout.d.ts

@@ -10,5 +10,5 @@ export type IColumnLayoutProps = IStyledComponentProps<{
     classKey: 'QuantumColumnLayout';
 }>;
 export declare const ColumnLayout: React.ForwardRefExoticComponent<ILayoutComponentProps & {
-    distribution?: ColumnLayoutDistribution | undefined;
+    distribution?: ColumnLayoutDistribution;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | keyof ILayoutComponentProps | "distribution"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLElement>>;

package/column-layout/column-layout.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/config-block/config-block-classes.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.configBlockClasses = exports.getConfigBlockUtilityClass = exports.configBlockComponentName = void 0;
+exports.configBlockClasses = exports.configBlockComponentName = void 0;
+exports.getConfigBlockUtilityClass = getConfigBlockUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.configBlockComponentName = 'QuantumConfigBlock';
 function getConfigBlockUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.configBlockComponentName, slot);
 }
-exports.getConfigBlockUtilityClass = getConfigBlockUtilityClass;
 exports.configBlockClasses = (0, classes_1.generateUtilityClasses)(exports.configBlockComponentName, ['root', 'avatar', 'control']);

package/config-block/config-block.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/copy-button/copy-button.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/danger-zone/danger-zone-item/danger-zone-item.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/danger-zone/danger-zone-item-action/danger-zone-item-action.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DangerZoneItemAction = exports.dangerZoneItemActionComponentName = void 0;
 var React = __importStar(require("react"));

package/danger-zone/danger-zone.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/data-table/data-table-row.d.ts

@@ -6,6 +6,8 @@ export interface IDataTableRowProps<ItemType extends object = any> extends ITabl
     item: ItemType;
     /** index of the item */
     index: number;
+    /** Show row highlight on hover */
+    hover?: boolean;
     /** column information */
     columns: Array<IDataTableColumn<ItemType> | null | undefined | false>;
     /** hide the header to the table */
@@ -17,5 +19,5 @@ export interface IDataTableRowProps<ItemType extends object = any> extends ITabl
     /** If passed will call to return a custom row component  */
     componentRenderer?(item: ItemType, index: number): React.ElementType<HTMLTableRowElement>;
 }
-export declare const isRenderableColumn: (column: IDataTableColumn) => column is IDataTableColumnRenderable<any>;
+export declare const isRenderableColumn: (column: IDataTableColumn) => column is IDataTableColumnRenderable;
 export declare function DataTableRow<ItemType extends object = any>(props: IDataTableRowProps<ItemType>): React.JSX.Element;

package/data-table/data-table-row.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -61,7 +71,8 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableRow = exports.isRenderableColumn = void 0;
+exports.isRenderableColumn = void 0;
+exports.DataTableRow = DataTableRow;
 var React = __importStar(require("react"));
 var collapse_1 = require("../collapse");
 var icon_1 = require("../icon");
@@ -72,12 +83,14 @@ var table_1 = require("../table");
 var box_1 = require("../box");
 var Row = (0, styled_1.styled)(table_1.TableRow, { name: 'QuantumDataTableRow', slot: 'row' })(function (_a) {
     var ownerState = _a.ownerState, theme = _a.theme;
-    return (__assign(__assign({}, (ownerState.expandable && {
+    return (__assign(__assign(__assign({}, (ownerState.expandable && {
         '& > *': {
             borderBottom: 'none',
         },
     })), (ownerState.expanded && {
         backgroundColor: (0, color_manipulator_1.fade)(theme.tokens.color_bg_interactive_hover, 0.5),
+    })), (ownerState.clickable && {
+        cursor: 'pointer',
     })));
 });
 var isRenderableColumn = function (column) {
@@ -88,11 +101,20 @@ function DataTableRow(props) {
     var _a = __read(React.useState(false), 2), isExpanded = _a[0], setIsExpanded = _a[1];
     var item = props.item, index = props.index, columns = props.columns, onRowClick = props.onRowClick, renderItemDetails = props.renderItemDetails, componentRenderer = props.componentRenderer, hover = props.hover, hideHeader = props.hideHeader, rowProps = __rest(props, ["item", "index", "columns", "onRowClick", "renderItemDetails", "componentRenderer", "hover", "hideHeader"]);
     var detailsContent = null;
+    var isClickable = !!onRowClick;
+    // If hover is explicitly passed, respect it. Otherwise, enable hover when clickable.
+    var showHover = hover !== undefined ? hover : isClickable;
     if (renderItemDetails) {
         detailsContent = renderItemDetails(item);
     }
+    var handleRowClick = function (event) {
+        if (onRowClick) {
+            onRowClick(event, { item: item, index: index });
+        }
+    };
+    var rowClickProps = isClickable ? { onClick: handleRowClick } : {};
     return (React.createElement(React.Fragment, null,
-        React.createElement(Row, __assign({}, { component: componentRenderer ? componentRenderer(item, index) : 'tr' }, { hover: hover, ownerState: { expandable: !!detailsContent, expanded: isExpanded } }, rowProps),
+        React.createElement(Row, __assign({}, rowProps, { component: componentRenderer ? componentRenderer(item, index) : 'tr', hover: showHover, ownerState: { expandable: !!detailsContent, expanded: isExpanded, clickable: isClickable } }, rowClickProps),
             columns.map(function (column, colIndex) {
                 if (!column) {
                     return null;
@@ -106,10 +128,12 @@ function DataTableRow(props) {
                 }
                 return hideHeader ? (React.createElement(table_1.TableCell, { width: column.width, key: colIndex, align: column.align, padding: column.padding }, content)) : (React.createElement(table_1.TableCell, { key: colIndex, align: column.align, padding: column.padding }, content));
             }),
-            !!renderItemDetails && (React.createElement(table_1.TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(icon_button_1.IconButton, { onClick: function () { return setIsExpanded(!isExpanded); }, variant: "link", label: isExpanded ? 'Collapse' : 'Expand' }, isExpanded ? React.createElement(icon_1.ChevronUpIcon, null) : React.createElement(icon_1.ChevronDownIcon, null)))))),
+            !!renderItemDetails && (React.createElement(table_1.TableCell, { padding: "checkbox", align: "right" }, !!detailsContent && (React.createElement(icon_button_1.IconButton, { onClick: function (event) {
+                    event.stopPropagation();
+                    setIsExpanded(!isExpanded);
+                }, variant: "link", label: isExpanded ? 'Collapse' : 'Expand' }, isExpanded ? React.createElement(icon_1.ChevronUpIcon, null) : React.createElement(icon_1.ChevronDownIcon, null)))))),
         !!detailsContent && (React.createElement(Row, { ownerState: { expanded: true } },
             React.createElement(table_1.TableCell, { padding: "none", colSpan: columns.length + 1 },
                 React.createElement(collapse_1.Collapse, { in: isExpanded, timeout: "auto", unmountOnExit: true },
                     React.createElement(box_1.Box, { p: 2 }, detailsContent)))))));
 }
-exports.DataTableRow = DataTableRow;

package/data-table/data-table-types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITableCellProps, TableCellSortDirection } from '../table';
 export interface IDataTableCellData<ItemType extends object = any> {
     item: ItemType;

package/data-table/data-table.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ITableContainerProps } from '../table';
+import { ITableContainerProps, ITableRowProps } from '../table';
 import { IDataTableRowProps } from './data-table-row';
 import { DataTableSortDirectionType, IDataTableColumn, UnionOrString } from './data-table-types';
 export interface IDataTableProps<ItemType extends object = any> extends ITableContainerProps, Pick<IDataTableRowProps<ItemType>, 'onRowClick' | 'renderItemDetails' | 'hideHeader'> {
@@ -32,5 +32,11 @@ export interface IDataTableProps<ItemType extends object = any> extends ITableCo
      * Used to override default row component with custom behavior (drag/drop)
      */
     rowRenderer?(item: ItemType, index: number): React.ElementType<HTMLTableRowElement>;
+    /**
+     * Used to customize row props (style, className, etc.) per item.
+     */
+    getRowProps?(item: ItemType, index: number): ITableRowProps;
 }
-export declare const DataTable: <ItemType extends object = any>(props: IDataTableProps<ItemType>, ref: React.Ref<HTMLDivElement>) => React.JSX.Element;
+declare const DataTableImpl: <ItemType extends object = any>(props: IDataTableProps<ItemType>, ref: React.Ref<HTMLDivElement>) => React.JSX.Element;
+export declare const DataTable: typeof DataTableImpl;
+export {};

package/data-table/data-table.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -54,7 +64,7 @@ var isSortableColumn = function (column) {
     return !!column.sortable;
 };
 var DataTableImpl = function (props, ref) {
-    var items = props.items, hover = props.hover, columns = props.columns, onRowClick = props.onRowClick, onSort = props.onSort, sortDirection = props.sortDirection, sortOn = props.sortOn, _a = props.emptyMessage, emptyMessage = _a === void 0 ? 'There are no items to display.' : _a, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, _c = props.hideHeader, hideHeader = _c === void 0 ? false : _c, renderItemDetails = props.renderItemDetails, rowRenderer = props.rowRenderer, _d = props.keyExtractor, keyExtractor = _d === void 0 ? function (_item, index) { return index; } : _d, containerProps = __rest(props, ["items", "hover", "columns", "onRowClick", "onSort", "sortDirection", "sortOn", "emptyMessage", "isLoading", "hideHeader", "renderItemDetails", "rowRenderer", "keyExtractor"]);
+    var items = props.items, hover = props.hover, columns = props.columns, onRowClick = props.onRowClick, onSort = props.onSort, sortDirection = props.sortDirection, sortOn = props.sortOn, _a = props.emptyMessage, emptyMessage = _a === void 0 ? 'There are no items to display.' : _a, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, _c = props.hideHeader, hideHeader = _c === void 0 ? false : _c, renderItemDetails = props.renderItemDetails, rowRenderer = props.rowRenderer, _d = props.keyExtractor, keyExtractor = _d === void 0 ? function (_item, index) { return index; } : _d, getRowProps = props.getRowProps, containerProps = __rest(props, ["items", "hover", "columns", "onRowClick", "onSort", "sortDirection", "sortOn", "emptyMessage", "isLoading", "hideHeader", "renderItemDetails", "rowRenderer", "keyExtractor", "getRowProps"]);
     var showEmptyState = !isLoading && !items.length;
     return (React.createElement(table_1.TableContainer, __assign({}, containerProps, { ref: ref }),
         React.createElement(table_1.Table, null,
@@ -72,7 +82,8 @@ var DataTableImpl = function (props, ref) {
                     }),
                     !!renderItemDetails && React.createElement(table_1.TableCell, null)))),
             React.createElement(table_1.TableBody, null, props.items.map(function (item, index) {
-                return (React.createElement(data_table_row_1.DataTableRow, { hideHeader: hideHeader, hover: hover, columns: columns, key: keyExtractor(item, index), item: item, index: index, componentRenderer: rowRenderer, onRowClick: onRowClick, renderItemDetails: renderItemDetails }));
+                var rowProps = getRowProps ? getRowProps(item, index) : undefined;
+                return (React.createElement(data_table_row_1.DataTableRow, __assign({ hideHeader: hideHeader, hover: hover, columns: columns, key: keyExtractor(item, index), item: item, index: index, componentRenderer: rowRenderer, onRowClick: onRowClick, renderItemDetails: renderItemDetails }, rowProps)));
             }))),
         isLoading && React.createElement(table_1.TableLoadingState, { items: items }),
         showEmptyState && (React.createElement(table_1.TableEmptyState, null,

package/date-picker/date-picker-classes.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.datePickerPopoverClasses = exports.datePickerClasses = exports.getDatePickerPopoverUtilityClass = exports.getDatePickerUtilityClass = exports.datePickerPopoverComponentName = exports.datePickerComponentName = void 0;
+exports.datePickerPopoverClasses = exports.datePickerClasses = exports.datePickerPopoverComponentName = exports.datePickerComponentName = void 0;
+exports.getDatePickerUtilityClass = getDatePickerUtilityClass;
+exports.getDatePickerPopoverUtilityClass = getDatePickerPopoverUtilityClass;
 var classes_1 = require("../styles/classes");
 exports.datePickerComponentName = 'QuantumDatePicker';
 exports.datePickerPopoverComponentName = 'QuantumDatePickerPopover';
 function getDatePickerUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.datePickerComponentName, slot);
 }
-exports.getDatePickerUtilityClass = getDatePickerUtilityClass;
 function getDatePickerPopoverUtilityClass(slot) {
     return (0, classes_1.generateUtilityClass)(exports.datePickerPopoverComponentName, slot);
 }
-exports.getDatePickerPopoverUtilityClass = getDatePickerPopoverUtilityClass;
 exports.datePickerClasses = (0, classes_1.generateUtilityClasses)(exports.datePickerComponentName, ['root', 'input']);
 exports.datePickerPopoverClasses = (0, classes_1.generateUtilityClasses)(exports.datePickerPopoverComponentName, [
     'root',

package/date-picker/date-picker-context.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatePickerContext = exports.DatePickerContext = void 0;
 var React = __importStar(require("react"));

package/date-picker/date-picker-popover.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -105,7 +115,7 @@ var Content = (0, styled_1.styled)(card_1.Card, { name: date_picker_classes_1.da
                 : 'auto'
             : ownerState.showTwoMonths
                 ? theme.typography.pxToRem(514) // Width for two months calendar view
-                : theme.typography.pxToRem(256),
+                : theme.typography.pxToRem(256), // Width for single month calendar view
         WebkitOverflowScrolling: 'touch',
         padding: theme.spacing(1),
         border: "1px solid ".concat(theme.tokens.color_border_default),

package/date-picker/date-picker-state.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/date-picker/date-picker-time-input.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerTimeInput = void 0;
 var React = __importStar(require("react"));

package/date-picker/date-picker-utils.d.ts

@@ -13,7 +13,7 @@ export declare const tryParseDate: (dateString: string, formatStrings: string[],
 /**
  * Handles parsing a timestamp (number) into a Date
  */
-export declare const parseTimestamp: (timestamp: number, unit?: 'ms' | 's') => Date | null;
+export declare const parseTimestamp: (timestamp: number, unit?: "ms" | "s") => Date | null;
 /**
  * Parses a date range string (format: "start - end")
  */

package/date-picker/date-picker.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/description-block/description-block.d.ts

@@ -20,12 +20,12 @@ export type IDescriptionBlockProps = IStyledComponentProps<{
 }>;
 export declare const DescriptionBlock: React.ForwardRefExoticComponent<IDescriptionBlockRootOwnerState & {
     description: React.ReactNode;
-    code?: boolean | undefined;
-    copyLabel?: string | undefined;
-    copiedLabel?: string | undefined;
+    code?: boolean;
+    copyLabel?: string;
+    copiedLabel?: string;
     component?: any;
-    labelTypographyProps?: ITextProps<"span"> | undefined;
-    descriptionTypographyProps?: ITextProps<"span"> | undefined;
+    labelTypographyProps?: ITextProps;
+    descriptionTypographyProps?: ITextProps;
     onCopy?(event: React.MouseEvent<HTMLButtonElement>): void;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "code" | "ref" | "onCopy" | "component" | "description" | "descriptionTypographyProps" | "copiedLabel" | keyof IDescriptionBlockRootOwnerState | "copyLabel" | "labelTypographyProps"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;
 export {};