@ogc-maps/storybook-components 0.6.0 → 0.6.1

package/dist/Legend-B6uIqOSw.js

@@ -0,0 +1,239 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { BsArrowsAngleContract as N, BsArrowsAngleExpand as y } from "react-icons/bs";
+const w = {
+  fill: "fill-opacity",
+  line: "line-opacity",
+  circle: "circle-opacity",
+  symbol: "icon-opacity"
+};
+function v(i) {
+  var n;
+  const m = i.style;
+  if (!m) return 1;
+  const e = w[m.type];
+  if (!e) return 1;
+  const u = (n = m.paint) == null ? void 0 : n[e];
+  return typeof u == "number" ? u : 1;
+}
+function g({ color: i, shape: m }) {
+  const e = m ?? "square";
+  return e === "circle" ? /* @__PURE__ */ a(
+    "span",
+    {
+      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-full mapui:shrink-0",
+      style: { backgroundColor: i }
+    }
+  ) : e === "line" ? /* @__PURE__ */ a(
+    "span",
+    {
+      className: "mapui:inline-block mapui:h-0.5 mapui:w-4 mapui:rounded-full mapui:shrink-0",
+      style: { backgroundColor: i }
+    }
+  ) : /* @__PURE__ */ a(
+    "span",
+    {
+      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-sm mapui:shrink-0",
+      style: { backgroundColor: i }
+    }
+  );
+}
+function k(i) {
+  return `linear-gradient(to right, ${i.map((m, e) => `${m.color} ${e / i.length * 100}% ${(e + 1) / i.length * 100}%`).join(", ")})`;
+}
+function $(i) {
+  return `linear-gradient(to right, ${i.map((m) => m.color).join(", ")})`;
+}
+function C({ legend: i, label: m }) {
+  const { entries: e } = i;
+  return e.length === 1 ? /* @__PURE__ */ p("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0", children: [
+    /* @__PURE__ */ a(g, { color: e[0].color, shape: e[0].shape }),
+    /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate", children: e[0].label || m })
+  ] }) : /* @__PURE__ */ p("div", { children: [
+    /* @__PURE__ */ a("div", { className: "mapui:mb-1 mapui:text-xs mapui:font-medium mapui:text-gray-600", children: m }),
+    /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:pl-1", children: e.map((u, n) => /* @__PURE__ */ p(
+      "li",
+      {
+        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
+        children: [
+          /* @__PURE__ */ a(g, { color: u.color, shape: u.shape }),
+          /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate", children: u.label })
+        ]
+      },
+      `${u.label}-${n}`
+    )) })
+  ] });
+}
+function L({
+  legend: i,
+  label: m,
+  expanded: e,
+  onToggle: u
+}) {
+  var l, d;
+  const { entries: n, showLabelsCollapsed: r } = i;
+  return /* @__PURE__ */ p("div", { children: [
+    /* @__PURE__ */ p(
+      "button",
+      {
+        type: "button",
+        className: "mapui:flex mapui:items-center mapui:gap-1 mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-left mapui:text-gray-700 mapui:text-sm mapui:font-medium",
+        onClick: u,
+        "aria-expanded": e,
+        children: [
+          /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-400", children: e ? "▾" : "▸" }),
+          /* @__PURE__ */ a("span", { className: "mapui:truncate", children: m })
+        ]
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: "mapui:mt-1 mapui:ml-4", children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: "mapui:h-3 mapui:min-w-12 mapui:max-w-32 mapui:rounded-sm",
+          style: { background: k(n) }
+        }
+      ),
+      r && !e && /* @__PURE__ */ p("div", { className: "mapui:mt-1 mapui:flex mapui:justify-between mapui:text-[10px] mapui:text-gray-500 mapui:max-w-32", children: [
+        /* @__PURE__ */ a("span", { className: "mapui:truncate", children: (l = n[0]) == null ? void 0 : l.label }),
+        n.length > 1 && /* @__PURE__ */ a("span", { className: "mapui:truncate", children: (d = n[n.length - 1]) == null ? void 0 : d.label })
+      ] })
+    ] }),
+    e && /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:mt-1 mapui:ml-4 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:max-h-48 mapui:overflow-y-auto", children: n.map((c, h) => /* @__PURE__ */ p(
+      "li",
+      {
+        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
+        children: [
+          /* @__PURE__ */ a(g, { color: c.color, shape: c.shape }),
+          /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate mapui:text-xs", children: c.label })
+        ]
+      },
+      `${c.label}-${h}`
+    )) })
+  ] });
+}
+function E({
+  legend: i,
+  label: m,
+  expanded: e,
+  onToggle: u
+}) {
+  const { entries: n, gradientProperty: r } = i;
+  return /* @__PURE__ */ p("div", { children: [
+    /* @__PURE__ */ p(
+      "button",
+      {
+        type: "button",
+        className: "mapui:flex mapui:items-center mapui:gap-1 mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-left mapui:text-gray-700 mapui:text-sm mapui:font-medium",
+        onClick: u,
+        "aria-expanded": e,
+        children: [
+          /* @__PURE__ */ a("span", { className: "mapui:text-xs mapui:text-gray-400", children: e ? "▾" : "▸" }),
+          /* @__PURE__ */ a("span", { className: "mapui:truncate", children: m })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "mapui:mt-1 mapui:ml-4", children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: "mapui:h-3 mapui:min-w-12 mapui:max-w-32 mapui:rounded-sm",
+        style: { background: $(n) }
+      }
+    ) }),
+    e && /* @__PURE__ */ p("div", { className: "mapui:mt-1 mapui:ml-4 mapui:text-xs mapui:text-gray-600", children: [
+      r && /* @__PURE__ */ a("div", { className: "mapui:font-medium mapui:mb-1", children: r }),
+      n.length >= 2 && /* @__PURE__ */ p("div", { className: "mapui:flex mapui:justify-between mapui:max-w-32", children: [
+        /* @__PURE__ */ a("span", { children: n[0].label }),
+        /* @__PURE__ */ a("span", { children: n[n.length - 1].label })
+      ] })
+    ] })
+  ] });
+}
+function j({
+  layerId: i,
+  opacity: m,
+  onChange: e
+}) {
+  return /* @__PURE__ */ p("div", { className: "mapui:flex mapui:items-center mapui:gap-1.5 mapui:mt-0.5 mapui:ml-1", children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        value: m,
+        onChange: (u) => e(i, parseFloat(u.target.value)),
+        className: "range-sm mapui:w-14"
+      }
+    ),
+    /* @__PURE__ */ p("span", { className: "mapui:text-[9px] mapui:text-gray-400 mapui:w-6 mapui:text-right mapui:tabular-nums", children: [
+      Math.round(m * 100),
+      "%"
+    ] })
+  ] });
+}
+function G({ layers: i, visibleLayerIds: m, onOpacityChange: e, className: u }) {
+  const [n, r] = f(/* @__PURE__ */ new Set()), [l, d] = f(!1), c = i.filter((t) => m.includes(t.id));
+  function h(t) {
+    r((o) => {
+      const s = new Set(o);
+      return s.has(t) ? s.delete(t) : s.add(t), s;
+    });
+  }
+  const x = c.filter((t) => t.legend !== void 0);
+  return x.length === 0 ? null : /* @__PURE__ */ p(
+    "div",
+    {
+      className: `mapui:rounded-lg mapui:bg-white mapui:p-3 mapui:shadow-md mapui:text-sm${u ? ` ${u}` : ""}`,
+      children: [
+        /* @__PURE__ */ p("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:mb-2", children: [
+          /* @__PURE__ */ a("h3", { className: "mapui:m-0 mapui:text-xs mapui:font-semibold mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Legend" }),
+          e && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-gray-400 hover:mapui:text-gray-600 mapui:text-sm",
+              onClick: () => d((t) => !t),
+              "aria-label": l ? "Collapse legend" : "Expand legend",
+              children: l ? /* @__PURE__ */ a(N, {}) : /* @__PURE__ */ a(y, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("ul", { className: `mapui:m-0 mapui:list-none mapui:p-0 ${l ? "mapui:space-y-1.5" : "mapui:space-y-2"}`, children: x.map((t) => {
+          const o = t.legend, s = o.displayMode ?? "simple", b = l || n.has(t.id);
+          return /* @__PURE__ */ p("li", { children: [
+            s === "categorical" ? /* @__PURE__ */ a(
+              L,
+              {
+                legend: o,
+                label: t.label,
+                expanded: b,
+                onToggle: () => h(t.id)
+              }
+            ) : s === "gradient" ? /* @__PURE__ */ a(
+              E,
+              {
+                legend: o,
+                label: t.label,
+                expanded: b,
+                onToggle: () => h(t.id)
+              }
+            ) : /* @__PURE__ */ a(C, { legend: o, label: t.label }),
+            l && e && /* @__PURE__ */ a(
+              j,
+              {
+                layerId: t.id,
+                opacity: v(t),
+                onChange: e
+              }
+            )
+          ] }, t.id);
+        }) })
+      ]
+    }
+  );
+}
+export {
+  G as L
+};

package/dist/components/LayerEditor/LayerEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayerEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LayerEditor/LayerEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAqB,MAAM,aAAa,CAAC;AAgBhF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAKD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,EAAE,gBAAgB,2CA6NlG"}
+{"version":3,"file":"LayerEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LayerEditor/LayerEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAqB,MAAM,aAAa,CAAC;AAgBhF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAKD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,EAAE,gBAAgB,2CAmOlG"}

package/dist/components/Legend/Legend.d.ts

@@ -2,7 +2,8 @@ import { LayerConfig } from '../../types';
 export interface LegendProps {
     layers: LayerConfig[];
     visibleLayerIds: string[];
+    onOpacityChange?: (layerId: string, opacity: number) => void;
     className?: string;
 }
-export declare function Legend({ layers, visibleLayerIds, className }: LegendProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Legend({ layers, visibleLayerIds, onOpacityChange, className }: LegendProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Legend.d.ts.map

package/dist/components/Legend/Legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/components/Legend/Legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,aAAa,CAAC;AAEzE,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsED,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,WAAW,kDA0DzE"}
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/components/Legend/Legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAA6B,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+ND,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,WAAW,kDA8E1F"}

package/dist/components/Legend/index.js

@@ -1,4 +1,4 @@
-import { L as r } from "../../Legend-TTWWpWDT.js";
+import { L as r } from "../../Legend-B6uIqOSw.js";
 export {
   r as Legend
 };

package/dist/components/LegendEditor/LegendEditor.d.ts

@@ -1,7 +1,8 @@
-import { LegendConfig } from '../../types';
+import { LegendConfig, StyleConfig } from '../../types';
 export interface LegendEditorProps {
     value: LegendConfig | undefined;
     onChange: (legend: LegendConfig | undefined) => void;
+    style?: StyleConfig;
 }
-export declare function LegendEditor({ value, onChange }: LegendEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function LegendEditor({ value, onChange, style }: LegendEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LegendEditor.d.ts.map

package/dist/components/LegendEditor/LegendEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LegendEditor/LegendEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,aAAa,CAAC;AAG7D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAID,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA+ElE"}
+{"version":3,"file":"LegendEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LegendEditor/LegendEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAe,WAAW,EAAE,MAAM,aAAa,CAAC;AAW1E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAeD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA8NzE"}

package/dist/components/StyleEditor/DataDrivenColorEditor.d.ts

@@ -0,0 +1,9 @@
+import { AvailableProperty } from '../../types';
+export interface DataDrivenColorEditorProps {
+    value: unknown[];
+    onChange: (expr: unknown[]) => void;
+    availableProperties?: AvailableProperty[];
+    onFetchDistinctValues?: (property: string) => Promise<string[]>;
+}
+export declare function DataDrivenColorEditor({ value, onChange, availableProperties, onFetchDistinctValues, }: DataDrivenColorEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataDrivenColorEditor.d.ts.map

package/dist/components/StyleEditor/DataDrivenColorEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataDrivenColorEditor.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/DataDrivenColorEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIrD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CACjE;AAiED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,mBAAwB,EACxB,qBAAqB,GACtB,EAAE,0BAA0B,2CA0P5B"}

package/dist/components/StyleEditor/PropertyField.d.ts

@@ -1,10 +1,13 @@
 import { PropertyDefinition } from './propertyMetadata';
+import { AvailableProperty } from '../../types';
 interface PropertyFieldProps {
     def: PropertyDefinition;
     value: unknown;
     onChange: (key: string, value: unknown) => void;
     availableIcons?: string[];
+    availableProperties?: AvailableProperty[];
+    onFetchDistinctValues?: (property: string) => Promise<string[]>;
 }
-export declare function PropertyField({ def, value, onChange, availableIcons }: PropertyFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyField({ def, value, onChange, availableIcons, availableProperties, onFetchDistinctValues }: PropertyFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PropertyField.d.ts.map

package/dist/components/StyleEditor/PropertyField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyField.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/PropertyField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAQ7D,UAAU,kBAAkB;IAC1B,GAAG,EAAE,kBAAkB,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AA4LD,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,kBAAkB,2CAkDzF"}
+{"version":3,"file":"PropertyField.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/PropertyField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AASrD,UAAU,kBAAkB;IAC1B,GAAG,EAAE,kBAAkB,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CACjE;AAsOD,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,EAAE,kBAAkB,2CA2DrI"}

package/dist/components/StyleEditor/PropertyGroup.d.ts

@@ -1,4 +1,5 @@
 import { PropertyDefinition } from './propertyMetadata';
+import { AvailableProperty } from '../../types';
 interface PropertyGroupProps {
     title: string;
     properties: PropertyDefinition[];
@@ -6,7 +7,9 @@ interface PropertyGroupProps {
     onChange: (key: string, value: unknown) => void;
     defaultOpen?: boolean;
     availableIcons?: string[];
+    availableProperties?: AvailableProperty[];
+    onFetchDistinctValues?: (property: string) => Promise<string[]>;
 }
-export declare function PropertyGroup({ title, properties, values, onChange, defaultOpen, availableIcons, }: PropertyGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyGroup({ title, properties, values, onChange, defaultOpen, availableIcons, availableProperties, onFetchDistinctValues, }: PropertyGroupProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PropertyGroup.d.ts.map

package/dist/components/StyleEditor/PropertyGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/PropertyGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAI7D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,WAAmB,EACnB,cAAc,GACf,EAAE,kBAAkB,2CAcpB"}
+{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/PropertyGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIrD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CACjE;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,WAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,GACtB,EAAE,kBAAkB,2CAsBpB"}

package/dist/components/StyleEditor/StyleEditor.d.ts

@@ -1,13 +1,16 @@
-import { StyleConfig, FillStyle, LineStyle, CircleStyle, SymbolStyle } from '../../types';
+import { StyleConfig, FillStyle, LineStyle, CircleStyle, SymbolStyle, AvailableProperty } from '../../types';
 export interface StyleEditorProps {
     value: StyleConfig;
     onChange: (style: StyleConfig) => void;
     suggestedType?: 'fill' | 'line' | 'circle' | 'symbol' | null;
+    suggestedTypes?: StyleConfig['type'][];
     availableIcons?: string[];
+    availableProperties?: AvailableProperty[];
+    onFetchDistinctValues?: (property: string) => Promise<string[]>;
 }
 export declare const defaultFill: FillStyle;
 export declare const defaultLine: LineStyle;
 export declare const defaultCircle: CircleStyle;
 export declare const defaultSymbol: SymbolStyle;
-export declare function StyleEditor({ value, onChange, suggestedType, availableIcons }: StyleEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function StyleEditor({ value, onChange, suggestedType, suggestedTypes, availableIcons, availableProperties, onFetchDistinctValues }: StyleEditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StyleEditor.d.ts.map

package/dist/components/StyleEditor/StyleEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyleEditor.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/StyleEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/F,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;IAC7D,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,EAAE,SAGzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAGzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAG3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAI3B,CAAC;AAgCF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,EAAE,gBAAgB,2CAmM/F"}
+{"version":3,"file":"StyleEditor.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/StyleEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMlH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;IAC7D,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,WAAW,EAAE,SAGzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAGzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAG3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAI3B,CAAC;AAgCF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,EAAE,gBAAgB,2CAsN3J"}

package/dist/components/StyleEditor/StylePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StylePreview.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/StylePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,2CAuE7D"}
+{"version":3,"file":"StylePreview.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/StylePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA0C/C,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,2CAgG7D"}

package/dist/components/StyleEditor/index.d.ts

@@ -1,3 +1,5 @@
 export { StyleEditor, defaultFill, defaultLine, defaultCircle, defaultSymbol } from './StyleEditor';
 export type { StyleEditorProps } from './StyleEditor';
+export { DataDrivenColorEditor } from './DataDrivenColorEditor';
+export type { DataDrivenColorEditorProps } from './DataDrivenColorEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/StyleEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpG,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StyleEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpG,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/UIConfigEditor/UIConfigEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIConfigEditor.d.ts","sourceRoot":"","sources":["../../../src/components/UIConfigEditor/UIConfigEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC;AAaD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAkDtE"}
+{"version":3,"file":"UIConfigEditor.d.ts","sourceRoot":"","sources":["../../../src/components/UIConfigEditor/UIConfigEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC;AAcD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAkDtE"}

package/dist/components/index.d.ts

@@ -22,7 +22,7 @@ export { SourceEditor, SourceList } from './SourceEditor';
 export type { SourceEditorProps, SourceListProps } from './SourceEditor';
 export { CollectionBrowser } from './CollectionBrowser';
 export type { CollectionBrowserProps } from './CollectionBrowser';
-export { StyleEditor, defaultFill, defaultLine, defaultCircle } from './StyleEditor';
+export { StyleEditor, defaultFill, defaultLine, defaultCircle, defaultSymbol } from './StyleEditor';
 export type { StyleEditorProps } from './StyleEditor';
 export { LegendEntryEditor, LegendEditor } from './LegendEditor';
 export type { LegendEntryEditorProps, LegendEditorProps } from './LegendEditor';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}