@visual-framework/vf-table - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

CHANGELOG.md

@@ -0,1 +1,5 @@
+### 1.2.2
+
+* Fixed: Fixed issue with row selection and highlighting for vf-table [Tracking issue](https://github.com/visual-framework/vf-core/issues/2087)
+
 ### 1.2.1
@@ -2,0 +6,0 @@

package.json

 {
-  "version": "1.2.1",
+  "version": "1.2.2",
   "name": "@visual-framework/vf-table",
@@ -23,3 +23,3 @@ "description": "vf-table component",
   ],
-  "gitHead": "6c483404f12be8ec4dee1c14a651d7f260ea932e"
+  "gitHead": "5cd27a648550f76c0c5531421339929ff4f6e902"
 }

package.variables.scss

 $componentInfo: (
              name: "@visual-framework/vf-table",
-             version: "1.2.1",
+             version: "1.2.2",
              location: "components/undefined",
-             vfCoreVersion: "2.2.44",
-             buildTimeStamp: "Wed, 14 Aug 2024 01:17:15 GMT"
+             vfCoreVersion: "2.2.46",
+             buildTimeStamp: "Tue, 10 Sep 2024 21:50:14 GMT"
           );

vf-table.css

@@ -98,3 +98,3 @@ /* stylelint-disable */
 * Component: @visual-framework/vf-table
-* Version: 1.2.1
+* Version: 1.2.2
 * Location: components/undefined
@@ -218,3 +218,3 @@ */
 .vf-table__row--selected {
-  background-color: #d1e3f6;
+  background-color: #d1e3f6 !important;
   color: #ffffff;
@@ -221,0 +221,0 @@ }

vf-table.js

 // vf-table
 
-// Don't need JS? Then feel free to delete this file.
-
 /*
@@ -19,26 +17,41 @@ * A note on the Visual Framework and JavaScript:
  */
+function vfTable() {
+  var checkboxes = document.querySelectorAll("tbody tr input[type=checkbox]");
 
-// Uncomment this boilerplate
-// // if you need to import any other components' JS to use here
-// import { vfOthercomponent } from 'vf-other-component/vf-other-component';
-//
-//  /**
-//   * The global function for this component
-//   * @example vfcomponentName(firstPassedVar)
-//   * @param {string} [firstPassedVar]  - An option to be passed
-//   */
-// function vfcomponentName(firstPassedVar) {
-//   firstPassedVar = firstPassedVar || 'defaultVal';
-//
-// }
-//
-// // If you need to invoke the component by default
-// vfcomponentName();
-//
+  checkboxes.forEach(function(checkbox) {
+    checkbox.addEventListener("change", function() {
+      var tr = checkbox.closest("tr");
+      if (checkbox.checked) {
+        tr.classList.add("vf-table__row--selected");
+      } else {
+        tr.classList.remove("vf-table__row--selected");
+      }
+    });
+  });
+
+  var header_checkboxes = document.querySelectorAll(
+    ".vf-table__heading input[type=checkbox]"
+  );
+
+  header_checkboxes.forEach(function(header_checkbox) {
+    header_checkbox.addEventListener("change", function() {
+      var tbody = header_checkbox.closest("thead").nextElementSibling;
+      var checkboxes = tbody.querySelectorAll("tr input[type=checkbox]");
+      if (header_checkbox.checked) {
+        checkboxes.forEach(function(checkbox) {
+          checkbox.checked = true;
+          let event = new Event("change");
+          checkbox.dispatchEvent(event);
+        });
+      } else {
+        checkboxes.forEach(function(checkbox) {
+          checkbox.checked = false;
+          let event = new Event("change");
+          checkbox.dispatchEvent(event);
+        });
+      }
+    });
+  });
+}
 // // By default your component should be usable with js imports
-// export { vfcomponentName };
-//
-// // You should also import it at ./components/vf-core/scripts.js
-// // import { vfcomponentName } from '../components/raw/vf-component/vf-component.js';
-// // And, if needed, invoke it
-// // vfcomponentName();
+export { vfTable };

vf-table.njk

