@veecode-platform/plugin-kong-service-manager/dist/components/SelectInstance/SelectInstance.esm.js

import React from 'react';
import { Select } from '@backstage/core-components';
import { useEntity } from '@backstage/plugin-catalog-react';
import { useEntityAnnotation } from '../../hooks/useEntityAnnotation.esm.js';
import { transformToSelectOptions } from '../../utils/helpers/transformToSelectOptions.esm.js';
import { Tooltip } from '@material-ui/core';
import { Skeleton } from '@material-ui/lab';
import '../../context/KongServiceManagerContext.esm.js';
import { useKongServiceManagerContext } from '../../context/KongServiceManagerProvider.esm.js';

const SelectInstance = () => {
  const { entity } = useEntity();
  const { kongInstances } = useEntityAnnotation(entity);
  const { instance, setInstanceState } = useKongServiceManagerContext();
  const handleSelectChange = (event) => {
    const selectedValue = event;
    setInstanceState(selectedValue);
  };
  React.useEffect(() => {
    if (kongInstances) setInstanceState(kongInstances[0]);
  }, []);
  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", width: 210, height: 118, animation: "wave" }) }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Select the Kong Instance", placement: "left" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
    Select,
    {
      onChange: handleSelectChange,
      label: "",
      selected: instance !== "" ? instance : kongInstances && kongInstances[0],
      items: kongInstances ? transformToSelectOptions(kongInstances) : []
    }
  ))));
};

export { SelectInstance };
//# sourceMappingURL=SelectInstance.esm.js.map