@multiplatform.one/table 6.0.0

package/dist/esm/components/DataTableSearch/DataTableSearch.spec.native.js

@@ -0,0 +1,470 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { DataTableSearch } from "./index.native.js";
+describe("DataTableSearch", function () {
+  var sampleData = [{
+    id: 1,
+    name: "John Doe",
+    email: "john@example.com",
+    status: "active",
+    age: 30
+  }, {
+    id: 2,
+    name: "Jane Smith",
+    email: "jane@example.com",
+    status: "inactive",
+    age: 25
+  }, {
+    id: 3,
+    name: "Bob Johnson",
+    email: "bob@example.com",
+    status: "active",
+    age: 35
+  }];
+  var defaultProps = {
+    data: sampleData,
+    columns: [{
+      accessorKey: "name",
+      header: "Name",
+      id: "name",
+      searchable: true
+    }, {
+      accessorKey: "email",
+      header: "Email",
+      id: "email",
+      searchable: true
+    }, {
+      accessorKey: "status",
+      header: "Status",
+      id: "status",
+      searchable: true
+    }, {
+      accessorKey: "age",
+      header: "Age",
+      id: "age",
+      searchable: true
+    }],
+    placeholder: "Search...",
+    debounceMs: 300
+  };
+  describe("basic rendering", function () {
+    it("should render search input", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      expect(searchInput).toBeDefined();
+      expect(searchInput).toHaveAttribute("placeholder", "Search...");
+    });
+    it("should display placeholder correctly", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      expect(searchInput).toHaveAttribute("placeholder", "Search...");
+    });
+    it("should render with custom placeholder", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        placeholder: "Custom placeholder"
+      }));
+      var searchInput = getByRole("textbox");
+      expect(searchInput).toHaveAttribute("placeholder", "Custom placeholder");
+    });
+  });
+  describe("search functionality", function () {
+    it("should call onSearchResults when input changes", async function () {
+      var onSearchResults = vi.fn();
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.change(searchInput, {
+        target: {
+          value: "John"
+        }
+      });
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalled();
+      });
+    });
+    it("should debounce search input", async function () {
+      var onSearchResults = vi.fn();
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults,
+        debounceMs: 100
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.change(searchInput, {
+        target: {
+          value: "t"
+        }
+      });
+      fireEvent.change(searchInput, {
+        target: {
+          value: "te"
+        }
+      });
+      fireEvent.change(searchInput, {
+        target: {
+          value: "tes"
+        }
+      });
+      fireEvent.change(searchInput, {
+        target: {
+          value: "test"
+        }
+      });
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalled();
+      }, {
+        timeout: 200
+      });
+    });
+    it("should clear search when clear button is clicked", async function () {
+      var onSearchResults = vi.fn();
+      var {
+        getByRole,
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.change(searchInput, {
+        target: {
+          value: "test search"
+        }
+      });
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalled();
+      });
+      var buttons = container.querySelectorAll('[role="button"], button');
+      if (buttons.length > 0) {
+        fireEvent.click(buttons[0]);
+        await waitFor(function () {
+          expect(onSearchResults).toHaveBeenCalledWith(sampleData, expect.any(Object));
+        });
+      }
+    });
+  });
+  describe("column selection", function () {
+    it("should render column selector button", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      var buttons = container.querySelectorAll('[role="button"], button');
+      expect(buttons.length).toBeGreaterThan(0);
+    });
+    it("should show selected columns", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+    it("should allow column selection through search options", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+  });
+  describe("advanced search features", function () {
+    it("should support case-sensitive search toggle", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+    it("should support regex search toggle", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+    it("should support whole word search toggle", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+  });
+  describe("responsive behavior", function () {
+    it("should adapt to mobile screens", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+    it("should show compact layout on small screens", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(container).toBeDefined();
+    });
+  });
+  describe("accessibility", function () {
+    it("should have proper ARIA labels", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      expect(searchInput).toBeDefined();
+    });
+    it("should support keyboard navigation", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.keyDown(searchInput, {
+        key: "Enter"
+      });
+      fireEvent.keyDown(searchInput, {
+        key: "Escape"
+      });
+      expect(searchInput).toBeDefined();
+    });
+    it("should have proper focus management", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.focus(searchInput);
+      fireEvent.blur(searchInput);
+      expect(searchInput).toBeDefined();
+    });
+  });
+  describe("edge cases", function () {
+    it("should handle empty search term", async function () {
+      var onSearchResults = vi.fn();
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.change(searchInput, {
+        target: {
+          value: ""
+        }
+      });
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalledWith(sampleData, expect.any(Object));
+      });
+    });
+    it("should handle special characters in search", async function () {
+      var onSearchResults = vi.fn();
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.change(searchInput, {
+        target: {
+          value: "test@#$%^&*()"
+        }
+      });
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalled();
+      });
+    });
+    it("should handle very long search terms", async function () {
+      var longSearchTerm = "a".repeat(1e3);
+      var onSearchResults = vi.fn();
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      fireEvent.change(searchInput, {
+        target: {
+          value: longSearchTerm
+        }
+      });
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalled();
+      });
+    });
+    it("should handle empty columns array", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        columns: [],
+        data: []
+      }));
+      expect(container).toBeDefined();
+    });
+    it("should handle columns with no searchable properties", function () {
+      var nonSearchableColumns = [{
+        accessorKey: "name",
+        header: "Name",
+        id: "name",
+        searchable: false
+      }, {
+        accessorKey: "email",
+        header: "Email",
+        id: "email",
+        searchable: false
+      }];
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        columns: nonSearchableColumns
+      }));
+      expect(container).toBeDefined();
+    });
+  });
+  describe("search options persistence", function () {
+    it("should handle re-renders without errors", function () {
+      var {
+        rerender
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      rerender(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      expect(true).toBe(true);
+    });
+    it("should maintain column configuration across re-renders", function () {
+      var updatedColumns = [{
+        accessorKey: "name",
+        header: "Name",
+        id: "name",
+        searchable: true
+      }, {
+        accessorKey: "status",
+        header: "Status",
+        id: "status",
+        searchable: true
+      }];
+      var {
+        rerender
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps
+      }));
+      rerender(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        columns: updatedColumns
+      }));
+      expect(true).toBe(true);
+    });
+  });
+  describe("performance", function () {
+    it("should handle rapid typing without performance issues", async function () {
+      var onSearchResults = vi.fn();
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults,
+        debounceMs: 50
+      }));
+      var searchInput = getByRole("textbox");
+      for (var i = 0; i < 10; i++) {
+        fireEvent.change(searchInput, {
+          target: {
+            value: `search${i}`
+          }
+        });
+      }
+      await waitFor(function () {
+        expect(onSearchResults).toHaveBeenCalled();
+      }, {
+        timeout: 100
+      });
+      expect(onSearchResults).toHaveBeenCalled();
+    });
+  });
+  describe("error handling", function () {
+    it("should handle columns with invalid accessor keys gracefully", function () {
+      var invalidColumns = [{
+        accessorKey: "invalidField",
+        header: "Invalid",
+        id: "invalid",
+        searchable: true
+      }, {
+        accessorKey: "name",
+        header: "Name",
+        id: "name",
+        searchable: true
+      }];
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        columns: invalidColumns
+      }));
+      expect(container).toBeDefined();
+    });
+    it("should handle missing onSearchResults callback", function () {
+      var {
+        getByRole
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onSearchResults: void 0
+      }));
+      var searchInput = getByRole("textbox");
+      expect(function () {
+        fireEvent.change(searchInput, {
+          target: {
+            value: "test"
+          }
+        });
+      }).not.toThrow();
+    });
+    it("should handle missing onHighlightText callback", function () {
+      var {
+        container
+      } = renderWithProviders(/* @__PURE__ */_jsx(DataTableSearch, {
+        ...defaultProps,
+        onHighlightText: void 0
+      }));
+      expect(container).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=DataTableSearch.spec.native.js.map

package/dist/esm/components/DataTableSearch/DataTableSearch.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","renderWithProviders","fireEvent","waitFor","describe","expect","it","vi","DataTableSearch","sampleData","id","name","email","status","age","defaultProps","data","columns","accessorKey","header","searchable","placeholder","debounceMs","getByRole","searchInput","toBeDefined","toHaveAttribute","onSearchResults","fn","change","target","value","toHaveBeenCalled","timeout","container","buttons","querySelectorAll","length","click","toHaveBeenCalledWith","any","Object","toBeGreaterThan","keyDown","key","focus","blur","longSearchTerm","repeat"],"sources":["../../../../src/components/DataTableSearch/DataTableSearch.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/DataTableSearch/DataTableSearch.stories.mjs

@@ -0,0 +1,56 @@
+import { YStack } from "tamagui";
+import { DataTableSearch } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+const data = [{
+  id: 1,
+  name: "Alice Johnson",
+  email: "alice@example.com",
+  role: "Developer"
+}, {
+  id: 2,
+  name: "Bob Smith",
+  email: "bob@example.com",
+  role: "Designer"
+}, {
+  id: 3,
+  name: "Carol Davis",
+  email: "carol@example.com",
+  role: "Manager"
+}];
+const columns = [{
+  accessorKey: "name",
+  header: "Name",
+  searchable: true
+}, {
+  accessorKey: "email",
+  header: "Email",
+  searchable: true
+}, {
+  accessorKey: "role",
+  header: "Role",
+  searchable: true
+}];
+const meta = {
+  title: "Table/DataTableSearch",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var DataTableSearch_stories_default = meta;
+const Default = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsx(YStack, {
+    width: 400,
+    padding: "$4",
+    children: /* @__PURE__ */jsx(DataTableSearch, {
+      data,
+      columns,
+      onSearchResults: results => console.log("Results:", results.length),
+      placeholder: "Search..."
+    })
+  })
+};
+export { Default, DataTableSearch_stories_default as default };
+//# sourceMappingURL=DataTableSearch.stories.mjs.map

package/dist/esm/components/DataTableSearch/DataTableSearch.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["YStack","DataTableSearch","jsx","data","id","name","email","role","columns","accessorKey","header","searchable","meta","title","parameters","status","type","DataTableSearch_stories_default","Default","render","width","padding","children","onSearchResults","results","console","log","length","placeholder"],"sources":["../../../../src/components/DataTableSearch/DataTableSearch.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AACvB,SAASC,eAAA,QAAuB;AAkC1B,SAAAC,GAAA;AAzBN,MAAMC,IAAA,GAAc,CAClB;EAAEC,EAAA,EAAI;EAAGC,IAAA,EAAM;EAAiBC,KAAA,EAAO;EAAqBC,IAAA,EAAM;AAAY,GAC9E;EAAEH,EAAA,EAAI;EAAGC,IAAA,EAAM;EAAaC,KAAA,EAAO;EAAmBC,IAAA,EAAM;AAAW,GACvE;EAAEH,EAAA,EAAI;EAAGC,IAAA,EAAM;EAAeC,KAAA,EAAO;EAAqBC,IAAA,EAAM;AAAU,EAC5E;AAEA,MAAMC,OAAA,GAAU,CACd;EAAEC,WAAA,EAAa;EAAQC,MAAA,EAAQ;EAAQC,UAAA,EAAY;AAAK,GACxD;EAAEF,WAAA,EAAa;EAASC,MAAA,EAAQ;EAASC,UAAA,EAAY;AAAK,GAC1D;EAAEF,WAAA,EAAa;EAAQC,MAAA,EAAQ;EAAQC,UAAA,EAAY;AAAK,EAC1D;AAEA,MAAMC,IAAA,GAAa;EACjBC,KAAA,EAAO;EACPC,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAS;EAC3B;AACF;AAEA,IAAOC,+BAAA,GAAQL,IAAA;AAER,MAAMM,OAAA,GAAU;EACrBb,IAAA,EAAM;EACNc,MAAA,EAAQA,CAAA,KACN,eAAAjB,GAAA,CAACF,MAAA;IAAOoB,KAAA,EAAO;IAAKC,OAAA,EAAQ;IAC1BC,QAAA,iBAAApB,GAAA,CAACD,eAAA;MACCE,IAAA;MACAK,OAAA;MACAe,eAAA,EAAkBC,OAAA,IAAYC,OAAA,CAAQC,GAAA,CAAI,YAAYF,OAAA,CAAQG,MAAM;MACpEC,WAAA,EAAY;IAAA,CACd;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/components/DataTableSearch/DataTableSearch.stories.native.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { YStack } from "tamagui";
+import { DataTableSearch } from "./index.native.js";
+var data = [{
+  id: 1,
+  name: "Alice Johnson",
+  email: "alice@example.com",
+  role: "Developer"
+}, {
+  id: 2,
+  name: "Bob Smith",
+  email: "bob@example.com",
+  role: "Designer"
+}, {
+  id: 3,
+  name: "Carol Davis",
+  email: "carol@example.com",
+  role: "Manager"
+}];
+var columns = [{
+  accessorKey: "name",
+  header: "Name",
+  searchable: true
+}, {
+  accessorKey: "email",
+  header: "Email",
+  searchable: true
+}, {
+  accessorKey: "role",
+  header: "Role",
+  searchable: true
+}];
+var meta = {
+  title: "Table/DataTableSearch",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var DataTableSearch_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsx(YStack, {
+      width: 400,
+      padding: "$4",
+      children: /* @__PURE__ */_jsx(DataTableSearch, {
+        data,
+        columns,
+        onSearchResults: function onSearchResults(results) {
+          return console.log("Results:", results.length);
+        },
+        placeholder: "Search..."
+      })
+    });
+  }
+};
+export { Default, DataTableSearch_stories_default as default };
+//# sourceMappingURL=DataTableSearch.stories.native.js.map

package/dist/esm/components/DataTableSearch/DataTableSearch.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","YStack","DataTableSearch","data","id","name","email","role","columns","accessorKey","header","searchable"],"sources":["../../../../src/components/DataTableSearch/DataTableSearch.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,iBAAuB;AAkC1B,SAAAC,eAAA;AAzBN,IAAAC,IAAM,IACJ;EACEC,EAAA,EAAI;EACJC,IAAI,iBAAS;EACjBC,KAAA;EAEAC,IAAM;AACJ,GACA;EACEH,EAAA;EACJC,IAAA;EAEAC,KAAM,mBAAa;EACjBC,IAAA,EAAO;AACP,GAAY;EAEZH,EAAA;EACFC,IAAA;EAEOC,KAAA;EAEAC,IAAM;AACX,EAAM;AAGF,IAACC,OAAA;EAAAC,WACC;EAAAC,MACA;EAAAC,UACA;AAAoE,GACxD;EACdF,WACF;EAEJC,MAAA","ignoreList":[]}