geostyler/dist/Component/StyleOverview/StyleOverview.js

Framework for styling geodata

import { jsxs as f, jsx as r } from "react/jsx-runtime";
import s from "lodash-es/cloneDeep.js";
import { Divider as v } from "antd";
import { StyleFieldContainer as E } from "../StyleFieldContainer/StyleFieldContainer.js";
import { Rules as I } from "../Rules/Rules.js";
import l from "../../Util/CardViewUtil.js";
import { useGeoStylerLocale as S } from "../../context/GeoStylerContext/GeoStylerContext.js";
/* empty css                  */
const D = ({
  style: t,
  onStyleChange: n = () => {
  },
  onChangeView: i = () => {
  }
}) => {
  const c = S("StyleOverview"), m = (e) => {
    const o = s(t);
    o.name = e, n(o);
  }, a = (e) => {
    const o = s(t);
    o.rules = e, n(o);
  }, p = (e) => {
    i(l.RULEVIEW, [e]);
  }, d = () => {
    i(l.CLASSIFICATIONVIEW, []);
  }, u = (e) => {
    i(l.MULTIEDITVIEW, e);
  };
  return /* @__PURE__ */ f("div", { className: "gs-style-overview", children: [
    /* @__PURE__ */ r("h2", { children: c.styleTitle }),
    /* @__PURE__ */ r(v, {}),
    /* @__PURE__ */ r(
      E,
      {
        name: t.name,
        onNameChange: m
      }
    ),
    /* @__PURE__ */ r(
      I,
      {
        rules: t.rules,
        onRulesChange: a,
        onEditRuleClick: p,
        onClassificationClick: d,
        onEditSelectionClick: u
      }
    )
  ] });
};
export {
  D as StyleOverview
};