@pipe0/react-sdk 0.0.3 → 0.0.4

package/dist/hooks/usePipeCatalogTable.d.ts

@@ -0,0 +1,38 @@
+import { type PipeCatalogTableData, type PipeCategory, type PipeId } from "@pipe0/client-sdk";
+import { type ColumnFilter } from "@tanstack/react-table";
+export declare function useDebounce(cb: (v: string) => unknown, config?: {
+    initialValue?: string;
+    timeout?: number;
+}): readonly [string, import("react").Dispatch<import("react").SetStateAction<string>>, (v: string) => void];
+export type InputFieldEntries = Record<string, PipeId[]>;
+export type OutputFieldEntries = Record<string, PipeId[]>;
+export declare function usePipeCatalogTable(config?: {
+    initialColumnFilters?: ColumnFilter[];
+}): {
+    table: import("@tanstack/react-table").Table<PipeCatalogTableData>;
+    sidebar: {
+        sortedInputFieldEntries: [string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]][];
+        sortedOutputFieldEntries: [string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]][];
+        sortedTagEntries: [string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]][];
+        sortedProviderEntries: [string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]][];
+        pipeIdsByInputField: Record<string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]>;
+        pipeIdsByOutputField: Record<string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]>;
+        pipeIdsByProvider: Record<string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]>;
+        pipeIdsByTag: Record<string, ("run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1")[]>;
+        expandedSidebarSections: string[];
+        setExpandedSidebarSections: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+        removeColumnFilter: (id: "inputFields" | "outputFields" | "tags" | "providers") => void;
+        addColumnFilter: (id: "inputFields" | "outputFields" | "tags" | "providers", value: string) => void;
+    };
+    pipeEntriesByBasePipe: Record<string, (import("@pipe0/client-sdk").PipeMetaCatalogEntry<"run:prompt@1" | "company:newssummary:website@1" | "website:technologystack:builtwith@1" | "company:websiteurl:email@1" | "people:workemail:waterfall@1" | "people:is:workemail@1" | "people:split:name@1" | "people:join:name@1" | "people:professionalprofile:waterfall@1" | "people:professionalprofileurl:name@1" | "people:professionalprofileurl:email:waterfall@1" | "people:personalemail:professionalprofile:waterfall@1" | "people:validate:email:zerobounce@1" | "people:mobilenumber:professionalprofile:waterfall@1" | "people:mobilenumber:workemail:waterfall@1" | "company:profile:builtwith@1" | "company:identity@1" | "company:overview@1"> & {
+        pipeId: PipeId;
+    })[]>;
+    filterByField: (id: "inputFields" | "outputFields", fieldName: string) => void;
+    globalFilterInput: string;
+    setGlobalFilterInput: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isFilterChecked: (id: "inputFields" | "outputFields" | "tags" | "providers", value: string) => boolean;
+    resetColumnFilters: () => void;
+    category: PipeCategory;
+    setCategory: (category: PipeCategory | null) => void;
+};
+//# sourceMappingURL=usePipeCatalogTable.d.ts.map

package/dist/hooks/usePipeCatalogTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePipeCatalogTable.d.ts","sourceRoot":"","sources":["../../src/hooks/usePipeCatalogTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,MAAM,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,uBAAuB,CAAC;AAG/B,wBAAgB,WAAW,CACzB,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,EAC1B,MAAM,GAAE;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAO,2FAQjB,MAAM,WAc9C;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AACzD,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AA0B1D,wBAAgB,mBAAmB,CACjC,MAAM,GAAE;IACN,oBAAoB,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC;;;;;;;;;;;;;iCAqFA,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW;8BAhBrD,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,SAClD,MAAM;;;;;wBA4BT,aAAa,GAAG,cAAc,aACvB,MAAM;;;0BARb,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,SAClD,MAAM;;;4BA1CgB,YAAY,GAAG,IAAI;EAoFnD"}

package/dist/hooks/usePipeCatalogTable.js

