budibase/packages/materialdesign-components/src/Datatable/DatatableRow.svelte

<script>
  import { getContext } from "svelte";
  import ClassBuilder from "../ClassBuilder.js"
  
  export let onSelect = () => {};
  export let isHeader = false;

  export let _bb

  let row = null;
  let selected = false;

  const cb = new ClassBuilder("data-table")

  let elementName = isHeader ? "header-row" : "row";
  let modifiers = {};

  $: modifiers = { selected };
  $: props = { modifiers };
  $: rowClass = cb.build({ elementName, props });
  $: row && _bb.attachChildren(row)
  
  function rowSelected() {
    selected = !selected;
    onSelect();
  }
</script>

<tr bind:this={row} class={rowClass} on:click={rowSelected}>
  <slot />
</tr>