react-semaphor 0.1.60 → 0.1.62

package/dist/chunks/display-labels-BYsRReye.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("./index-Bvtpj-_R.js");function x(){const c=l.useEditorStore(n=>n.card.type),o=l.useEditorStore(n=>n.isDevMode),t=l.useEditorStore(n=>n.card.preferences),{setCardPreferences:d}=l.useEditorStore(n=>n.actions);function i(n){var r;const s={datalabels:{display:n!=="none",align:n,anchor:n,clamp:!0}},a={...t,chartOptions:{...t==null?void 0:t.chartOptions,plugins:{...(r=t==null?void 0:t.chartOptions)==null?void 0:r.plugins,...s}}};d(a)}function u(){var n,s,a;return e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"font-medium",children:"Data Labels"}),e.jsxs(l.Select,{value:((a=(s=(n=t==null?void 0:t.chartOptions)==null?void 0:n.plugins)==null?void 0:s.datalabels)==null?void 0:a.anchor)||"none",onValueChange:i,defaultValue:"none",children:[e.jsx(l.SelectTrigger,{className:"h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(l.SelectValue,{placeholder:"Select position"})}),e.jsx(l.SelectContent,{children:e.jsxs(l.SelectGroup,{children:[e.jsx(l.SelectLabel,{children:"Data Labels"}),e.jsx(l.SelectItem,{value:"none",children:"None"}),!["pyramid","funnel"].includes(c)&&e.jsx(l.SelectItem,{value:"start",children:"Start"}),e.jsx(l.SelectItem,{value:"center",children:"Center"}),!["pyramid","funnel"].includes(c)&&e.jsx(l.SelectItem,{value:"end",children:"End"})]})})]})]})}function h(){var n,s,a;return e.jsx("div",{children:e.jsxs(l.Select,{value:((a=(s=(n=t==null?void 0:t.chartOptions)==null?void 0:n.plugins)==null?void 0:s.datalabels)==null?void 0:a.anchor)||"none",onValueChange:i,defaultValue:"none",children:[e.jsx(l.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(l.SelectValue,{placeholder:"Select position"})}),e.jsx(l.SelectContent,{children:e.jsxs(l.SelectGroup,{children:[e.jsx(l.SelectItem,{className:"text-xs",value:"none",children:"None"}),!["pyramid","funnel"].includes(c)&&e.jsx(l.SelectItem,{className:"text-xs",value:"start",children:"Start"}),e.jsx(l.SelectItem,{className:"text-xs",value:"center",children:"Center"}),!["pyramid","funnel"].includes(c)&&e.jsx(l.SelectItem,{className:"text-xs",value:"end",children:"End"})]})})]})})}return e.jsx(e.Fragment,{children:o?u():h()})}exports.DisplayLabels=x;

package/dist/chunks/display-labels-C_jsL0Jo.js

@@ -0,0 +1,74 @@
+import { jsx as e, Fragment as y, jsxs as c } from "react/jsx-runtime";
+import { u as r, S as u, s as h, v as p, w as m, x as f, y as N, z as a } from "./index--MUeDITx.js";
+function C() {
+  const i = r((n) => n.card.type), x = r((n) => n.isDevMode), l = r((n) => n.card.preferences), { setCardPreferences: v } = r((n) => n.actions);
+  function o(n) {
+    var d;
+    const t = {
+      datalabels: {
+        display: n !== "none",
+        align: n,
+        anchor: n,
+        clamp: !0
+      }
+    }, s = {
+      ...l,
+      chartOptions: {
+        ...l == null ? void 0 : l.chartOptions,
+        plugins: {
+          ...(d = l == null ? void 0 : l.chartOptions) == null ? void 0 : d.plugins,
+          ...t
+        }
+      }
+    };
+    v(s);
+  }
+  function g() {
+    var n, t, s;
+    return /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e("label", { className: "font-medium", children: "Data Labels" }),
+      /* @__PURE__ */ c(
+        u,
+        {
+          value: ((s = (t = (n = l == null ? void 0 : l.chartOptions) == null ? void 0 : n.plugins) == null ? void 0 : t.datalabels) == null ? void 0 : s.anchor) || "none",
+          onValueChange: o,
+          defaultValue: "none",
+          children: [
+            /* @__PURE__ */ e(h, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(p, { placeholder: "Select position" }) }),
+            /* @__PURE__ */ e(m, { children: /* @__PURE__ */ c(f, { children: [
+              /* @__PURE__ */ e(N, { children: "Data Labels" }),
+              /* @__PURE__ */ e(a, { value: "none", children: "None" }),
+              !["pyramid", "funnel"].includes(i) && /* @__PURE__ */ e(a, { value: "start", children: "Start" }),
+              /* @__PURE__ */ e(a, { value: "center", children: "Center" }),
+              !["pyramid", "funnel"].includes(i) && /* @__PURE__ */ e(a, { value: "end", children: "End" })
+            ] }) })
+          ]
+        }
+      )
+    ] });
+  }
+  function S() {
+    var n, t, s;
+    return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ c(
+      u,
+      {
+        value: ((s = (t = (n = l == null ? void 0 : l.chartOptions) == null ? void 0 : n.plugins) == null ? void 0 : t.datalabels) == null ? void 0 : s.anchor) || "none",
+        onValueChange: o,
+        defaultValue: "none",
+        children: [
+          /* @__PURE__ */ e(h, { className: "h-8 w-full text-xs", children: /* @__PURE__ */ e(p, { placeholder: "Select position" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ c(f, { children: [
+            /* @__PURE__ */ e(a, { className: "text-xs", value: "none", children: "None" }),
+            !["pyramid", "funnel"].includes(i) && /* @__PURE__ */ e(a, { className: "text-xs", value: "start", children: "Start" }),
+            /* @__PURE__ */ e(a, { className: "text-xs", value: "center", children: "Center" }),
+            !["pyramid", "funnel"].includes(i) && /* @__PURE__ */ e(a, { className: "text-xs", value: "end", children: "End" })
+          ] }) })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ e(y, { children: x ? g() : S() });
+}
+export {
+  C as D
+};