@@ -0,0 +1,132 @@
+import { getInitialTableData, getTableDataAggregates, } from "@pipe0/client-sdk";
+import { createColumnHelper, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, useReactTable, } from "@tanstack/react-table";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+export function useDebounce(cb, config = {}) {
+    const { initialValue = "", timeout = 400 } = config;
+    const [value, setValue] = useState(initialValue);
+    const cbRef = useRef(cb);
+    cbRef.current = cb;
+    const setImmediately = useCallback((v) => {
+        setValue(v);
+        cbRef.current(v);
+    }, []);
+    useEffect(() => {
+        const handle = setTimeout(() => {
+            cbRef.current(value);
+        }, timeout);
+        return () => clearTimeout(handle);
+    }, [value, timeout]);
+    return [value, setValue, setImmediately];
+}
+const columnHelper = createColumnHelper();
+const columns = [
+    columnHelper.accessor("pipeId", {}),
+    columnHelper.accessor((row) => row.inputGroups.flatMap((g) => Object.keys(g.fields)).join(", "), {
+        id: "inputFields",
+    }),
+    columnHelper.accessor((row) => row.outputFields.join(", "), {
+        id: "outputFields",
+    }),
+    columnHelper.accessor((row) => row.tags.join(", "), {
+        id: "tags",
+    }),
+    columnHelper.accessor((row) => row.providers.join(", "), {
+        id: "providers",
+    }),
+    columnHelper.accessor((row) => row.categories.join(", "), {
+        id: "categories",
+    }),
+];
+export function usePipeCatalogTable(config = {}) {
+    const { initialColumnFilters: initialColumnFilters = [
+        { id: "category", value: "enrichment" },
+    ], } = config;
+    const initialTableData = useMemo(() => getInitialTableData(), []);
+    const table = useReactTable({
+        columns,
+        data: initialTableData,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        initialState: {
+            columnFilters: initialColumnFilters,
+            pagination: {
+                pageSize: 10,
+            },
+        },
+    });
+    const columnFilters = table.getState().columnFilters;
+    const category = useMemo(() => columnFilters.find((e) => e.id === "categories" && e.value)
+        ?.value || null, [columnFilters]);
+    const { pipeIdsByInputField, pipeIdsByOutputField, pipeIdsByTag, pipeIdsByProvider, sortedTagEntries, sortedInputFieldEntries, sortedOutputFieldEntries, sortedProviderEntries, pipeEntriesByBasePipe, } = useMemo(() => {
+        return getTableDataAggregates(initialTableData, category);
+    }, [category, initialTableData]);
+    const [expandedSidebarSections, setExpandedSidebarSections] = useState(["tags"]);
+    const setCategory = (category) => {
+        table.setGlobalFilter(null);
+        if (category) {
+            table.setColumnFilters([{ id: "categories", value: category }]);
+        }
+        else {
+            table.setColumnFilters([]);
+        }
+    };
+    const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] = useDebounce((v) => {
+        if (v === table.getState().globalFilter)
+            return;
+        table.setGlobalFilter(v);
+        if (v) {
+            table.setColumnFilters([]);
+        }
+    });
+    const addColumnFilter = (id, value) => {
+        setGlobalFilterImmediately("");
+        table.setColumnFilters([
+            { id: "categories", value: category },
+            { id, value },
+        ]);
+    };
+    const resetColumnFilters = () => {
+        setGlobalFilterImmediately("");
+        table.setColumnFilters([{ id: "categories", value: null }]);
+    };
+    const removeColumnFilter = (id) => {
+        table.getColumn(id)?.setFilterValue(null);
+    };
+    const isFilterChecked = (id, value) => {
+        return columnFilters.some((f) => f.id === id && f.value === value);
+    };
+    const filterByField = (id, fieldName) => {
+        setExpandedSidebarSections([id]);
+        setGlobalFilterImmediately("");
+        table.setColumnFilters([
+            { id: "categories", value: null },
+            { id, value: fieldName },
+        ]);
+    };
+    return {
+        table,
+        sidebar: {
+            sortedInputFieldEntries,
+            sortedOutputFieldEntries,
+            sortedTagEntries,
+            sortedProviderEntries,
+            pipeIdsByInputField,
+            pipeIdsByOutputField,
+            pipeIdsByProvider,
+            pipeIdsByTag,
+            expandedSidebarSections,
+            setExpandedSidebarSections,
+            removeColumnFilter,
+            addColumnFilter,
+        },
+        pipeEntriesByBasePipe,
+        filterByField,
+        globalFilterInput,
+        setGlobalFilterInput,
+        isFilterChecked,
+        resetColumnFilters,
+        category,
+        setCategory,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./hooks/usePipeCatalogTable.js";
+export * from "@pipe0/client-sdk";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./hooks/usePipeCatalogTable.js";
+export * from "@pipe0/client-sdk";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipe0/react-sdk",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "description": "React utils to work with pipe0",
   "keywords": [
@@ -15,8 +15,11 @@
     "provenance": false,
     "access": "public"
   },
+  "files": [
+    "dist"
+  ],
   "exports": {
-    ".": "./src/index.ts"
+    ".": "./dist/index.js"
   },
   "private": false,
   "author": "",
@@ -36,6 +39,8 @@
   },
   "scripts": {
     "lint": "eslint . --max-warnings 0",
-    "check-types": "tsc --noEmit"
+    "check-types": "tsc --noEmit",
+    "dev": " tsc --watch",
+    "build": "rm -rf ./dist && tsc"
   }
 }

