@react-md/core 1.0.0-next.0 → 1.0.0-next.2

package/coverage/lcov-report/src/suspense/CircularProgressSuspense.tsx.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/49</span>
+                <span class='fraction'>0/66</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/49</span>
+                <span class='fraction'>0/66</span>
             </div>
         
             
@@ -112,7 +112,41 @@
 <a name='L47'></a><a href='#L47'>47</a>
 <a name='L48'></a><a href='#L48'>48</a>
 <a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -171,6 +205,10 @@
 <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
 <span class="cstat-no" title="statement not covered" > */</span>
 <span class="cstat-no" title="statement not covered" >export interface CircularProgressSuspenseProps extends CircularProgressProps {</span>
+<span class="cstat-no" title="statement not covered" >  /**</span>
+<span class="cstat-no" title="statement not covered" >   * @defaultValue `"Loading"`</span>
+<span class="cstat-no" title="statement not covered" >   */</span>
+<span class="cstat-no" title="statement not covered" >  "aria-label"?: string;</span>
 <span class="cstat-no" title="statement not covered" >  children: ReactNode;</span>
 <span class="cstat-no" title="statement not covered" >}</span>
 <span class="cstat-no" title="statement not covered" ></span>
@@ -203,9 +241,22 @@
 <span class="cstat-no" title="statement not covered" >export function CircularProgressSuspense(</span>
 <span class="cstat-no" title="statement not covered" >  props: CircularProgressSuspenseProps</span>
 <span class="cstat-no" title="statement not covered" >): ReactElement {</span>
-<span class="cstat-no" title="statement not covered" >  const { children, ...progressProps } = props;</span>
+<span class="cstat-no" title="statement not covered" >  const {</span>
+<span class="cstat-no" title="statement not covered" >    children,</span>
+<span class="cstat-no" title="statement not covered" >    "aria-labelledby": ariaLabelledBy,</span>
+<span class="cstat-no" title="statement not covered" >    "aria-label": ariaLabel = ariaLabelledBy ? undefined : "Loading",</span>
+<span class="cstat-no" title="statement not covered" >    ...progressProps</span>
+<span class="cstat-no" title="statement not covered" >  } = props;</span>
 <span class="cstat-no" title="statement not covered" >  return (</span>
-<span class="cstat-no" title="statement not covered" >    &lt;Suspense fallback={&lt;CircularProgress {...progressProps} /&gt;}&gt;</span>
+<span class="cstat-no" title="statement not covered" >    &lt;Suspense</span>
+<span class="cstat-no" title="statement not covered" >      fallback={</span>
+<span class="cstat-no" title="statement not covered" >        &lt;CircularProgress</span>
+<span class="cstat-no" title="statement not covered" >          aria-label={ariaLabel as string}</span>
+<span class="cstat-no" title="statement not covered" >          aria-labelledby={ariaLabelledBy}</span>
+<span class="cstat-no" title="statement not covered" >          {...progressProps}</span>
+<span class="cstat-no" title="statement not covered" >        /&gt;</span>
+<span class="cstat-no" title="statement not covered" >      }</span>
+<span class="cstat-no" title="statement not covered" >    &gt;</span>
 <span class="cstat-no" title="statement not covered" >      {children}</span>
 <span class="cstat-no" title="statement not covered" >    &lt;/Suspense&gt;</span>
 <span class="cstat-no" title="statement not covered" >  );</span>
@@ -217,7 +268,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-13T20:44:31.635Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/suspense/NullSuspense.tsx.html

@@ -187,7 +187,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/suspense/index.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/88</span>
+                <span class='fraction'>0/66</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
+                <span class='fraction'>0/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/88</span>
+                <span class='fraction'>0/66</span>
             </div>
         
             
@@ -84,28 +84,13 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="49" class="abs low">0/49</td>
+	<td data-value="66" class="abs low">0/66</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="1" class="abs low">0/1</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="1" class="abs low">0/1</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="49" class="abs low">0/49</td>
-	</tr>
-
-<tr>
-	<td class="file low" data-value="NullSuspense.tsx"><a href="NullSuspense.tsx.html">NullSuspense.tsx</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
-	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="39" class="abs low">0/39</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="1" class="abs low">0/1</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="39" class="abs low">0/39</td>
+	<td data-value="66" class="abs low">0/66</td>
 	</tr>
 
 </tbody>
@@ -116,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-13T20:44:31.635Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/Table.tsx.html

@@ -511,7 +511,7 @@ export const Table = forwardRef<HTMLTableElement, TableProps>(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-26T01:22:30.662Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableBody.tsx.html

@@ -265,7 +265,7 @@ export const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps&g
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-26T01:22:30.662Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableCell.tsx.html

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>367/367</span>
+                <span class='fraction'>362/362</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36% </span>
+                <span class="strong">34.61% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>9/25</span>
+                <span class='fraction'>9/26</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>367/367</span>
+                <span class='fraction'>362/362</span>
             </div>
         
             
@@ -425,16 +425,7 @@
 <a name='L360'></a><a href='#L360'>360</a>
 <a name='L361'></a><a href='#L361'>361</a>
 <a name='L362'></a><a href='#L362'>362</a>
-<a name='L363'></a><a href='#L363'>363</a>
-<a name='L364'></a><a href='#L364'>364</a>
-<a name='L365'></a><a href='#L365'>365</a>
-<a name='L366'></a><a href='#L366'>366</a>
-<a name='L367'></a><a href='#L367'>367</a>
-<a name='L368'></a><a href='#L368'>368</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<a name='L363'></a><a href='#L363'>363</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -757,7 +748,6 @@
 <span class="cline-any cline-yes">135x</span>
 <span class="cline-any cline-yes">135x</span>
 <span class="cline-any cline-yes">135x</span>
-<span class="cline-any cline-yes">135x</span>
 <span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-yes">11x</span>
 <span class="cline-any cline-yes">135x</span>
@@ -806,7 +796,7 @@ import {
   type TdHTMLAttributes,
   type ThHTMLAttributes,
 } from "react";
-import { useIcon } from "../icon/IconProvider.js";
+import { getIcon } from "../icon/iconConfig.js";
 import { type PropsWithRef } from "../types.js";
 import { TableCellContent, type SortOrder } from "./TableCellContent.js";
 import {
@@ -905,15 +895,9 @@ export interface TableCellProps extends TableCellAttributes, TableCellOptions {
   sortIconRotated?: boolean;
 &nbsp;
   /**
-   * Boolean if cell should no longer have any padding since you want a child
-   * element to span the entire size of the cell instead. This is helpful when
-   * rendering clickable and focusable elements within a cell.
-   *
-   * This will be defaulted to `true` if the `"aria-sort"` prop has been
-   * provided and the `sortIcon` is not resoled as `null`. You can override this
-   * default behavior by manually setting this to `true` or `false`.
+   * @defaultValue `"horizontal"`
    */
-  disablePadding?: boolean;
+  padding?: "horizontal" | "vertical" | "none";
 &nbsp;
   /**
    * This can be used to apply styling or any other props to the
@@ -1024,10 +1008,12 @@ export interface TableCellClassNameOptions {
   vAlign?: TableCellVerticalAlignment;
 &nbsp;
   /** @defaultValue `true` */
-  lineWrap?: boolean | "padded";
+  lineWrap?: boolean;
 &nbsp;
-  /** @defaultValue `false` */
-  disablePadding?: boolean;
+  /**
+   * @defaultValue `"horizontal"`
+   */
+  padding?: "horizontal" | "vertical" | "none";
 }
 &nbsp;
 /**
@@ -1042,7 +1028,7 @@ export function tableCell(options: TableCellClassNameOptions): string {
     hAlign,
     vAlign,
     lineWrap = true,
-    disablePadding,
+    padding = "horizontal",
     isInTableHeader,
     className,
   } = options;
@@ -1062,8 +1048,8 @@ export function tableCell(options: TableCellClassNameOptions): string {
     hAlign &amp;&amp; hAlign !== <span class="branch-0 cbranch-no" title="branch not covered" >"left" &amp;&amp; `${p}${hAlign}`,</span>
     vAlign &amp;&amp; vAlign !== <span class="branch-0 cbranch-no" title="branch not covered" >"middle" &amp;&amp; `${p}${vAlign}`,</span>
     !lineWrap &amp;&amp; `${p}no-wrap`,
-    !disablePadding &amp;&amp; lineWrap === <span class="branch-0 cbranch-no" title="branch not covered" >"padded" &amp;&amp; `${p}padded`,</span>
-<span class="branch-0 cbranch-no" title="branch not covered" >    disablePadding &amp;&amp; `${p}no-padding`,</span>
+    padding === <span class="branch-0 cbranch-no" title="branch not covered" >"vertical" &amp;&amp; `${p}v-padding`,</span>
+    padding === <span class="branch-0 cbranch-no" title="branch not covered" >"none" &amp;&amp; `${p}no-padding`,</span>
     className
   );
 }
@@ -1099,13 +1085,12 @@ export const TableCell = forwardRef&lt;HTMLTableCellElement, TableCellProps&gt;(
       sortIcon: propSortIcon,
       sortIconAfter = false,
       sortIconRotated,
-      disablePadding,
+      padding = "horizontal",
       contentProps,
       ...remaining
     } = props;
 &nbsp;
-    const sortIcon = useIcon("sort", propSortIcon);
-    const isNoPadding = disablePadding ?? !!(sortIcon &amp;&amp; sortOrder);
+    const sortIcon = getIcon("sort", propSortIcon);
 &nbsp;
     // Note: unlike the other usages of `useTableConfig`, the `propHeader`
     // is not provided. This is so that `TableCheckbox` components can still
@@ -1143,7 +1128,7 @@ export const TableCell = forwardRef&lt;HTMLTableCellElement, TableCellProps&gt;(
           hAlign,
           vAlign,
           lineWrap: !sortOrder &amp;&amp; lineWrap,
-          disablePadding: isNoPadding,
+          padding: sortIcon &amp;&amp; <span class="branch-0 cbranch-no" title="branch not covered" >sortOrder ? "none" : p</span>adding,
           isInTableHeader: inheritedHeader,
         })}
         scope={scope}
@@ -1171,7 +1156,7 @@ export const TableCell = forwardRef&lt;HTMLTableCellElement, TableCellProps&gt;(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableCellContent.tsx.html

@@ -284,7 +284,7 @@ export interface TableCellContentProps
   sortOrder?: SortOrder;
  
   /**
-   * This should normally be the `useIcon("sort")`
+   * This should normally be the `getIcon("sort")`
    */
   icon?: ReactNode;
  
@@ -367,7 +367,7 @@ export const TableCellContent = forwardRef<
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableCheckbox.tsx.html

@@ -694,7 +694,7 @@ export const TableCheckbox = forwardRef<
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-26T01:22:30.662Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableConfigurationProvider.tsx.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>135/135</span>
+                <span class='fraction'>133/133</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>135/135</span>
+                <span class='fraction'>133/133</span>
             </div>
         
             
@@ -196,11 +196,7 @@
 <a name='L131'></a><a href='#L131'>131</a>
 <a name='L132'></a><a href='#L132'>132</a>
 <a name='L133'></a><a href='#L133'>133</a>
-<a name='L134'></a><a href='#L134'>134</a>
-<a name='L135'></a><a href='#L135'>135</a>
-<a name='L136'></a><a href='#L136'>136</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<a name='L134'></a><a href='#L134'>134</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -377,13 +373,11 @@ export interface TableCellConfiguration {
   vAlign?: TableCellVerticalAlignment;
 &nbsp;
   /**
-   * Set this to `true` to allow `TableCell` content to line wrap. Set this to
-   * `"padded"` to allow `TableCell` content to line wrap and add additional
-   * vertical padding.
+   * Set this to `true` to allow `TableCell` content to line wrap.
    *
    * @defaultValue `false`
    */
-  lineWrap?: boolean | "padded";
+  lineWrap?: boolean;
 }
 &nbsp;
 /**
@@ -475,7 +469,7 @@ export const { Provider: TableConfigProvider } = context;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-19T01:08:26.865Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableContainer.tsx.html

@@ -226,7 +226,7 @@ export const TableContainer = forwardRef<HTMLDivElement, TableContainerProps&
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableContainerProvider.tsx.html

@@ -178,7 +178,7 @@ export function useTableContainer(): Readonly<TableContainerContext> {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableFooter.tsx.html

@@ -502,7 +502,7 @@ export const TableFooter = forwardRef<
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableHeader.tsx.html

@@ -601,7 +601,7 @@ export const TableHeader = forwardRef<
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/table/TableRow.tsx.html

@@ -355,7 +355,7 @@ export const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-26T01:22:30.662Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>