synapse-react-client/dist/components/EntityHeaderTable/DebouncedInput.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsx as p } from "react/jsx-runtime";
import { useDebouncedEffect as l } from "../../utils/hooks/useDebouncedEffect.js";
import "../../synapse-client/SynapseClient.js";
import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
import "@sage-bionetworks/synapse-client/util/SynapseClientError";
import "@sage-bionetworks/synapse-types";
import "../../utils/functions/EntityTypeUtils.js";
import "../../utils/SynapseConstants.js";
import "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import { useState as f } from "react";
import "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import "../../utils/PermissionLevelToAccessType.js";
import "universal-cookie";
import "../../utils/AppUtils/session/ApplicationSessionContext.js";
import "../../utils/context/FullContextProvider.js";
import "../../utils/context/DocumentMetadataContext.js";
import { Autocomplete as s, TextField as c } from "@mui/material";
import '../../style/components/_spinner.css';/* empty css                                   */
import "@tanstack/react-query";
import "@tanstack/query-core";
import "lodash-es/isEmpty";
import "lodash-es/isEqual";
import "lodash-es/xorWith";
import "react-router";
import "@sage-bionetworks/synapse-client";
import "../../utils/types/IsType.js";
import "../../utils/hooks/useCookiePreferences.js";
import "../../utils/hooks/useSourceAppConfigs.js";
function N({
  initialValue: e,
  onChange: i,
  options: n,
  delay: u = 250,
  ...a
}) {
  const [o, m] = f(e);
  return l(
    () => {
      i(o);
    },
    [i, o],
    u
  ), /* @__PURE__ */ p(
    s,
    {
      freeSolo: !0,
      disablePortal: !0,
      isOptionEqualToValue: (r, t) => t.length == 0 || r === t,
      options: n,
      value: o,
      onChange: (r, t) => {
        m(t ?? "");
      },
      sx: { marginRight: "10px" },
      renderInput: (r) => /* @__PURE__ */ p(
        c,
        {
          ...r,
          ...a,
          value: o,
          onChange: (t) => m(t.target.value)
        }
      )
    }
  );
}
export {
  N as DebouncedInput
};
//# sourceMappingURL=DebouncedInput.js.map