@cryptlex/web-components 3.8.1 → 4.1.0

package/dist/components/data-table/data-table-filter.es.js

@@ -0,0 +1,178 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useDataTable as B } from "./data-table.es.js";
+import { getResourceDisplayName as b } from "./table-commons.es.js";
+import { DropdownMenu as x, DropdownMenuTrigger as F } from "../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.15_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dropdown-menu/dist/index.es.js";
+import { Popover as D, PopoverTrigger as I } from "../../node_modules/.pnpm/@radix-ui_react-popover@1.1.14_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-popover/dist/index.es.js";
+import { Filter as M, Trash as j } from "lucide-react";
+import { useState as O, useRef as R, useCallback as _ } from "react";
+import { PopoverContent as S } from "../ui/popover.es.js";
+import { DropdownMenuContent as N, DropdownMenuItem as q } from "../ui/dropdown-menu.es.js";
+import { Input as g } from "../inputs/input.es.js";
+import { cn as E } from "../../utils/primitives.es.js";
+import { Button as c } from "../ui/button.es.js";
+import { Checkbox as L } from "../inputs/checkbox.es.js";
+const te = [
+  "eq",
+  "ne",
+  "cn",
+  "nc",
+  "sw",
+  "ew",
+  "in",
+  "nin",
+  "gt",
+  "gte",
+  "lt",
+  "lte"
+], A = {
+  eq: "equal to",
+  ne: "not equal to",
+  cn: "contains",
+  nc: "does not contain",
+  sw: "starts with",
+  ew: "ends with",
+  in: "includes",
+  nin: "does not include",
+  gt: "greater than",
+  gte: "greater than or equal to",
+  lt: "less than",
+  lte: "less than or equal to"
+}, k = {
+  bool: ["eq"],
+  enum: ["in", "nin"],
+  id: ["in", "nin"],
+  "id-search": ["in", "nin"],
+  string: ["eq", "ne", "cn", "nc", "sw", "ew", "in", "nin"],
+  date: ["lt", "gt"]
+};
+function z(d, m, h) {
+  return d.map((u, f) => f === m ? h(u) : u);
+}
+function ne({ className: d, ...m }) {
+  const { filters: h, query: u, setFilters: f, filterConfig: v } = B(), [p, l] = O([]);
+  R([]);
+  const y = R(null), w = _(
+    (e, i) => {
+      l(
+        (n) => z(n, e, (r) => ({ ...r, ...i }))
+      );
+    },
+    [l]
+  ), P = _(
+    (e) => {
+      l((i) => i.filter((n, r) => r !== e));
+    },
+    [l]
+  );
+  function T({ id: e, filter: i, onChange: n }) {
+    const [r, a] = O(i.value);
+    switch (i.type) {
+      case "bool":
+        return /* @__PURE__ */ t(
+          L,
+          {
+            id: e,
+            checked: r,
+            onChange: (o) => a(o.target.value),
+            onBlur: (o) => n({ value: r })
+          }
+        );
+      case "date":
+        return /* @__PURE__ */ t(
+          g,
+          {
+            id: e,
+            type: "date",
+            value: r,
+            onChange: (o) => a(o.target.value),
+            onBlur: (o) => n({ value: r })
+          }
+        );
+      case "enum":
+        break;
+      case "id":
+        return /* @__PURE__ */ t(
+          g,
+          {
+            id: e,
+            type: "text",
+            value: r,
+            onChange: (o) => a(o.target.value),
+            onBlur: (o) => n({ value: r })
+          }
+        );
+      case "id-search":
+        break;
+      case "string":
+        return /* @__PURE__ */ t(
+          g,
+          {
+            id: e,
+            type: "text",
+            value: r,
+            onChange: (o) => a(o.target.value),
+            onBlur: (o) => n({ value: r })
+          }
+        );
+    }
+  }
+  const C = Object.keys(v).sort();
+  return /* @__PURE__ */ t("section", { ...m, className: E("flex gap-icon items-center", d), children: /* @__PURE__ */ s(D, { onOpenChange: (e) => {
+    var i;
+    e ? (i = y.current) == null || i.focus() : f(p.map((n) => ({ [n.property]: { [n.operator]: [n.value] } })));
+  }, children: [
+    /* @__PURE__ */ t(I, { asChild: !0, children: /* @__PURE__ */ t(c, { active: h.length > 0, disabled: u.isPending || C.length === 0, type: "button", size: "icon", variant: "neutral", icon: () => M }) }),
+    /* @__PURE__ */ s(S, { align: "end", className: "min-w-xs w-full p-icon", children: [
+      p.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-col gap-icon max-h-table overflow-auto border-y py-2", children: p.map((e, i) => {
+        const n = `${e.property}-${i}`;
+        return /* @__PURE__ */ s("div", { className: "flex gap-icon items-center justify-normal", children: [
+          /* @__PURE__ */ t("span", { className: "text-sm", children: b(e.property, "admin-portal") }),
+          /* @__PURE__ */ s(x, { children: [
+            /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ t(c, { children: A[e.operator] }) }),
+            /* @__PURE__ */ t(N, { children: k[e.type].map((r) => /* @__PURE__ */ t(q, { onClick: (a) => w(i, { ...e, operator: r }), children: A[r] })) })
+          ] }),
+          /* @__PURE__ */ t(T, { id: n, filter: e, onChange: (r) => {
+            w(i, { ...e, ...r });
+          } }, n),
+          /* @__PURE__ */ t(c, { type: "button", variant: "destructive", size: "icon", icon: () => j, onClick: () => P(i) })
+        ] }, n);
+      }) }),
+      /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-end gap-2 not-first:mt-icon", children: [
+        /* @__PURE__ */ s(x, { children: [
+          /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ t(c, { ref: y, variant: "neutral", children: "Add Filter" }) }),
+          /* @__PURE__ */ t(N, { children: C.map((e) => /* @__PURE__ */ t(q, { onClick: (i) => {
+            const n = v[e].type, r = (o) => {
+              if (o === "bool")
+                return !0;
+              if (o === "string")
+                return "";
+            }, a = {
+              operator: k[n][0],
+              value: r(n),
+              type: n,
+              property: e
+            };
+            l((o) => [...o, a]);
+          }, className: "dropdown-item", role: "menuitem", children: b(e, "admin-portal") }, e)) })
+        ] }),
+        p.length > 0 ? /* @__PURE__ */ t(
+          c,
+          {
+            variant: "neutral",
+            onClick: () => {
+              l([]);
+            },
+            children: "Reset filters"
+          }
+        ) : null
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  A as COMPARISON_OPERATOR_LABELS,
+  ne as DataTableFilter,
+  te as FILTER_COMPARISON_OPERATORS,
+  z as replaceAt
+};
+//# sourceMappingURL=data-table-filter.es.js.map

