@multiplatform.one/table 6.0.0

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

@@ -0,0 +1,472 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+(0, import_vitest.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
+  };
+  (0, import_vitest.describe)("basic rendering", function () {
+    (0, import_vitest.it)("should render search input", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      (0, import_vitest.expect)(searchInput).toBeDefined();
+      (0, import_vitest.expect)(searchInput).toHaveAttribute("placeholder", "Search...");
+    });
+    (0, import_vitest.it)("should display placeholder correctly", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      (0, import_vitest.expect)(searchInput).toHaveAttribute("placeholder", "Search...");
+    });
+    (0, import_vitest.it)("should render with custom placeholder", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        placeholder: "Custom placeholder"
+      }));
+      var searchInput = getByRole("textbox");
+      (0, import_vitest.expect)(searchInput).toHaveAttribute("placeholder", "Custom placeholder");
+    });
+  });
+  (0, import_vitest.describe)("search functionality", function () {
+    (0, import_vitest.it)("should call onSearchResults when input changes", async function () {
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "John"
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+      });
+    });
+    (0, import_vitest.it)("should debounce search input", async function () {
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults,
+        debounceMs: 100
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "t"
+        }
+      });
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "te"
+        }
+      });
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "tes"
+        }
+      });
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "test"
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+      }, {
+        timeout: 200
+      });
+    });
+    (0, import_vitest.it)("should clear search when clear button is clicked", async function () {
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole,
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "test search"
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+      });
+      var buttons = container.querySelectorAll('[role="button"], button');
+      if (buttons.length > 0) {
+        import_react.fireEvent.click(buttons[0]);
+        await (0, import_react.waitFor)(function () {
+          (0, import_vitest.expect)(onSearchResults).toHaveBeenCalledWith(sampleData, import_vitest.expect.any(Object));
+        });
+      }
+    });
+  });
+  (0, import_vitest.describe)("column selection", function () {
+    (0, import_vitest.it)("should render column selector button", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      var buttons = container.querySelectorAll('[role="button"], button');
+      (0, import_vitest.expect)(buttons.length).toBeGreaterThan(0);
+    });
+    (0, import_vitest.it)("should show selected columns", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+    (0, import_vitest.it)("should allow column selection through search options", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("advanced search features", function () {
+    (0, import_vitest.it)("should support case-sensitive search toggle", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+    (0, import_vitest.it)("should support regex search toggle", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+    (0, import_vitest.it)("should support whole word search toggle", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("responsive behavior", function () {
+    (0, import_vitest.it)("should adapt to mobile screens", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+    (0, import_vitest.it)("should show compact layout on small screens", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("accessibility", function () {
+    (0, import_vitest.it)("should have proper ARIA labels", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      (0, import_vitest.expect)(searchInput).toBeDefined();
+    });
+    (0, import_vitest.it)("should support keyboard navigation", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.keyDown(searchInput, {
+        key: "Enter"
+      });
+      import_react.fireEvent.keyDown(searchInput, {
+        key: "Escape"
+      });
+      (0, import_vitest.expect)(searchInput).toBeDefined();
+    });
+    (0, import_vitest.it)("should have proper focus management", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.focus(searchInput);
+      import_react.fireEvent.blur(searchInput);
+      (0, import_vitest.expect)(searchInput).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("edge cases", function () {
+    (0, import_vitest.it)("should handle empty search term", async function () {
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: ""
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalledWith(sampleData, import_vitest.expect.any(Object));
+      });
+    });
+    (0, import_vitest.it)("should handle special characters in search", async function () {
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: "test@#$%^&*()"
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+      });
+    });
+    (0, import_vitest.it)("should handle very long search terms", async function () {
+      var longSearchTerm = "a".repeat(1e3);
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults
+      }));
+      var searchInput = getByRole("textbox");
+      import_react.fireEvent.change(searchInput, {
+        target: {
+          value: longSearchTerm
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+      });
+    });
+    (0, import_vitest.it)("should handle empty columns array", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        columns: [],
+        data: []
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+    (0, import_vitest.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
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        columns: nonSearchableColumns
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("search options persistence", function () {
+    (0, import_vitest.it)("should handle re-renders without errors", function () {
+      var {
+        rerender
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      (0, import_vitest.expect)(true).toBe(true);
+    });
+    (0, import_vitest.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
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps
+      }));
+      rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        columns: updatedColumns
+      }));
+      (0, import_vitest.expect)(true).toBe(true);
+    });
+  });
+  (0, import_vitest.describe)("performance", function () {
+    (0, import_vitest.it)("should handle rapid typing without performance issues", async function () {
+      var onSearchResults = import_vitest.vi.fn();
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults,
+        debounceMs: 50
+      }));
+      var searchInput = getByRole("textbox");
+      for (var i = 0; i < 10; i++) {
+        import_react.fireEvent.change(searchInput, {
+          target: {
+            value: `search${i}`
+          }
+        });
+      }
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+      }, {
+        timeout: 100
+      });
+      (0, import_vitest.expect)(onSearchResults).toHaveBeenCalled();
+    });
+  });
+  (0, import_vitest.describe)("error handling", function () {
+    (0, import_vitest.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
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        columns: invalidColumns
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+    (0, import_vitest.it)("should handle missing onSearchResults callback", function () {
+      var {
+        getByRole
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onSearchResults: void 0
+      }));
+      var searchInput = getByRole("textbox");
+      (0, import_vitest.expect)(function () {
+        import_react.fireEvent.change(searchInput, {
+          target: {
+            value: "test"
+          }
+        });
+      }).not.toThrow();
+    });
+    (0, import_vitest.it)("should handle missing onHighlightText callback", function () {
+      var {
+        container
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        ...defaultProps,
+        onHighlightText: void 0
+      }));
+      (0, import_vitest.expect)(container).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=DataTableSearch.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_react","import_vitest","import_index","describe","sampleData","id","name","email","status","age","defaultProps","data","columns","accessorKey","header","searchable","placeholder","debounceMs","it","getByRole","renderWithProviders","jsx","DataTableSearch","searchInput","expect","toBeDefined","toHaveAttribute","onSearchResults","vi","fn","fireEvent","change","target","value","waitFor","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/jsx/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/jsx/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/jsx/components/DataTableSearch/DataTableSearch.stories.native.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DataTableSearch_stories_exports = {};
+__export(DataTableSearch_stories_exports, {
+  Default: () => Default,
+  default: () => DataTableSearch_stories_default
+});
+module.exports = __toCommonJS(DataTableSearch_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_index = require("./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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      width: 400,
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DataTableSearch, {
+        data,
+        columns,
+        onSearchResults: function onSearchResults(results) {
+          return console.log("Results:", results.length);
+        },
+        placeholder: "Search..."
+      })
+    });
+  }
+};
+//# sourceMappingURL=DataTableSearch.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableSearch_stories_exports","Default","default","DataTableSearch_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_index","data","id","email"],"sources":["../../../../src/components/DataTableSearch/DataTableSearch.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAkC1B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAzBN,IAAAC,iBAAoB,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAChBC,YAAO,GAAMN,MAAA,CAAAO,SAAiB,CAAAC,cAAO;AAAuC,IAC5EC,QAAO,GAAAA,CAAAC,MAAM,EAAAC,GAAA,KAAa;EAC5B,KAAE,IAAOC,IAAA,IAAMD,GAAA,EACjBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEA;AAAgB,IACZC,WAAA,GAAaA,CAAAC,EAAA,EAAAC,IAAQ,EAAAC,MAAQ,EAAAC,IAAQ;EACvC,IAAEF,IAAA,WAAaA,IAAA,KAAS,QAAQ,WAASA,IAAA,KAAY,UAAK;IACxD,SAAAG,GAAA,IAAahB,iBAAgB,CAAAa,IAAQ,GACzC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEMnB,SAAa,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACjB;EACA,OAAAE,EAAA;AAAY;AACe,IAC3BM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACF,IAAAE,+BAAA;AAEAhB,QAAO,CAAAgB,+BAAQ;EAERC,OAAM,EAAAA,CAAA,KAAUA,OAAA;EACrBC,OAAM,EAAAA,CAAA,KAAAC;AAAA,EACN;AAEIC,MAAC,CAAAC,OAAA,GAAAR,YAAA,CAAAG,+BAAA;AAAA,IAAAM,kBAAA,GAAAC,OAAA;AAAA,IAAAC,cACC,GAAAD,OAAA;AAAA,IAAAE,YACA,GAAAF,OAAA;AAAA,IAAAG,IACA,IAAoE;EACxDC,EAAA;EACdxB,IACF;EAEJyB,KAAA","ignoreList":[]}