geostyler
Version:
Framework for styling geodata
102 lines (101 loc) • 2.91 kB
JavaScript
import { jsxs as y, jsx as t } from "react/jsx-runtime";
import { useMemo as c } from "react";
import { Form as l } from "antd";
import { SourceChannelNameField as i } from "../SourceChannelNameField/SourceChannelNameField.js";
import { isGeoStylerFunction as s } from "geostyler-style";
import a from "lodash-es/cloneDeep.js";
import { useGeoStylerLocale as F } from "../../../../context/GeoStylerContext/GeoStylerContext.js";
import { getFormItemConfig as O } from "../../../../Util/FormItemUtil.js";
const S = ({
sourceChannelNames: h,
onChange: o,
value: n
}) => {
const m = F("RgbChannelField"), b = c(() => {
var r, e;
return s((r = n == null ? void 0 : n.redChannel) == null ? void 0 : r.sourceChannelName) || (e = n == null ? void 0 : n.redChannel) == null ? void 0 : e.sourceChannelName;
}, [n]), p = c(() => {
var r, e;
return s((r = n == null ? void 0 : n.greenChannel) == null ? void 0 : r.sourceChannelName) || (e = n == null ? void 0 : n.greenChannel) == null ? void 0 : e.sourceChannelName;
}, [n]), d = c(() => {
var r, e;
return s((r = n == null ? void 0 : n.blueChannel) == null ? void 0 : r.sourceChannelName) || (e = n == null ? void 0 : n.blueChannel) == null ? void 0 : e.sourceChannelName;
}, [n]), g = (r) => {
let e;
!n || n && Object.prototype.hasOwnProperty.call(n, "grayChannel") ? e = {
redChannel: {
sourceChannelName: r
}
} : (e = a(n), e.redChannel = {
sourceChannelName: r
}), o && o(e);
}, f = (r) => {
let e;
!n || n && Object.prototype.hasOwnProperty.call(n, "grayChannel") ? e = {
greenChannel: {
sourceChannelName: r
}
} : (e = a(n), e.greenChannel = {
sourceChannelName: r
}), o && o(e);
}, N = (r) => {
let e;
!n || n && Object.prototype.hasOwnProperty.call(n, "grayChannel") ? e = {
blueChannel: {
sourceChannelName: r
}
} : (e = a(n), e.blueChannel = {
sourceChannelName: r
}), o && o(e);
}, C = O();
return /* @__PURE__ */ y("div", { children: [
/* @__PURE__ */ t(
l.Item,
{
...C,
label: m.redLabel,
children: /* @__PURE__ */ t(
i,
{
sourceChannelNames: h,
onChange: g,
value: b
}
)
}
),
/* @__PURE__ */ t(
l.Item,
{
...C,
label: m.greenLabel,
children: /* @__PURE__ */ t(
i,
{
sourceChannelNames: h,
onChange: f,
value: p
}
)
}
),
/* @__PURE__ */ t(
l.Item,
{
...C,
label: m.blueLabel,
children: /* @__PURE__ */ t(
i,
{
sourceChannelNames: h,
onChange: N,
value: d
}
)
}
)
] });
};
export {
S as RgbChannelField
};