geostyler/dist/Component/RuleOverview/RuleOverview.js

Framework for styling geodata

import { jsxs as S, jsx as l } from "react/jsx-runtime";
import "./RuleOverview.css.js";
import { RuleFieldContainer as b } from "../RuleFieldContainer/RuleFieldContainer.js";
import { Divider as d } from "antd";
import { Symbolizers as g } from "../Symbolizers/Symbolizers.js";
import a from "../../Util/CardViewUtil.js";
import { FilterOverview as E } from "../FilterOverview/FilterOverview.js";
import { useGeoStylerComposition as x, useGeoStylerLocale as z } from "../../context/GeoStylerContext/GeoStylerContext.js";
const k = (c) => {
  var t, m;
  const u = x("Rule"), R = { ...c, ...u }, {
    onChangeView: r = () => {
    },
    onRuleChange: i = () => {
    },
    rule: o,
    filterField: s
  } = R, p = z("RuleOverview"), C = (n) => {
    const e = { ...o, name: n };
    i(e);
  }, f = (n) => {
    const e = { ...o };
    e.scaleDenominator || (e.scaleDenominator = {}), e.scaleDenominator.min = n, i(e);
  }, v = (n) => {
    const e = { ...o };
    e.scaleDenominator || (e.scaleDenominator = {}), e.scaleDenominator.max = n, i(e);
  }, w = (n) => {
    const e = { ...o, elseRule: n };
    i(e);
  }, h = (n) => {
    const e = { ...o, symbolizers: n };
    i(e);
  }, y = (n) => {
    r(a.SYMBOLIZERVIEW, [n]);
  }, D = () => {
    r(a.FILTEREDITVIEW, []);
  };
  return /* @__PURE__ */ S("div", { className: "gs-rule-overview", children: [
    /* @__PURE__ */ l("h2", { children: p.ruleTitle }),
    /* @__PURE__ */ l(d, {}),
    /* @__PURE__ */ l(
      b,
      {
        name: o.name,
        minScale: (t = o.scaleDenominator) == null ? void 0 : t.min,
        maxScale: (m = o.scaleDenominator) == null ? void 0 : m.max,
        onNameChange: C,
        onMinScaleChange: f,
        onMaxScaleChange: v,
        symbolizers: o.symbolizers,
        elseRule: o.elseRule,
        onElseRuleChange: w
      }
    ),
    /* @__PURE__ */ l(
      g,
      {
        symbolizers: o.symbolizers,
        onEditSymbolizerClick: y,
        onSymbolizersChange: h
      }
    ),
    (s == null ? void 0 : s.visibility) === !1 ? null : /* @__PURE__ */ l(
      E,
      {
        filter: o.filter,
        onEditFilterClick: D
      }
    )
  ] });
};
export {
  k as RuleOverview
};