package/dist/components/data-table/data-table-filter.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-filter.es.js","sources":["../../../lib/components/data-table/data-table-filter.tsx"],"sourcesContent":["import { useDataTable, type OperationKeys } from \"@/components/data-table/data-table\";\nimport { getResourceDisplayName, type ApiFilters } from \"@/components/data-table/table-commons\";\nimport { Checkbox, Input, type MultiSelectProps } from \"@/components/inputs\";\nimport { Button, DropdownMenuContent, DropdownMenuItem, PopoverContent } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { DropdownMenu, DropdownMenuTrigger } from \"@radix-ui/react-dropdown-menu\";\nimport { Popover, PopoverTrigger } from \"@radix-ui/react-popover\";\nimport { type UseQueryResult } from \"@tanstack/react-query\";\nimport { Filter, Trash } from \"lucide-react\";\nimport { useCallback, useRef, useState } from \"react\";\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator =\n    (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<\n    FilterComparisonOperator,\n    string\n> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', string[]>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype DateLocalFilter = BaseLocalFilter<'date', string>;  // ISO date string\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n\ntype LocalFilter = EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter;\n\nexport type FilterConfig =\n    // TODO, think about string[], and all the possible values we send to the backend\n    | { type: 'enum'; component: React.FC<MultiSelectProps> }\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | {\n        type: 'id-search'; search: UseQueryResult<{\n            id: string;\n            name: string;\n        }, Error>\n    };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    'bool': ['eq'],\n    'enum': ['in', 'nin'],\n    'id': ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    'string': ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    'date': ['lt', 'gt'],\n}\n\nexport function replaceAt<T>(\n    array: readonly T[],\n    index: number,\n    updater: (item: T) => T\n): T[] {\n    return array.map((item, i) => (i === index ? updater(item) : item));\n}\n\nexport type FiltersConfig<TOperation extends OperationKeys> = Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>\ntype TableFilterProps = React.ComponentProps<'section'>;\n\nexport function DataTableFilter({ className, ...props }: TableFilterProps) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n\n\n\n    const [localFilters, setLocalFilters] = useState<LocalFilter[]>([]);\n    const localFilterRefs = useRef([]);\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const updateFilterAt = useCallback(\n        (idx: number, change: Partial<Pick<LocalFilter, 'displayValue' | 'operator' | 'value'>>) => {\n            setLocalFilters(prev =>\n                replaceAt(prev, idx, f => ({ ...f, ...change }))\n            );\n        },\n        [setLocalFilters]\n    );\n\n    const removeFilterAt = useCallback(\n        (idx: number) => {\n            setLocalFilters(prev => prev.filter((_, i) => i !== idx));\n        },\n        [setLocalFilters]\n    );\n\n\n\n    function FilterInput({ id, filter, onChange }: { id: string; filter: LocalFilter, onChange: (v: Partial<LocalFilter>) => void }) {\n        const [value, setValue] = useState(filter.value);\n\n        switch (filter.type) {\n            case 'bool':\n                return (\n                    <Checkbox\n                        id={id}\n                        checked={value}\n                        onChange={e => setValue(e.target.value)}\n                        onBlur={(_) => onChange({ value })}\n                    />\n                );;\n            case 'date':\n                return (\n                    <Input\n                        id={id}\n                        type=\"date\"\n                        value={value}\n                        onChange={e => setValue(e.target.value)}\n                        onBlur={(_) => onChange({ value })}\n                    />\n                );;\n            case 'enum':\n                break;\n            // return c.component;\n            case 'id':\n                return (\n                    <Input\n                        id={id}\n                        type=\"text\"\n                        value={value}\n                        onChange={e => setValue(e.target.value)}\n                        onBlur={(_) => onChange({ value })}\n                    />\n                );\n            case 'id-search':\n                break;\n            // return (\n            //     <IdSearchInput\n            //         value={value}\n            //         onChange={(id) => onChange(id)}\n            //     />\n            // );\n            case 'string':\n                return <Input\n                    id={id}\n                    type=\"text\"\n                    value={value}\n                    onChange={e => setValue(e.target.value)}\n                    onBlur={(_) => onChange({ value })}\n                />;\n        }\n    }\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={cn(\"flex gap-icon items-center\", className)}>\n            {/* TODO, popover elevation-2, for being surface above card */}\n            {/* Dropdown for properties -> Trigger popover for property specific thingy */}\n            <Popover onOpenChange={(o) => {\n                // Set filters when the popover closes\n                if (!o) {\n                    // TODO, instead of generic transformation, use type based tranform()\n                    setFilters(localFilters.map(lf => { return { [lf.property]: { [lf.operator]: [lf.value] } } }))\n                } else {\n                    addFilterButtonRef.current?.focus();\n                }\n            }}>\n                <PopoverTrigger asChild>\n                    <Button active={filters.length > 0} disabled={query.isPending || filterKeys.length === 0} type=\"button\" size={'icon'} variant={'neutral'} icon={() => Filter} />\n                </PopoverTrigger>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <PopoverContent align=\"end\" className=\"min-w-xs w-full p-icon\">\n                    {/* const h3Styles = \"body mb-icon text-muted-foreground\"; */}\n                    {/* <h3 className={h3Styles}>{isFiltersActive ? \"Active filters\" : \"Add filters\"}</h3> */}\n                    {localFilters.length > 0 && <div className=\"flex flex-col gap-icon max-h-table overflow-auto border-y py-2\">\n                        {\n                            localFilters.map((lf, i) => {\n                                const key = `${lf.property}-${i}`;\n\n                                // Each of these could be a group of filters\n                                // For example, License is Perpetual means expiresAt==null and subscriptionStartTrigger == null OR Creation Date is Date could mean createdAt[gt]=START_OF_DAY && createdAt[lt]=END_OF_DAY \n                                // However, since different filters on the same property could be applied in different groups, this can cause confusion.\n                                // TODO Find relative, could be primitive or object.[operator].primitive\n                                return <div key={key} className=\"flex gap-icon items-center justify-normal\">\n                                    <span className=\"text-sm\">{getResourceDisplayName(lf.property, 'admin-portal')}</span>\n                                    <DropdownMenu>\n                                        <DropdownMenuTrigger asChild>\n                                            <Button>{COMPARISON_OPERATOR_LABELS[lf.operator]}</Button>\n                                        </DropdownMenuTrigger>\n                                        <DropdownMenuContent>\n                                            {FilterOperations[lf.type].map(op => {\n                                                return <DropdownMenuItem onClick={(_) => updateFilterAt(i, { ...lf, operator: op })}>{COMPARISON_OPERATOR_LABELS[op]}</DropdownMenuItem>\n                                            })}\n                                        </DropdownMenuContent>\n                                    </DropdownMenu>\n                                    {/* TODO className */}\n                                    <FilterInput key={key} id={key} filter={lf} onChange={(v) => { updateFilterAt(i, ({ ...lf, ...v })) }} />\n                                    <Button type=\"button\" variant=\"destructive\" size=\"icon\" icon={() => Trash} onClick={() => removeFilterAt(i)}></Button>\n                                </div>\n                            })\n                        }\n                    </div>}\n                    <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                        <DropdownMenu>\n                            <DropdownMenuTrigger asChild>\n                                {/* TODO We ideally want to do a diff between localFilters and filters, and based on that, show a save button here. \n\t\t\t\t\t\t\t\tLook into ways in which the diffing is both complete and accurate. This can act as a debouncing mechanism for users that add more than one filter. (need more data on whether or not users add multiple filters at once) */}\n                                <Button ref={addFilterButtonRef} variant={'neutral'}>Add Filter</Button>\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent>\n                                {filterKeys.map(k => <DropdownMenuItem key={k} onClick={(_) => {\n                                    const type = filterConfig[k].type as FilterType;\n\n                                    const defaultValue = (t: FilterType) => {\n                                        if (t === 'bool') {\n                                            return true;\n                                        } else if (t === 'string') {\n                                            return '';\n                                        }\n                                    }\n\n                                    const newFilter: LocalFilter = {\n                                        operator: FilterOperations[type][0],\n                                        value: defaultValue(type),\n                                        type: type,\n                                        property: k,\n                                    };\n\n                                    setLocalFilters(prev => [...prev, newFilter])\n                                    // TODO Focus to ref\n\n                                }} className=\"dropdown-item\" role=\"menuitem\">{getResourceDisplayName(k, \"admin-portal\")}</DropdownMenuItem>)}\n                            </DropdownMenuContent>\n                        </DropdownMenu>\n                        {localFilters.length > 0 ? (\n                            <Button\n                                variant=\"neutral\"\n                                onClick={() => { setLocalFilters([]) }}\n                            >\n                                Reset filters\n                            </Button>\n                        ) : null}\n                    </div>\n                    {/* </> */}\n                </PopoverContent>\n            </Popover>\n            {/* TODO render default shown filters */}\n        </section>\n\n    );\n};\n"],"names":["FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","FilterOperations","replaceAt","array","index","updater","item","i","DataTableFilter","className","props","filters","query","setFilters","filterConfig","useDataTable","localFilters","setLocalFilters","useState","useRef","addFilterButtonRef","updateFilterAt","useCallback","idx","change","prev","f","removeFilterAt","_","FilterInput","id","filter","onChange","value","setValue","jsx","Checkbox","e","Input","filterKeys","cn","jsxs","Popover","o","_a","lf","PopoverTrigger","Button","Filter","PopoverContent","key","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","op","DropdownMenuItem","v","Trash","type","k","defaultValue","t","newFilter","getResourceDisplayName"],"mappings":"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"}