@@ -34,4 +34,5 @@ <svg class="vf-icon-sprite vf-icon-sprite--tables" display="none">
         <th class="vf-table__heading" scope="col">
-          <input type="checkbox" id="select-all" class="vf-form__checkbox | vf-table__checkbox">
-          <label for="select-all" class="vf-form__label vf-table__label">
+          {% set header_count = count + 1 + range(1, 1000) | random %}
+          <input type="checkbox" id="select-all-{{header_count}}" class="vf-form__checkbox | vf-table__checkbox">
+          <label for="select-all-{{header_count}}" class="vf-form__label vf-table__label">
             <span class="vf-u-sr-only">Select all rows</span>
@@ -81,3 +82,3 @@ </label>
         <th class="vf-table__cell vf-table__cell--selectable" scope="row">
-            {% set count = count + 1 %}
+            {% set count = count + 1 + range(1, 1000) | random %}
             <input type="checkbox" id="checkbox-{{count}}" class="vf-form__checkbox | vf-table__checkbox"
@@ -84,0 +85,0 @@ {% if selected %}

vf-table.precompiled.js

@@ -47,23 +47,37 @@ /**
 if(runtime.contextOrFrameLookup(context, frame, "selectable")) {
-output += "<th class=\"vf-table__heading\" scope=\"col\">\n          <input type=\"checkbox\" id=\"select-all\" class=\"vf-form__checkbox | vf-table__checkbox\">\n          <label for=\"select-all\" class=\"vf-form__label vf-table__label\">\n            <span class=\"vf-u-sr-only\">Select all rows</span>\n          </label>\n        </th>";
+output += "<th class=\"vf-table__heading\" scope=\"col\">\n";
+var t_1;
+t_1 = runtime.contextOrFrameLookup(context, frame, "count") + 1 + env.getFilter("random").call(context, (lineno = 33, colno = 49, runtime.callWrap(runtime.contextOrFrameLookup(context, frame, "range"), "range", context, [1,1000])));
+frame.set("header_count", t_1, true);
+if(frame.topLevel) {
+context.setVariable("header_count", t_1);
+}
+if(frame.topLevel) {
+context.addExport("header_count", t_1);
+}
+output += "          <input type=\"checkbox\" id=\"select-all-";
+output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "header_count"), env.opts.autoescape);
+output += "\" class=\"vf-form__checkbox | vf-table__checkbox\">\n          <label for=\"select-all-";
+output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "header_count"), env.opts.autoescape);
+output += "\" class=\"vf-form__label vf-table__label\">\n            <span class=\"vf-u-sr-only\">Select all rows</span>\n          </label>\n        </th>";
 ;
 }
 frame = frame.push();
-var t_3 = runtime.contextOrFrameLookup(context, frame, "table_headings");
-if(t_3) {t_3 = runtime.fromIterator(t_3);
-var t_2 = t_3.length;
-for(var t_1=0; t_1 < t_3.length; t_1++) {
-var t_4 = t_3[t_1];
-frame.set("cell", t_4);
-frame.set("loop.index", t_1 + 1);
-frame.set("loop.index0", t_1);
-frame.set("loop.revindex", t_2 - t_1);
-frame.set("loop.revindex0", t_2 - t_1 - 1);
-frame.set("loop.first", t_1 === 0);
-frame.set("loop.last", t_1 === t_2 - 1);
-frame.set("loop.length", t_2);
+var t_4 = runtime.contextOrFrameLookup(context, frame, "table_headings");
+if(t_4) {t_4 = runtime.fromIterator(t_4);
+var t_3 = t_4.length;
+for(var t_2=0; t_2 < t_4.length; t_2++) {
+var t_5 = t_4[t_2];
+frame.set("cell", t_5);
+frame.set("loop.index", t_2 + 1);
+frame.set("loop.index0", t_2);
+frame.set("loop.revindex", t_3 - t_2);
+frame.set("loop.revindex0", t_3 - t_2 - 1);
+frame.set("loop.first", t_2 === 0);
+frame.set("loop.last", t_2 === t_3 - 1);
+frame.set("loop.length", t_3);
 output += "        <th class=\"vf-table__heading\" scope=\"col\"\n";
-if(runtime.memberLookup((t_4),"colspans")) {
+if(runtime.memberLookup((t_5),"colspans")) {
 output += " colspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_4),"colspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_5),"colspans"), env.opts.autoescape);
 output += "\"";
@@ -75,3 +89,3 @@ ;
 output += "<button class=\"vf-button vf-button--sm vf-button--icon vf-table__button vf-table__button--sortable\">\n          ";
-output += runtime.suppressValue(runtime.memberLookup((t_4),"title"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_5),"title"), env.opts.autoescape);
 output += "\n          <svg width=\"12\" height=\"22\" xmlns=\"http://www.w3.org/2000/svg\">\n            ";
@@ -83,3 +97,3 @@ output += "\n            <path id=\"vf-table--sortable-top-arrow\"d=\"M6 0l6 10H0z\"/>\n            <path id=\"vf-table--sortable-bottom-arrow\" d=\"M6 22L0 12h12z\"/>\n          </svg>\n        </button>\n";
 output += "        ";
-output += runtime.suppressValue(runtime.memberLookup((t_4),"title"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_5),"title"), env.opts.autoescape);
 output += "\n";
@@ -99,33 +113,33 @@ ;
 frame = frame.push();
-var t_7 = runtime.contextOrFrameLookup(context, frame, "table_rows");
-if(t_7) {t_7 = runtime.fromIterator(t_7);
-var t_6 = t_7.length;
-for(var t_5=0; t_5 < t_7.length; t_5++) {
-var t_8 = t_7[t_5];
-frame.set("row", t_8);
-frame.set("loop.index", t_5 + 1);
-frame.set("loop.index0", t_5);
-frame.set("loop.revindex", t_6 - t_5);
-frame.set("loop.revindex0", t_6 - t_5 - 1);
-frame.set("loop.first", t_5 === 0);
-frame.set("loop.last", t_5 === t_6 - 1);
-frame.set("loop.length", t_6);
-if(t_8) {
+var t_8 = runtime.contextOrFrameLookup(context, frame, "table_rows");
+if(t_8) {t_8 = runtime.fromIterator(t_8);
+var t_7 = t_8.length;
+for(var t_6=0; t_6 < t_8.length; t_6++) {
+var t_9 = t_8[t_6];
+frame.set("row", t_9);
+frame.set("loop.index", t_6 + 1);
+frame.set("loop.index0", t_6);
+frame.set("loop.revindex", t_7 - t_6);
+frame.set("loop.revindex0", t_7 - t_6 - 1);
+frame.set("loop.first", t_6 === 0);
+frame.set("loop.last", t_6 === t_7 - 1);
+frame.set("loop.length", t_7);
+if(t_9) {
 output += "    <tr class=\"vf-table__row\n";
 if(runtime.contextOrFrameLookup(context, frame, "selected")) {
 frame = frame.push();
-var t_11 = t_8;
-if(t_11) {t_11 = runtime.fromIterator(t_11);
-var t_10 = t_11.length;
-for(var t_9=0; t_9 < t_11.length; t_9++) {
-var t_12 = t_11[t_9];
-frame.set("cell", t_12);
-frame.set("loop.index", t_9 + 1);
-frame.set("loop.index0", t_9);
-frame.set("loop.revindex", t_10 - t_9);
-frame.set("loop.revindex0", t_10 - t_9 - 1);
-frame.set("loop.first", t_9 === 0);
-frame.set("loop.last", t_9 === t_10 - 1);
-frame.set("loop.length", t_10);
-if(runtime.memberLookup((t_12),"selected_row")) {
+var t_12 = t_9;
+if(t_12) {t_12 = runtime.fromIterator(t_12);
+var t_11 = t_12.length;
+for(var t_10=0; t_10 < t_12.length; t_10++) {
+var t_13 = t_12[t_10];
+frame.set("cell", t_13);
+frame.set("loop.index", t_10 + 1);
+frame.set("loop.index0", t_10);
+frame.set("loop.revindex", t_11 - t_10);
+frame.set("loop.revindex0", t_11 - t_10 - 1);
+frame.set("loop.first", t_10 === 0);
+frame.set("loop.last", t_10 === t_11 - 1);
+frame.set("loop.length", t_11);
+if(runtime.memberLookup((t_13),"selected_row")) {
 output += " vf-table__row--selected";
@@ -143,10 +157,10 @@ ;
 output += "<th class=\"vf-table__cell vf-table__cell--selectable\" scope=\"row\">\n";
-var t_13;
-t_13 = runtime.contextOrFrameLookup(context, frame, "count") + 1;
-frame.set("count", t_13, true);
+var t_14;
+t_14 = runtime.contextOrFrameLookup(context, frame, "count") + 1 + env.getFilter("random").call(context, (lineno = 80, colno = 44, runtime.callWrap(runtime.contextOrFrameLookup(context, frame, "range"), "range", context, [1,1000])));
+frame.set("count", t_14, true);
 if(frame.topLevel) {
-context.setVariable("count", t_13);
+context.setVariable("count", t_14);
 }
 if(frame.topLevel) {
-context.addExport("count", t_13);
+context.addExport("count", t_14);
 }
@@ -158,16 +172,16 @@ output += "            <input type=\"checkbox\" id=\"checkbox-";
 frame = frame.push();
-var t_16 = t_8;
-if(t_16) {t_16 = runtime.fromIterator(t_16);
-var t_15 = t_16.length;
-for(var t_14=0; t_14 < t_16.length; t_14++) {
-var t_17 = t_16[t_14];
-frame.set("cell", t_17);
-frame.set("loop.index", t_14 + 1);
-frame.set("loop.index0", t_14);
-frame.set("loop.revindex", t_15 - t_14);
-frame.set("loop.revindex0", t_15 - t_14 - 1);
-frame.set("loop.first", t_14 === 0);
-frame.set("loop.last", t_14 === t_15 - 1);
-frame.set("loop.length", t_15);
-if(runtime.memberLookup((t_17),"selected_row")) {
+var t_17 = t_9;
+if(t_17) {t_17 = runtime.fromIterator(t_17);
+var t_16 = t_17.length;
+for(var t_15=0; t_15 < t_17.length; t_15++) {
+var t_18 = t_17[t_15];
+frame.set("cell", t_18);
+frame.set("loop.index", t_15 + 1);
+frame.set("loop.index0", t_15);
+frame.set("loop.revindex", t_16 - t_15);
+frame.set("loop.revindex0", t_16 - t_15 - 1);
+frame.set("loop.first", t_15 === 0);
+frame.set("loop.last", t_15 === t_16 - 1);
+frame.set("loop.length", t_16);
+if(runtime.memberLookup((t_18),"selected_row")) {
 output += " checked";
@@ -188,16 +202,16 @@ ;
 frame = frame.push();
-var t_20 = t_8;
-if(t_20) {t_20 = runtime.fromIterator(t_20);
-var t_19 = t_20.length;
-for(var t_18=0; t_18 < t_20.length; t_18++) {
-var t_21 = t_20[t_18];
-frame.set("cell", t_21);
-frame.set("loop.index", t_18 + 1);
-frame.set("loop.index0", t_18);
-frame.set("loop.revindex", t_19 - t_18);
-frame.set("loop.revindex0", t_19 - t_18 - 1);
-frame.set("loop.first", t_18 === 0);
-frame.set("loop.last", t_18 === t_19 - 1);
-frame.set("loop.length", t_19);
-if(runtime.memberLookup((t_21),"selected_row")) {
+var t_21 = t_9;
+if(t_21) {t_21 = runtime.fromIterator(t_21);
+var t_20 = t_21.length;
+for(var t_19=0; t_19 < t_21.length; t_19++) {
+var t_22 = t_21[t_19];
+frame.set("cell", t_22);
+frame.set("loop.index", t_19 + 1);
+frame.set("loop.index0", t_19);
+frame.set("loop.revindex", t_20 - t_19);
+frame.set("loop.revindex0", t_20 - t_19 - 1);
+frame.set("loop.first", t_19 === 0);
+frame.set("loop.last", t_19 === t_20 - 1);
+frame.set("loop.length", t_20);
+if(runtime.memberLookup((t_22),"selected_row")) {
 ;
@@ -208,11 +222,11 @@ }
 output += "            <th class=\"vf-table__cell | vf-table__heading\" scope=\"row\"\n";
-if(runtime.memberLookup((t_21),"colspans")) {
+if(runtime.memberLookup((t_22),"colspans")) {
 output += " colspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_21),"colspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_22),"colspans"), env.opts.autoescape);
 output += "\"";
 ;
 }
-if(runtime.memberLookup((t_21),"rowspans")) {
+if(runtime.memberLookup((t_22),"rowspans")) {
 output += " rowspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_21),"rowspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_22),"rowspans"), env.opts.autoescape);
 output += "\"";
@@ -222,3 +236,3 @@ ;
 output += "            >";
-output += runtime.suppressValue(runtime.memberLookup((t_21),"text"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_22),"text"), env.opts.autoescape);
 output += "</th>";
@@ -229,11 +243,11 @@ ;
 output += "<td class=\"vf-table__cell\"\n";
-if(runtime.memberLookup((t_21),"colspans")) {
+if(runtime.memberLookup((t_22),"colspans")) {
 output += " colspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_21),"colspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_22),"colspans"), env.opts.autoescape);
 output += "\"";
 ;
 }
-if(runtime.memberLookup((t_21),"rowspans")) {
+if(runtime.memberLookup((t_22),"rowspans")) {
 output += " rowspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_21),"rowspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_22),"rowspans"), env.opts.autoescape);
 output += "\"";
@@ -243,3 +257,3 @@ ;
 output += "            >";
-output += runtime.suppressValue(runtime.memberLookup((t_21),"text"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_22),"text"), env.opts.autoescape);
 output += "</td>\n";
@@ -257,17 +271,17 @@ ;
 frame = frame.push();
-var t_24 = runtime.contextOrFrameLookup(context, frame, "inline_actions");
-if(t_24) {t_24 = runtime.fromIterator(t_24);
-var t_23 = t_24.length;
-for(var t_22=0; t_22 < t_24.length; t_22++) {
-var t_25 = t_24[t_22];
-frame.set("action", t_25);
-frame.set("loop.index", t_22 + 1);
-frame.set("loop.index0", t_22);
-frame.set("loop.revindex", t_23 - t_22);
-frame.set("loop.revindex0", t_23 - t_22 - 1);
-frame.set("loop.first", t_22 === 0);
-frame.set("loop.last", t_22 === t_23 - 1);
-frame.set("loop.length", t_23);
+var t_25 = runtime.contextOrFrameLookup(context, frame, "inline_actions");
+if(t_25) {t_25 = runtime.fromIterator(t_25);
+var t_24 = t_25.length;
+for(var t_23=0; t_23 < t_25.length; t_23++) {
+var t_26 = t_25[t_23];
+frame.set("action", t_26);
+frame.set("loop.index", t_23 + 1);
+frame.set("loop.index0", t_23);
+frame.set("loop.revindex", t_24 - t_23);
+frame.set("loop.revindex0", t_24 - t_23 - 1);
+frame.set("loop.first", t_23 === 0);
+frame.set("loop.last", t_23 === t_24 - 1);
+frame.set("loop.length", t_24);
 output += "          <button class=\"vf-button vf-button--sm vf-button--icon\">";
-output += runtime.suppressValue(t_25, env.opts.autoescape);
+output += runtime.suppressValue(t_26, env.opts.autoescape);
 output += "</button>";
@@ -292,25 +306,25 @@ ;
 frame = frame.push();
-var t_28 = runtime.contextOrFrameLookup(context, frame, "table_footer");
-if(t_28) {t_28 = runtime.fromIterator(t_28);
-var t_27 = t_28.length;
-for(var t_26=0; t_26 < t_28.length; t_26++) {
-var t_29 = t_28[t_26];
-frame.set("cell", t_29);
-frame.set("loop.index", t_26 + 1);
-frame.set("loop.index0", t_26);
-frame.set("loop.revindex", t_27 - t_26);
-frame.set("loop.revindex0", t_27 - t_26 - 1);
-frame.set("loop.first", t_26 === 0);
-frame.set("loop.last", t_26 === t_27 - 1);
-frame.set("loop.length", t_27);
+var t_29 = runtime.contextOrFrameLookup(context, frame, "table_footer");
+if(t_29) {t_29 = runtime.fromIterator(t_29);
+var t_28 = t_29.length;
+for(var t_27=0; t_27 < t_29.length; t_27++) {
+var t_30 = t_29[t_27];
+frame.set("cell", t_30);
+frame.set("loop.index", t_27 + 1);
+frame.set("loop.index0", t_27);
+frame.set("loop.revindex", t_28 - t_27);
+frame.set("loop.revindex0", t_28 - t_27 - 1);
+frame.set("loop.first", t_27 === 0);
+frame.set("loop.last", t_27 === t_28 - 1);
+frame.set("loop.length", t_28);
 output += "      <td class=\"vf-table__cell\"\n";
-if(runtime.memberLookup((t_29),"colspans")) {
+if(runtime.memberLookup((t_30),"colspans")) {
 output += " colspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_29),"colspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_30),"colspans"), env.opts.autoescape);
 output += "\"";
 ;
 }
-if(runtime.memberLookup((t_29),"rowspans")) {
+if(runtime.memberLookup((t_30),"rowspans")) {
 output += " rowspan=\"";
-output += runtime.suppressValue(runtime.memberLookup((t_29),"rowspans"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_30),"rowspans"), env.opts.autoescape);
 output += "\"";
@@ -320,3 +334,3 @@ ;
 output += "      >\n        ";
-output += runtime.suppressValue(runtime.memberLookup((t_29),"text"), env.opts.autoescape);
+output += runtime.suppressValue(runtime.memberLookup((t_30),"text"), env.opts.autoescape);
 output += "\n      </td>\n";
@@ -334,17 +348,17 @@ ;
 frame = frame.push();
-var t_32 = runtime.contextOrFrameLookup(context, frame, "actions");
-if(t_32) {t_32 = runtime.fromIterator(t_32);
-var t_31 = t_32.length;
-for(var t_30=0; t_30 < t_32.length; t_30++) {
-var t_33 = t_32[t_30];
-frame.set("action", t_33);
-frame.set("loop.index", t_30 + 1);
-frame.set("loop.index0", t_30);
-frame.set("loop.revindex", t_31 - t_30);
-frame.set("loop.revindex0", t_31 - t_30 - 1);
-frame.set("loop.first", t_30 === 0);
-frame.set("loop.last", t_30 === t_31 - 1);
-frame.set("loop.length", t_31);
+var t_33 = runtime.contextOrFrameLookup(context, frame, "actions");
+if(t_33) {t_33 = runtime.fromIterator(t_33);
+var t_32 = t_33.length;
+for(var t_31=0; t_31 < t_33.length; t_31++) {
+var t_34 = t_33[t_31];
+frame.set("action", t_34);
+frame.set("loop.index", t_31 + 1);
+frame.set("loop.index0", t_31);
+frame.set("loop.revindex", t_32 - t_31);
+frame.set("loop.revindex0", t_32 - t_31 - 1);
+frame.set("loop.first", t_31 === 0);
+frame.set("loop.last", t_31 === t_32 - 1);
+frame.set("loop.length", t_32);
 output += "  <button class=\"vf-button vf-button--sm vf-button--icon\">";
-output += runtime.suppressValue(t_33, env.opts.autoescape);
+output += runtime.suppressValue(t_34, env.opts.autoescape);
 output += "</button>";
@@ -351,0 +365,0 @@ ;

vf-table.scss

@@ -138,3 +138,3 @@ // vf-table
 .vf-table__row--selected {
-  background-color: interactive-color(background);
+  background-color: interactive-color(background) !important;
   color: ui-color(white);
@@ -141,0 +141,0 @@

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

54319

2.96%

Lines of code

685

3.79%

Number of medium supply chain risk alerts

0

-100%

No dependency changes