package/CHANGELOG.md

@@ -1,17 +0,0 @@
-# @pipe0/react-sdk
-
-## 0.0.3
-
-### Patch Changes
-
-- Add exports to react-sdk
-- Updated dependencies
-  - @pipe0/client-sdk@0.0.48
-
-## 0.0.2
-
-### Patch Changes
-
-- Updates
-- Updated dependencies
-  - @pipe0/client-sdk@0.0.47

package/eslint.config.mjs

@@ -1,4 +0,0 @@
-import { config } from "@pipe0/eslint-config/react-internal";
-
-/** @type {import("eslint").Linter.Config} */
-export default config;

package/src/hooks/usePipeCatalogTable.ts

@@ -1,208 +0,0 @@
-import {
-  getInitialTableData,
-  getTableDataAggregates,
-  type PipeCatalogTableData,
-  type PipeCategory,
-  type PipeId,
-} from "@pipe0/client-sdk";
-import {
-  type ColumnFilter,
-  createColumnHelper,
-  getCoreRowModel,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  useReactTable,
-} from "@tanstack/react-table";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-
-export function useDebounce(
-  cb: (v: string) => unknown,
-  config: { initialValue?: string; timeout?: number } = {}
-) {
-  const { initialValue = "", timeout = 400 } = config;
-  const [value, setValue] = useState(initialValue);
-
-  const cbRef = useRef(cb);
-  cbRef.current = cb;
-
-  const setImmediately = useCallback((v: string) => {
-    setValue(v);
-    cbRef.current(v);
-  }, []);
-
-  useEffect(() => {
-    const handle = setTimeout(() => {
-      cbRef.current(value);
-    }, timeout);
-
-    return () => clearTimeout(handle);
-  }, [value, timeout]);
-
-  return [value, setValue, setImmediately] as const;
-}
-
-export type InputFieldEntries = Record<string, PipeId[]>;
-export type OutputFieldEntries = Record<string, PipeId[]>;
-
-const columnHelper = createColumnHelper<PipeCatalogTableData>();
-
-const columns = [
-  columnHelper.accessor("pipeId", {}),
-  columnHelper.accessor(
-    (row) => row.inputGroups.flatMap((g) => Object.keys(g.fields)).join(", "),
-    {
-      id: "inputFields",
-    }
-  ),
-  columnHelper.accessor((row) => row.outputFields.join(", "), {
-    id: "outputFields",
-  }),
-  columnHelper.accessor((row) => row.tags.join(", "), {
-    id: "tags",
-  }),
-  columnHelper.accessor((row) => row.providers.join(", "), {
-    id: "providers",
-  }),
-  columnHelper.accessor((row) => row.categories.join(", "), {
-    id: "categories",
-  }),
-];
-
-export function usePipeCatalogTable(
-  config: {
-    initialColumnFilters?: ColumnFilter[];
-  } = {}
-) {
-  const {
-    initialColumnFilters: initialColumnFilters = [
-      { id: "category", value: "enrichment" },
-    ] as ColumnFilter[],
-  } = config;
-
-  const initialTableData = useMemo(() => getInitialTableData(), []);
-
-  const table = useReactTable({
-    columns,
-    data: initialTableData,
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    initialState: {
-      columnFilters: initialColumnFilters,
-      pagination: {
-        pageSize: 10,
-      },
-    },
-  });
-
-  const columnFilters = table.getState().columnFilters;
-  const category: PipeCategory | null = useMemo(
-    () =>
-      (columnFilters.find((e) => e.id === "categories" && e.value)
-        ?.value as PipeCategory) || null,
-    [columnFilters]
-  );
-
-  const {
-    pipeIdsByInputField,
-    pipeIdsByOutputField,
-    pipeIdsByTag,
-    pipeIdsByProvider,
-    sortedTagEntries,
-    sortedInputFieldEntries,
-    sortedOutputFieldEntries,
-    sortedProviderEntries,
-    pipeEntriesByBasePipe,
-  } = useMemo(() => {
-    return getTableDataAggregates(initialTableData, category);
-  }, [category, initialTableData]);
-
-  const [expandedSidebarSections, setExpandedSidebarSections] = useState<
-    string[]
-  >(["tags"]);
-
-  const setCategory = (category: PipeCategory | null) => {
-    table.setGlobalFilter(null);
-    if (category) {
-      table.setColumnFilters([{ id: "categories", value: category }]);
-    } else {
-      table.setColumnFilters([]);
-    }
-  };
-
-  const [globalFilterInput, setGlobalFilterInput, setGlobalFilterImmediately] =
-    useDebounce((v) => {
-      if (v === table.getState().globalFilter) return;
-      table.setGlobalFilter(v);
-      if (v) {
-        table.setColumnFilters([]);
-      }
-    });
-
-  const addColumnFilter = (
-    id: "inputFields" | "outputFields" | "tags" | "providers",
-    value: string
-  ) => {
-    setGlobalFilterImmediately("");
-    table.setColumnFilters([
-      { id: "categories", value: category },
-      { id, value },
-    ]);
-  };
-
-  const resetColumnFilters = () => {
-    setGlobalFilterImmediately("");
-    table.setColumnFilters([{ id: "categories", value: null }]);
-  };
-
-  const removeColumnFilter = (
-    id: "inputFields" | "outputFields" | "tags" | "providers"
-  ) => {
-    table.getColumn(id)?.setFilterValue(null);
-  };
-
-  const isFilterChecked = (
-    id: "inputFields" | "outputFields" | "tags" | "providers",
-    value: string
-  ) => {
-    return columnFilters.some((f) => f.id === id && f.value === value);
-  };
-
-  const filterByField = (
-    id: "inputFields" | "outputFields",
-    fieldName: string
-  ) => {
-    setExpandedSidebarSections([id]);
-    setGlobalFilterImmediately("");
-    table.setColumnFilters([
-      { id: "categories", value: null },
-      { id, value: fieldName },
-    ]);
-  };
-
-  return {
-    table,
-    sidebar: {
-      sortedInputFieldEntries,
-      sortedOutputFieldEntries,
-      sortedTagEntries,
-      sortedProviderEntries,
-      pipeIdsByInputField,
-      pipeIdsByOutputField,
-      pipeIdsByProvider,
-      pipeIdsByTag,
-      expandedSidebarSections,
-      setExpandedSidebarSections,
-      removeColumnFilter,
-      addColumnFilter,
-    },
-    pipeEntriesByBasePipe,
-    filterByField,
-    globalFilterInput,
-    setGlobalFilterInput,
-    isFilterChecked,
-    resetColumnFilters,
-    category,
-    setCategory,
-  };
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./hooks/usePipeCatalogTable";
-export * from "@pipe0/client-sdk";

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2023",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "rootDir": "src",
-    "moduleDetection": "force",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "noUncheckedIndexedAccess": true,
-    "resolveJsonModule": true,
-    "types": ["node"],
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedLocals": false,
-    "noUnusedParameters": true,
-    "verbatimModuleSyntax": true,
-    "isolatedModules": true,
-    "skipLibCheck": true,
-    "noUncheckedSideEffectImports": true,
-    "outDir": "./dist",
-    "noEmit": false,
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "strict": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["./src"]
-}