// @hash v3-636065513AA32CBB6EC4D8F0B0C71C46F2477622
// Automatically generated by ReactJS.NET. Do not edit, your changes will be overridden.
// Version: 5.2.12 (build 29c76c8) with Babel 7.8.7
// Generated at: 9/7/2026 3:34:19 AM
///////////////////////////////////////////////////////////////////////////////
class StaffTable extends React.Component {
  render() {
    let gap;
    let locationId;

    if (typeof window !== 'undefined' && typeof URLSearchParams !== 'undefined') {
      const params = new URLSearchParams(window.location.search);
      gap = params.get('gap');
      locationId = params.get('location');
    }

    const filters = gap ? {
      gap
    } : undefined;
    const applied = locationId ? {
      locations: [locationId]
    } : undefined;
    const gapOptions = this.props.gaps.sort((a, b) => a.name.localeCompare(b.name));

    if (gapOptions.length > 1) {
      gapOptions.unshift({
        id: "all",
        name: "View all"
      });
    }

    return React.createElement(React.Fragment, null, React.createElement("h1", {
      className: "max-sm:text-xl nsw-h2"
    }, "Staff"), React.createElement(Table, {
      unique: "staff",
      filters: filters,
      applied: applied,
      structure: this.props.structure,
      data: this.props.data,
      trackLinks: row => ({
        event: 'table_click',
        staff_id: row.data.id,
        staff_name: row.name.lg[0].value,
        staff_role: row.role.lg[1].value
      }),
      above: ({
        info,
        applyFilter,
        reset,
        setTab,
        track
      }) => React.createElement(React.Fragment, null, React.createElement(TabButtons, {
        hidden: true,
        tabs: [this.props.tabs],
        onChange: setTab
      }), React.createElement("div", {
        className: "flex justify-between pt-6 sm:pt-4 sm:items-end sm:flex-row-reverse max-sm:flex-col max-sm:gap-6"
      }, React.createElement(Select, {
        current: info.filter.gap,
        options: gapOptions.map(gap => ({
          'id': gap.id,
          'value': gap.name
        })),
        onChange: gap => {
          const urlParams = new URLSearchParams(window.location.search);
          urlParams.set('gap', gap);
          urlParams.delete('location');
          history.pushState({}, '', window.location.pathname + '?' + urlParams.toString());
          reset();
          applyFilter('gap', gap);
        },
        className: "font-bold text-sm"
      })), React.createElement("hr", {
        className: "mt-6 sm:mt-3"
      }), React.createElement("div", {
        className: "flex justify-between my-6"
      }, React.createElement("input", {
        className: "nsw-form__checkbox-input",
        type: "checkbox",
        id: "inactiveStaff",
        onChange: event => {
          applyFilter('inactiveStaff', event.target.checked);
          track('table_checkbox_filter_apply', {
            selection_name: 'Show inactive staff'
          });
        }
      }), React.createElement("label", {
        className: "nsw-form__checkbox-label",
        htmlFor: "inactiveStaff"
      }, React.createElement("strong", null, "Show inactive staff")), React.createElement(ClearFilters, null)), React.createElement("hr", {
        className: "my-2"
      }))
    }));
  }

}