react-semaphor 0.1.59 → 0.1.61

package/dist/chunks/filter-on-click-columns-6dRYhvgz.js

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),C=require("react"),u=require("./index-Bvtpj-_R.js");function k(){const[a,m]=C.useState([]),e=u.useEditorStore(n=>n.card.preferences),{setFilterOnClickColumnIndex:f,setCardPreferences:x}=u.useEditorStore(n=>n.actions),r=u.useEditorStore(n=>n.queryResultColumns);u.useEditorStore(n=>{var l;return(l=n.card.preferences)==null?void 0:l.filterOnClickColumnIndex}),C.useEffect(()=>{r&&m(new Array(r.length).fill(!1))},[r]);function d(n,l){var s,t;l?e!=null&&e.onClickFilter&&((s=e==null?void 0:e.onClickFilter)==null?void 0:s.length)>0?x({...e,onClickFilter:[...e.onClickFilter,{columnIndex:n,expression:""}]}):x({...e,onClickFilter:[{columnIndex:n,expression:""}]}):(x({...e,onClickFilter:(t=e==null?void 0:e.onClickFilter)==null?void 0:t.filter(i=>i.columnIndex!==n)}),m(i=>{const o=[...i];return o[n]=!1,o}))}function p(n,l){var t;const s=(t=e==null?void 0:e.onClickFilter)==null?void 0:t.map(i=>i.columnIndex===n?{...i,expression:l.target.value}:i);x({...e,onClickFilter:s})}function h(n){var l,s,t,i;if(a!=null&&a[n]||(s=(l=e==null?void 0:e.onClickFilter)==null?void 0:l.find(o=>o.columnIndex===n))!=null&&s.expression)return c.jsx(u.Input,{value:(i=(t=e==null?void 0:e.onClickFilter)==null?void 0:t.find(o=>o.columnIndex===n))==null?void 0:i.expression,onChange:o=>p(n,o),type:"text",className:"h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"Expression"})}return c.jsx("div",{className:"max-h-[150px] space-y-2 overflow-y-auto",children:r==null?void 0:r.map((n,l)=>{var s,t;return c.jsx("div",{className:"group flex items-center justify-between space-y-2",children:c.jsxs("div",{className:"grow",children:[c.jsxs("div",{className:"flex items-center space-x-2 py-2",children:[c.jsx(u.Checkbox,{checked:!!((s=e==null?void 0:e.onClickFilter)!=null&&s.find(i=>i.columnIndex===l)),onCheckedChange:i=>d(l,i)}),c.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:n}),c.jsx("div",{className:"flex items-center gap-2",children:((t=e==null?void 0:e.onClickFilter)==null?void 0:t.find(i=>i.columnIndex===l))&&c.jsx(u.Pencil,{onClick:()=>{m(i=>{const o=[...i];return o[l]=!i[l],o})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),h(l)]})},n)})})}exports.FilterOnClickColumns=k;

package/dist/chunks/filter-on-click-columns-BJUGTE6W.js

@@ -0,0 +1,120 @@
+import { jsx as c, jsxs as p } from "react/jsx-runtime";
+import { useState as h, useEffect as k } from "react";
+import { u as a, C as g, r as F, I } from "./index--MUeDITx.js";
+function N() {
+  const [m, x] = h([]), n = a((e) => e.card.preferences), { setFilterOnClickColumnIndex: v, setCardPreferences: u } = a(
+    (e) => e.actions
+  ), r = a(
+    (e) => e.queryResultColumns
+  );
+  a(
+    (e) => {
+      var i;
+      return (i = e.card.preferences) == null ? void 0 : i.filterOnClickColumnIndex;
+    }
+  ), k(() => {
+    r && x(new Array(r.length).fill(!1));
+  }, [r]);
+  function C(e, i) {
+    var s, o;
+    i ? n != null && n.onClickFilter && ((s = n == null ? void 0 : n.onClickFilter) == null ? void 0 : s.length) > 0 ? u({
+      ...n,
+      onClickFilter: [
+        ...n.onClickFilter,
+        {
+          columnIndex: e,
+          expression: ""
+        }
+      ]
+    }) : u({
+      ...n,
+      onClickFilter: [
+        {
+          columnIndex: e,
+          expression: ""
+        }
+      ]
+    }) : (u({
+      ...n,
+      onClickFilter: (o = n == null ? void 0 : n.onClickFilter) == null ? void 0 : o.filter(
+        (l) => l.columnIndex !== e
+      )
+    }), x((l) => {
+      const t = [...l];
+      return t[e] = !1, t;
+    }));
+  }
+  function d(e, i) {
+    var o;
+    const s = (o = n == null ? void 0 : n.onClickFilter) == null ? void 0 : o.map((l) => l.columnIndex === e ? {
+      ...l,
+      expression: i.target.value
+    } : l);
+    u({
+      ...n,
+      onClickFilter: s
+    });
+  }
+  function f(e) {
+    var i, s, o, l;
+    if (m != null && m[e] || (s = (i = n == null ? void 0 : n.onClickFilter) == null ? void 0 : i.find((t) => t.columnIndex === e)) != null && s.expression)
+      return /* @__PURE__ */ c(
+        I,
+        {
+          value: (l = (o = n == null ? void 0 : n.onClickFilter) == null ? void 0 : o.find((t) => t.columnIndex === e)) == null ? void 0 : l.expression,
+          onChange: (t) => d(e, t),
+          type: "text",
+          className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
+          placeholder: "Expression"
+        }
+      );
+  }
+  return /* @__PURE__ */ c("div", { className: "max-h-[150px] space-y-2 overflow-y-auto", children: r == null ? void 0 : r.map((e, i) => {
+    var s, o;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        className: "group flex items-center justify-between space-y-2",
+        children: /* @__PURE__ */ p("div", { className: "grow", children: [
+          /* @__PURE__ */ p("div", { className: "flex items-center space-x-2 py-2", children: [
+            /* @__PURE__ */ c(
+              g,
+              {
+                checked: !!((s = n == null ? void 0 : n.onClickFilter) != null && s.find(
+                  (l) => l.columnIndex === i
+                )),
+                onCheckedChange: (l) => C(i, l)
+              }
+            ),
+            /* @__PURE__ */ c(
+              "label",
+              {
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: e
+              }
+            ),
+            /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: ((o = n == null ? void 0 : n.onClickFilter) == null ? void 0 : o.find(
+              (l) => l.columnIndex === i
+            )) && /* @__PURE__ */ c(
+              F,
+              {
+                onClick: () => {
+                  x((l) => {
+                    const t = [...l];
+                    return t[i] = !l[i], t;
+                  });
+                },
+                className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
+              }
+            ) })
+          ] }),
+          f(i)
+        ] })
+      },
+      e
+    );
+  }) });
+}
+export {
+  N as F
+};

