@ni/nimble-components 20.5.2 → 20.5.4

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 21 Sep 2023 23:36:37 GMT
+   * Generated on Tue, 26 Sep 2023 20:58:04 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -17248,6 +17248,23 @@
       return new MultivaluePropertyStyleSheetBehavior('appearance', value, styles);
   }
 
+  /**
+   * Hide content visually while keeping it screen reader-accessible.
+   * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
+   * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
+   */
+  const accessiblyHidden = cssPartial `
+    display: inline-block;
+    height: 1px;
+    width: 1px;
+    position: absolute;
+    margin: -1px;
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: inset(50%);
+    overflow: hidden;
+    padding: 0;
+`;
+
   const styles$R = css `
     @layer base, hover, focusVisible, active, disabled, top;
 
@@ -17322,22 +17339,7 @@
         }
 
         :host([content-hidden]) .content {
-            ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-            display: inline-block;
-            height: 1px;
-            width: 1px;
-            position: absolute;
-            margin: -1px;
-            clip: rect(1px, 1px, 1px, 1px);
-            clip-path: inset(50%);
-            overflow: hidden;
-            padding: 0;
+            ${accessiblyHidden}
         }
 
         [part='start'] {
@@ -18667,22 +18669,7 @@
     }
 
     :host([title-hidden]) slot[name='title'] {
-        ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-        display: inline-block;
-        height: 1px;
-        width: 1px;
-        position: absolute;
-        margin: -1px;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        overflow: hidden;
-        padding: 0;
+        ${accessiblyHidden}
     }
 
     .controls {
@@ -21086,22 +21073,7 @@
     }
 
     :host([header-hidden]) header {
-        ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-        display: inline-block;
-        height: 1px;
-        width: 1px;
-        position: absolute;
-        margin: -1px;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        overflow: hidden;
-        padding: 0;
+        ${accessiblyHidden}
     }
 
     .title {
@@ -63936,22 +63908,7 @@ img.ProseMirror-separator {
     }
 
     .accessibly-hidden {
-        ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-        display: inline-block;
-        height: 1px;
-        width: 1px;
-        position: absolute;
-        margin: -1px;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        overflow: hidden;
-        padding: 0;
+        ${accessiblyHidden}
     }
 `.withBehaviors(themeBehavior(Theme.color, css `
             .table-row-container::before {
@@ -65707,11 +65664,11 @@ img.ProseMirror-separator {
   function getTanStackSortingFunction(sortOperation) {
       switch (sortOperation) {
           case TableColumnSortOperation.basic:
-              return sortingFns.basic;
+              return basicSortFunction;
           case TableColumnSortOperation.localeAwareCaseSensitive:
               return localeAwareCaseSensitiveSortFunction;
           default:
-              return sortingFns.basic;
+              return basicSortFunction;
       }
   }
   /**
@@ -65733,6 +65690,40 @@ img.ProseMirror-separator {
       }
       return 1;
   }
+  /**
+   * A function to perform a basic sort of two rows from TanStack for a given column.
+   * The function sorts `undefined` followed by `null` before all other values.
+   */
+  function basicSortFunction(rowA, rowB, columnId) {
+      const valueA = rowA.getValue(columnId);
+      const valueB = rowB.getValue(columnId);
+      if (Object.is(valueA, valueB)) {
+          return 0;
+      }
+      if (valueA === undefined) {
+          return -1;
+      }
+      if (valueB === undefined) {
+          return 1;
+      }
+      if (valueA === null) {
+          return -1;
+      }
+      if (valueB === null) {
+          return 1;
+      }
+      if (Number.isNaN(valueA)) {
+          return -1;
+      }
+      if (Number.isNaN(valueB)) {
+          return 1;
+      }
+      if (valueA === 0 && valueB === 0) {
+          // Both values equal 0, but one is -0 and one is +0 because Object.is(valueA, valueB) returned false.
+          return Object.is(valueA, -0) ? -1 : 1;
+      }
+      return valueA > valueB ? 1 : -1;
+  }
 
   /**
    * This class manages the layout of columns within a Table.