geostyler/dist/Component/RuleOverview/RuleOverview.js

Framework for styling geodata

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