geostyler/dist/Component/Symbolizer/SymbolizerEditorWindow/SymbolizerEditorWindow.js

Framework for styling geodata

import { jsxs as f, jsx as r } from "react/jsx-runtime";
import { useState as u, useEffect as y } from "react";
import { MultiEditor as h } from "../MultiEditor/MultiEditor.js";
/* empty css                           */
import { Modal as b, Button as l } from "antd";
import { useGeoStylerLocale as S } from "../../../context/GeoStylerContext/GeoStylerContext.js";
import { Renderer as C } from "../../Renderer/Renderer/Renderer.js";
const k = ({
  symbolizers: o,
  onClose: e,
  onSymbolizersChange: c,
  iconLibraries: a,
  colorRamps: d,
  ...m
}) => {
  const t = S("SymbolizerEditorWindow"), [n, i] = u([]);
  y(() => {
    Array.isArray(o) && i([...o]);
  }, [o]);
  const s = () => {
    i(o), e();
  }, p = () => {
    c(n), e();
  };
  return /* @__PURE__ */ f(
    b,
    {
      className: "symbolizer-editor-modal",
      title: t.symbolizersEditor,
      onCancel: e,
      width: 800,
      centered: !0,
      footer: [
        /* @__PURE__ */ r(l, { onClick: s, children: t.cancelButtonLabel }, "cancel"),
        /* @__PURE__ */ r(l, { type: "primary", onClick: p, children: t.saveButtonLabel }, "record")
      ],
      ...m,
      children: [
        /* @__PURE__ */ r(C, { symbolizers: o }),
        /* @__PURE__ */ r(
          h,
          {
            symbolizers: n,
            onSymbolizersChange: i,
            iconLibraries: a,
            editorProps: { colorRamps: d }
          }
        )
      ]
    }
  );
};
export {
  k as SymbolizerEditorWindow
};