package/dist/chunks/frame-filters-D9sDN4Vm.js

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),e=require("./index-Bvtpj-_R.js"),f=require("react");require("react-dom");const p=require("./use-assign-filter-DzmBSsyO.js");function h(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>s[r]})}}return o.default=s,Object.freeze(o)}const d=h(f);function j(){const s=e.useDashboardStore(t=>t.dashboard.filters),o=e.useEditorStore(t=>t.frame),{setFrame:r}=e.useEditorActions(),{columns:a}=e.useEditorAside(),{assignFilter:i}=p.useAssignFilter();function m(t){const l=i(t,"frame");r({...o,filterId:l})}const c=s==null?void 0:s.find(t=>t.id===o.filterId);return n.jsxs("div",{className:"space-y-3",children:[n.jsx(e.Label,{children:"Card Filter"}),n.jsx(x,{onSelect:m,columns:a}),c&&n.jsx(e.FilterHeader,{filter:c})]})}function x({columns:s,onSelect:o}){var c;const[r,a]=d.useState(!1),[i,m]=d.useState("");return n.jsxs(e.Popover,{open:r,onOpenChange:a,children:[n.jsx(e.PopoverTrigger,{asChild:!0,children:n.jsxs(e.Button,{size:"sm",variant:"outline",role:"combobox","aria-expanded":r,className:"w-full justify-between font-normal",children:[i?(c=s.find(t=>t.column_name===i))==null?void 0:c.column_name:"Select Column...",n.jsx(e.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),n.jsx(e.PopoverContent,{className:"w-[200px] p-0",children:n.jsxs(e.Command,{children:[n.jsx(e.CommandInput,{placeholder:"Search column",className:"h-9"}),n.jsxs(e.CommandList,{children:[n.jsx(e.CommandEmpty,{children:"No framework found."}),n.jsx(e.CommandGroup,{children:s==null?void 0:s.map(t=>n.jsxs(e.CommandItem,{value:t.column_name,onSelect:l=>{const u=l===i?"":l;m(u),a(!1),u&&o(t)},children:[t.column_name,n.jsx(e.CheckIcon,{className:e.cn("ml-auto h-4 w-4",i===t.column_name?"opacity-100":"opacity-0")})]},t.column_name))})]})]})})]})}exports.FrameFilters=j;

package/dist/chunks/frame-filters-DFgqSoV2.js

@@ -0,0 +1,75 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { e as f, u as p, d as h, f as C, L as F, F as S, P as b, g as v, B as w, h as x, i as N, j as g, k as y, l as I, m as _, n as j, o as k, p as E, q as P } from "./index--MUeDITx.js";
+import * as u from "react";
+import "react-dom";
+import { u as A } from "./use-assign-filter-5gplfsO1.js";
+function D() {
+  const n = f(
+    (e) => e.dashboard.filters
+  ), r = p((e) => e.frame), { setFrame: m } = h(), { columns: i } = C(), { assignFilter: o } = A();
+  function c(e) {
+    const l = o(e, "frame");
+    m({ ...r, filterId: l });
+  }
+  const t = n == null ? void 0 : n.find((e) => e.id === r.filterId);
+  return /* @__PURE__ */ s("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a(F, { children: "Card Filter" }),
+    /* @__PURE__ */ a(L, { onSelect: c, columns: i }),
+    t && /* @__PURE__ */ a(S, { filter: t })
+  ] });
+}
+function L({
+  columns: n,
+  onSelect: r
+}) {
+  var t;
+  const [m, i] = u.useState(!1), [o, c] = u.useState("");
+  return /* @__PURE__ */ s(b, { open: m, onOpenChange: i, children: [
+    /* @__PURE__ */ a(v, { asChild: !0, children: /* @__PURE__ */ s(
+      w,
+      {
+        size: "sm",
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": m,
+        className: "w-full justify-between font-normal",
+        children: [
+          o ? (t = n.find((e) => e.column_name === o)) == null ? void 0 : t.column_name : "Select Column...",
+          /* @__PURE__ */ a(x, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(N, { className: "w-[200px] p-0", children: /* @__PURE__ */ s(g, { children: [
+      /* @__PURE__ */ a(y, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ s(I, { children: [
+        /* @__PURE__ */ a(_, { children: "No framework found." }),
+        /* @__PURE__ */ a(j, { children: n == null ? void 0 : n.map((e) => /* @__PURE__ */ s(
+          k,
+          {
+            value: e.column_name,
+            onSelect: (l) => {
+              const d = l === o ? "" : l;
+              c(d), i(!1), d && r(e);
+            },
+            children: [
+              e.column_name,
+              /* @__PURE__ */ a(
+                E,
+                {
+                  className: P(
+                    "ml-auto h-4 w-4",
+                    o === e.column_name ? "opacity-100" : "opacity-0"
+                  )
+                }
+              )
+            ]
+          },
+          e.column_name
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  D as F
+};