@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/composed/TdpSearch/TdpSearch.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lucide-react"),a=require("react"),ee=require("./components/DefaultFilters.cjs"),te=require("./components/DefaultResults.cjs"),se=require("./components/DefaultSearchBar.cjs"),re=require("./hooks/useSearch.cjs"),ce=require("./hooks/useTdpCredentials.cjs"),p=require("../../ui/alert.cjs");;/* empty css                 */const ae=({defaultQuery:K="",columns:b,filters:y=[],defaultSort:q,advancedSearchParams:_,pageSize:n=10,searchPlaceholder:k="Enter search term...",className:w,onSearch:v,renderSearchBar:D,renderFilters:T,renderResults:N,...l})=>{const{authToken:B,orgSlug:L}=ce.useTdpCredentials(l.authToken,l.orgSlug),{results:i,total:V,currentPage:H,isLoading:r,error:o,executeSearch:M}=re.useSearch({...l,authToken:B??"",orgSlug:L??"",pageSize:n}),[u,O]=a.useState(K),[C,Q]=a.useState({}),[h,$]=a.useState(null),[d,G]=a.useState("asc"),[x,I]=a.useState(!1),S=async(t=1,s)=>{if(!u.trim())return;I(!0);const m=s?.sortKey??h??q?.field,Y=s==null?h?d:q?.order??d:s.sortDirection,f=Object.entries(C).filter(([,g])=>g!=="").map(([g,z])=>({field:g,operator:"eq",value:z}));let c=_?.expression;f.length>0&&(c={g:"AND",e:c?[...f,c]:f});const F={searchTerm:u.trim(),sort:m??void 0,order:Y,..._,...c!==void 0&&{expression:c}},Z=await M(F,t);v&&v({...F,from:(t-1)*n,size:n},Z)},J=()=>{S(1)},U=(t,s)=>{Q(m=>({...m,[t]:s}))},W=t=>{S(t)},X=(t,s)=>{$(t),G(s),S(1,{sortKey:t,sortDirection:s})},P=e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(j.Search,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"No results found. Try adjusting your search query or filters."})]}),R={query:u,setQuery:O,onSearch:J,isLoading:r,placeholder:k},A={filters:y,filterValues:C,onFilterChange:U},E={results:i,total:V,currentPage:H,pageSize:n,columns:b,onPageChange:W,sortKey:h,sortDirection:d,onSort:X};return e.jsxs("div",{className:`tdp-search ${w||""}`,children:[D?D(R):e.jsx(se.DefaultSearchBar,{...R}),y.length>0&&(T?T(A):e.jsx(ee.DefaultFilters,{...A})),o&&e.jsxs(e.Fragment,{children:[e.jsxs(p.Alert,{variant:"destructive",children:[e.jsx(j.AlertCircle,{}),e.jsx(p.AlertTitle,{children:"Error"}),e.jsx(p.AlertDescription,{children:o})]}),P]}),r&&e.jsx("div",{className:"tdp-search__loading-overlay",children:"Loading results..."}),!r&&!x&&e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(j.Search,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"Enter a search query and click Search to get started."})]}),!r&&!o&&x&&i.length>0&&(N?N(E):e.jsx(te.DefaultResults,{...E})),!r&&!o&&x&&i.length===0&&P]})};exports.TdpSearch=ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("lucide-react"),c=require("react"),te=require("./components/DefaultFilters.cjs"),se=require("./components/DefaultResults.cjs"),re=require("./components/DefaultSearchBar.cjs"),ae=require("./hooks/useSearch.cjs"),ce=require("./hooks/useTdpCredentials.cjs"),p=require("../../../ui/alert.cjs");;/* empty css                 */const K=({defaultQuery:b="",columns:k,filters:y=[],defaultSort:_,advancedSearchParams:q,pageSize:n=10,searchPlaceholder:w="Enter search term...",className:B,onSearch:v,renderSearchBar:D,renderFilters:T,renderResults:N,...l})=>{const{authToken:L,orgSlug:M}=ce.useTdpCredentials(l.authToken,l.orgSlug),{results:i,total:V,currentPage:H,isLoading:r,error:o,executeSearch:O}=ae.useSearch({...l,authToken:L??"",orgSlug:M??"",pageSize:n}),[u,Q]=c.useState(b),[C,$]=c.useState({}),[h,G]=c.useState(null),[d,I]=c.useState("asc"),[x,J]=c.useState(!1),S=async(t=1,s)=>{if(!u.trim())return;J(!0);const f=s?.sortKey??h??_?.field,Z=s==null?h?d:_?.order??d:s.sortDirection,m=Object.entries(C).filter(([,g])=>g!=="").map(([g,ee])=>({field:g,operator:"eq",value:ee}));let a=q?.expression;m.length>0&&(a={g:"AND",e:a?[...m,a]:m});const F={searchTerm:u.trim(),sort:f??void 0,order:Z,...q,...a!==void 0&&{expression:a}},z=await O(F,t);v&&v({...F,from:(t-1)*n,size:n},z)},U=()=>{S(1)},W=(t,s)=>{$(f=>({...f,[t]:s}))},X=t=>{S(t)},Y=(t,s)=>{G(t),I(s),S(1,{sortKey:t,sortDirection:s})},P=e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(j.Search,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"No results found. Try adjusting your search query or filters."})]}),R={query:u,setQuery:Q,onSearch:U,isLoading:r,placeholder:w},A={filters:y,filterValues:C,onFilterChange:W},E={results:i,total:V,currentPage:H,pageSize:n,columns:k,onPageChange:X,sortKey:h,sortDirection:d,onSort:Y};return e.jsxs("div",{className:`tdp-search ${B||""}`,children:[D?D(R):e.jsx(re.DefaultSearchBar,{...R}),y.length>0&&(T?T(A):e.jsx(te.DefaultFilters,{...A})),o&&e.jsxs(e.Fragment,{children:[e.jsxs(p.Alert,{variant:"destructive",children:[e.jsx(j.AlertCircle,{}),e.jsx(p.AlertTitle,{children:"Error"}),e.jsx(p.AlertDescription,{children:o})]}),P]}),r&&e.jsx("div",{className:"tdp-search__loading-overlay",children:"Loading results..."}),!r&&!x&&e.jsxs("div",{className:"tdp-search__empty-state",children:[e.jsx("div",{className:"tdp-search__empty-state-icon",children:e.jsx(j.Search,{})}),e.jsx("div",{className:"tdp-search__empty-state-text",children:"Enter a search query and click Search to get started."})]}),!r&&!o&&x&&i.length>0&&(N?N(E):e.jsx(se.DefaultResults,{...E})),!r&&!o&&x&&i.length===0&&P]})};exports.TdpSearch=K;exports.default=K;
 //# sourceMappingURL=TdpSearch.cjs.map

package/dist/components/composed/TdpSearch/TdpSearch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TdpSearch.cjs","sources":["../../../../src/components/composed/TdpSearch/TdpSearch.tsx"],"sourcesContent":["import { AlertCircle, Search } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { DefaultFilters } from \"./components/DefaultFilters\";\nimport { DefaultResults } from \"./components/DefaultResults\";\nimport { DefaultSearchBar } from \"./components/DefaultSearchBar\";\nimport { useSearch } from \"./hooks/useSearch\";\nimport { useTdpCredentials } from \"./hooks/useTdpCredentials\";\n\nimport type { TdpSearchProps, SearchEqlExpression } from \"./types\";\nimport type { SearchEqlRequest } from \"@tetrascience-npm/ts-connectors-sdk\";\n\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\";\n\nimport \"./TdpSearch.scss\";\n\n/**\n * TdpSearch Component\n *\n * A reusable search component for querying the TDP.\n *\n * @example\n * ```tsx\n * <TdpSearch\n *   columns={[\n *     { key: \"id\", header: \"ID\" },\n *     { key: \"filePath\", header: \"File Path\", sortable: true }\n *   ]}\n *   defaultQuery=\"sample-data\"\n *   pageSize={20}\n * />\n * ```\n */\n\nexport const TdpSearch: React.FC<TdpSearchProps> = ({\n  defaultQuery = \"\",\n  columns,\n  filters = [],\n  defaultSort,\n  advancedSearchParams,\n  pageSize = 10,\n  searchPlaceholder = \"Enter search term...\",\n  className,\n  onSearch,\n  renderSearchBar,\n  renderFilters,\n  renderResults,\n  ...props\n}) => {\n  const { authToken, orgSlug } = useTdpCredentials(props.authToken, props.orgSlug);\n\n  const { results, total, currentPage, isLoading, error, executeSearch } = useSearch({\n    ...props,\n    authToken: authToken ?? \"\",\n    orgSlug: orgSlug ?? \"\",\n    pageSize,\n  });\n\n  // UI state\n  const [query, setQuery] = useState(defaultQuery);\n  const [filterValues, setFilterValues] = useState<Record<string, string>>({});\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\");\n  const [hasSearched, setHasSearched] = useState(false);\n\n  // Execute search with current UI state. Optional sortOverride avoids stale state when called from handleSort.\n  const handleExecuteSearch = async (\n    page: number = 1,\n    sortOverride?: { sortKey: string; sortDirection: \"asc\" | \"desc\" },\n  ) => {\n    if (!query.trim()) {\n      return;\n    }\n\n    setHasSearched(true);\n\n    const effectiveSortKey = sortOverride?.sortKey ?? sortKey ?? defaultSort?.field;\n    const effectiveOrder =\n      sortOverride == null\n        ? sortKey\n          ? sortDirection\n          : (defaultSort?.order ?? sortDirection)\n        : sortOverride.sortDirection;\n\n    const filterExpressions = Object.entries(filterValues)\n      .filter(([, value]) => value !== \"\")\n      .map(([key, value]) => ({ field: key, operator: \"eq\", value }));\n\n    let expression: SearchEqlExpression | undefined = advancedSearchParams?.expression as\n      | SearchEqlExpression\n      | undefined;\n\n    if (filterExpressions.length > 0) {\n      expression = {\n        g: \"AND\",\n        e: expression ? [...filterExpressions, expression] : filterExpressions,\n      };\n    }\n\n    const searchRequest: Omit<SearchEqlRequest, \"from\" | \"size\"> = {\n      searchTerm: query.trim(),\n      sort: effectiveSortKey ?? undefined,\n      order: effectiveOrder,\n      ...advancedSearchParams,\n      ...(expression !== undefined && { expression }),\n    };\n\n    const newResults = await executeSearch(searchRequest, page);\n\n    // Call onSearch with the freshly fetched results (not stale state)\n    if (onSearch) {\n      onSearch({ ...searchRequest, from: (page - 1) * pageSize, size: pageSize }, newResults);\n    }\n  };\n\n  // Handle search button click\n  const handleSearch = () => {\n    handleExecuteSearch(1);\n  };\n\n  // Handle filter change\n  const handleFilterChange = (filterKey: string, value: string) => {\n    setFilterValues((prev) => ({\n      ...prev,\n      [filterKey]: value,\n    }));\n  };\n\n  // Handle page change\n  const handlePageChange = (page: number) => {\n    handleExecuteSearch(page);\n  };\n\n  // Handle sort\n  const handleSort = (key: string, direction: \"asc\" | \"desc\") => {\n    setSortKey(key);\n    setSortDirection(direction);\n    handleExecuteSearch(1, { sortKey: key, sortDirection: direction });\n  };\n\n  const emptyState = (\n    <div className=\"tdp-search__empty-state\">\n      <div className=\"tdp-search__empty-state-icon\">\n        <Search />\n      </div>\n      <div className=\"tdp-search__empty-state-text\">No results found. Try adjusting your search query or filters.</div>\n    </div>\n  );\n\n  const searchBarProps = { query, setQuery, onSearch: handleSearch, isLoading, placeholder: searchPlaceholder };\n  const filtersProps = { filters, filterValues, onFilterChange: handleFilterChange };\n  const resultsProps = {\n    results,\n    total,\n    currentPage,\n    pageSize,\n    columns,\n    onPageChange: handlePageChange,\n    sortKey,\n    sortDirection,\n    onSort: handleSort,\n  };\n\n  return (\n    <div className={`tdp-search ${className || \"\"}`}>\n      {renderSearchBar ? renderSearchBar(searchBarProps) : <DefaultSearchBar {...searchBarProps} />}\n\n      {filters.length > 0 && (renderFilters ? renderFilters(filtersProps) : <DefaultFilters {...filtersProps} />)}\n\n      {error && (\n        <>\n          <Alert variant=\"destructive\">\n            <AlertCircle />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n          </Alert>\n          {emptyState}\n        </>\n      )}\n\n      {isLoading && <div className=\"tdp-search__loading-overlay\">Loading results...</div>}\n\n      {!isLoading && !hasSearched && (\n        <div className=\"tdp-search__empty-state\">\n          <div className=\"tdp-search__empty-state-icon\">\n            <Search />\n          </div>\n          <div className=\"tdp-search__empty-state-text\">Enter a search query and click Search to get started.</div>\n        </div>\n      )}\n\n      {!isLoading &&\n        !error &&\n        hasSearched &&\n        results.length > 0 &&\n        (renderResults ? renderResults(resultsProps) : <DefaultResults {...resultsProps} />)}\n\n      {!isLoading && !error && hasSearched && results.length === 0 && emptyState}\n    </div>\n  );\n};\n\nexport default TdpSearch;\n"],"names":["TdpSearch","defaultQuery","columns","filters","defaultSort","advancedSearchParams","pageSize","searchPlaceholder","className","onSearch","renderSearchBar","renderFilters","renderResults","props","authToken","orgSlug","useTdpCredentials","results","total","currentPage","isLoading","error","executeSearch","useSearch","query","setQuery","useState","filterValues","setFilterValues","sortKey","setSortKey","sortDirection","setSortDirection","hasSearched","setHasSearched","handleExecuteSearch","page","sortOverride","effectiveSortKey","effectiveOrder","filterExpressions","value","key","expression","searchRequest","newResults","handleSearch","handleFilterChange","filterKey","prev","handlePageChange","handleSort","direction","emptyState","jsxs","jsx","Search","searchBarProps","filtersProps","resultsProps","DefaultSearchBar","DefaultFilters","Fragment","Alert","AlertCircle","AlertTitle","AlertDescription","DefaultResults"],"mappings":"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"}
+{"version":3,"file":"TdpSearch.cjs","sources":["../../../../src/components/composed/TdpSearch/TdpSearch.tsx"],"sourcesContent":["import { AlertCircle, Search } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nimport { DefaultFilters } from \"./components/DefaultFilters\";\nimport { DefaultResults } from \"./components/DefaultResults\";\nimport { DefaultSearchBar } from \"./components/DefaultSearchBar\";\nimport { useSearch } from \"./hooks/useSearch\";\nimport { useTdpCredentials } from \"./hooks/useTdpCredentials\";\n\nimport type { TdpSearchProps, SearchEqlExpression } from \"./types\";\nimport type { SearchEqlRequest } from \"@tetrascience-npm/ts-connectors-sdk\";\n\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\";\n\nimport \"./TdpSearch.scss\";\n\n/**\n * TdpSearch Component\n *\n * A reusable search component for querying the TDP.\n *\n * @example\n * ```tsx\n * <TdpSearch\n *   columns={[\n *     { key: \"id\", header: \"ID\" },\n *     { key: \"filePath\", header: \"File Path\", sortable: true }\n *   ]}\n *   defaultQuery=\"sample-data\"\n *   pageSize={20}\n * />\n * ```\n */\n\nexport const TdpSearch: React.FC<TdpSearchProps> = ({\n  defaultQuery = \"\",\n  columns,\n  filters = [],\n  defaultSort,\n  advancedSearchParams,\n  pageSize = 10,\n  searchPlaceholder = \"Enter search term...\",\n  className,\n  onSearch,\n  renderSearchBar,\n  renderFilters,\n  renderResults,\n  ...props\n}) => {\n  const { authToken, orgSlug } = useTdpCredentials(props.authToken, props.orgSlug);\n\n  const { results, total, currentPage, isLoading, error, executeSearch } = useSearch({\n    ...props,\n    authToken: authToken ?? \"\",\n    orgSlug: orgSlug ?? \"\",\n    pageSize,\n  });\n\n  // UI state\n  const [query, setQuery] = useState(defaultQuery);\n  const [filterValues, setFilterValues] = useState<Record<string, string>>({});\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDirection, setSortDirection] = useState<\"asc\" | \"desc\">(\"asc\");\n  const [hasSearched, setHasSearched] = useState(false);\n\n  // Execute search with current UI state. Optional sortOverride avoids stale state when called from handleSort.\n  const handleExecuteSearch = async (\n    page: number = 1,\n    sortOverride?: { sortKey: string; sortDirection: \"asc\" | \"desc\" },\n  ) => {\n    if (!query.trim()) {\n      return;\n    }\n\n    setHasSearched(true);\n\n    const effectiveSortKey = sortOverride?.sortKey ?? sortKey ?? defaultSort?.field;\n    const effectiveOrder =\n      sortOverride == null\n        ? sortKey\n          ? sortDirection\n          : (defaultSort?.order ?? sortDirection)\n        : sortOverride.sortDirection;\n\n    const filterExpressions = Object.entries(filterValues)\n      .filter(([, value]) => value !== \"\")\n      .map(([key, value]) => ({ field: key, operator: \"eq\", value }));\n\n    let expression: SearchEqlExpression | undefined = advancedSearchParams?.expression as\n      | SearchEqlExpression\n      | undefined;\n\n    if (filterExpressions.length > 0) {\n      expression = {\n        g: \"AND\",\n        e: expression ? [...filterExpressions, expression] : filterExpressions,\n      };\n    }\n\n    const searchRequest: Omit<SearchEqlRequest, \"from\" | \"size\"> = {\n      searchTerm: query.trim(),\n      sort: effectiveSortKey ?? undefined,\n      order: effectiveOrder,\n      ...advancedSearchParams,\n      ...(expression !== undefined && { expression }),\n    };\n\n    const newResults = await executeSearch(searchRequest, page);\n\n    // Call onSearch with the freshly fetched results (not stale state)\n    if (onSearch) {\n      onSearch({ ...searchRequest, from: (page - 1) * pageSize, size: pageSize }, newResults);\n    }\n  };\n\n  // Handle search button click\n  const handleSearch = () => {\n    handleExecuteSearch(1);\n  };\n\n  // Handle filter change\n  const handleFilterChange = (filterKey: string, value: string) => {\n    setFilterValues((prev) => ({\n      ...prev,\n      [filterKey]: value,\n    }));\n  };\n\n  // Handle page change\n  const handlePageChange = (page: number) => {\n    handleExecuteSearch(page);\n  };\n\n  // Handle sort\n  const handleSort = (key: string, direction: \"asc\" | \"desc\") => {\n    setSortKey(key);\n    setSortDirection(direction);\n    handleExecuteSearch(1, { sortKey: key, sortDirection: direction });\n  };\n\n  const emptyState = (\n    <div className=\"tdp-search__empty-state\">\n      <div className=\"tdp-search__empty-state-icon\">\n        <Search />\n      </div>\n      <div className=\"tdp-search__empty-state-text\">No results found. Try adjusting your search query or filters.</div>\n    </div>\n  );\n\n  const searchBarProps = { query, setQuery, onSearch: handleSearch, isLoading, placeholder: searchPlaceholder };\n  const filtersProps = { filters, filterValues, onFilterChange: handleFilterChange };\n  const resultsProps = {\n    results,\n    total,\n    currentPage,\n    pageSize,\n    columns,\n    onPageChange: handlePageChange,\n    sortKey,\n    sortDirection,\n    onSort: handleSort,\n  };\n\n  return (\n    <div className={`tdp-search ${className || \"\"}`}>\n      {renderSearchBar ? renderSearchBar(searchBarProps) : <DefaultSearchBar {...searchBarProps} />}\n\n      {filters.length > 0 && (renderFilters ? renderFilters(filtersProps) : <DefaultFilters {...filtersProps} />)}\n\n      {error && (\n        <>\n          <Alert variant=\"destructive\">\n            <AlertCircle />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n          </Alert>\n          {emptyState}\n        </>\n      )}\n\n      {isLoading && <div className=\"tdp-search__loading-overlay\">Loading results...</div>}\n\n      {!isLoading && !hasSearched && (\n        <div className=\"tdp-search__empty-state\">\n          <div className=\"tdp-search__empty-state-icon\">\n            <Search />\n          </div>\n          <div className=\"tdp-search__empty-state-text\">Enter a search query and click Search to get started.</div>\n        </div>\n      )}\n\n      {!isLoading &&\n        !error &&\n        hasSearched &&\n        results.length > 0 &&\n        (renderResults ? renderResults(resultsProps) : <DefaultResults {...resultsProps} />)}\n\n      {!isLoading && !error && hasSearched && results.length === 0 && emptyState}\n    </div>\n  );\n};\n\nexport default TdpSearch;\n"],"names":["TdpSearch","defaultQuery","columns","filters","defaultSort","advancedSearchParams","pageSize","searchPlaceholder","className","onSearch","renderSearchBar","renderFilters","renderResults","props","authToken","orgSlug","useTdpCredentials","results","total","currentPage","isLoading","error","executeSearch","useSearch","query","setQuery","useState","filterValues","setFilterValues","sortKey","setSortKey","sortDirection","setSortDirection","hasSearched","setHasSearched","handleExecuteSearch","page","sortOverride","effectiveSortKey","effectiveOrder","filterExpressions","value","key","expression","searchRequest","newResults","handleSearch","handleFilterChange","filterKey","prev","handlePageChange","handleSort","direction","emptyState","jsxs","jsx","Search","searchBarProps","filtersProps","resultsProps","DefaultSearchBar","DefaultFilters","Fragment","Alert","AlertCircle","AlertTitle","AlertDescription","DefaultResults"],"mappings":"6dAkCO,MAAMA,EAAsC,CAAC,CAClD,aAAAC,EAAe,GACf,QAAAC,EACA,QAAAC,EAAU,CAAA,EACV,YAAAC,EACA,qBAAAC,EACA,SAAAC,EAAW,GACX,kBAAAC,EAAoB,uBACpB,UAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,UAAAC,EAAW,QAAAC,GAAYC,GAAAA,kBAAkBH,EAAM,UAAWA,EAAM,OAAO,EAEzE,CAAE,QAAAI,EAAS,MAAAC,EAAO,YAAAC,EAAa,UAAAC,EAAW,MAAAC,EAAO,cAAAC,CAAA,EAAkBC,aAAU,CACjF,GAAGV,EACH,UAAWC,GAAa,GACxB,QAASC,GAAW,GACpB,SAAAT,CAAA,CACD,EAGK,CAACkB,EAAOC,CAAQ,EAAIC,EAAAA,SAASzB,CAAY,EACzC,CAAC0B,EAAcC,CAAe,EAAIF,EAAAA,SAAiC,CAAA,CAAE,EACrE,CAACG,EAASC,CAAU,EAAIJ,EAAAA,SAAwB,IAAI,EACpD,CAACK,EAAeC,CAAgB,EAAIN,EAAAA,SAAyB,KAAK,EAClE,CAACO,EAAaC,CAAc,EAAIR,EAAAA,SAAS,EAAK,EAG9CS,EAAsB,MAC1BC,EAAe,EACfC,IACG,CACH,GAAI,CAACb,EAAM,OACT,OAGFU,EAAe,EAAI,EAEnB,MAAMI,EAAmBD,GAAc,SAAWR,GAAWzB,GAAa,MACpEmC,EACJF,GAAgB,KACZR,EACEE,EACC3B,GAAa,OAAS2B,EACzBM,EAAa,cAEbG,EAAoB,OAAO,QAAQb,CAAY,EAClD,OAAO,CAAC,CAAA,CAAGc,CAAK,IAAMA,IAAU,EAAE,EAClC,IAAI,CAAC,CAACC,EAAKD,EAAK,KAAO,CAAE,MAAOC,EAAK,SAAU,KAAM,MAAAD,EAAA,EAAQ,EAEhE,IAAIE,EAA8CtC,GAAsB,WAIpEmC,EAAkB,OAAS,IAC7BG,EAAa,CACX,EAAG,MACH,EAAGA,EAAa,CAAC,GAAGH,EAAmBG,CAAU,EAAIH,CAAA,GAIzD,MAAMI,EAAyD,CAC7D,WAAYpB,EAAM,KAAA,EAClB,KAAMc,GAAoB,OAC1B,MAAOC,EACP,GAAGlC,EACH,GAAIsC,IAAe,QAAa,CAAE,WAAAA,CAAA,CAAW,EAGzCE,EAAa,MAAMvB,EAAcsB,EAAeR,CAAI,EAGtD3B,GACFA,EAAS,CAAE,GAAGmC,EAAe,MAAOR,EAAO,GAAK9B,EAAU,KAAMA,CAAA,EAAYuC,CAAU,CAE1F,EAGMC,EAAe,IAAM,CACzBX,EAAoB,CAAC,CACvB,EAGMY,EAAqB,CAACC,EAAmBP,IAAkB,CAC/Db,EAAiBqB,IAAU,CACzB,GAAGA,EACH,CAACD,CAAS,EAAGP,CAAA,EACb,CACJ,EAGMS,EAAoBd,GAAiB,CACzCD,EAAoBC,CAAI,CAC1B,EAGMe,EAAa,CAACT,EAAaU,IAA8B,CAC7DtB,EAAWY,CAAG,EACdV,EAAiBoB,CAAS,EAC1BjB,EAAoB,EAAG,CAAE,QAASO,EAAK,cAAeU,EAAW,CACnE,EAEMC,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,+BACb,SAAAA,MAACC,EAAAA,SAAO,EACV,EACAD,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAA+B,SAAA,+DAAA,CAA6D,CAAA,EAC7G,EAGIE,EAAiB,CAAE,MAAAjC,EAAO,SAAAC,EAAU,SAAUqB,EAAc,UAAA1B,EAAW,YAAab,CAAA,EACpFmD,EAAe,CAAE,QAAAvD,EAAS,aAAAwB,EAAc,eAAgBoB,CAAA,EACxDY,EAAe,CACnB,QAAA1C,EACA,MAAAC,EACA,YAAAC,EACA,SAAAb,EACA,QAAAJ,EACA,aAAcgD,EACd,QAAArB,EACA,cAAAE,EACA,OAAQoB,CAAA,EAGV,cACG,MAAA,CAAI,UAAW,cAAc3C,GAAa,EAAE,GAC1C,SAAA,CAAAE,EAAkBA,EAAgB+C,CAAc,EAAIF,EAAAA,IAACK,oBAAA,CAAkB,GAAGH,EAAgB,EAE1FtD,EAAQ,OAAS,IAAMQ,EAAgBA,EAAc+C,CAAY,EAAIH,EAAAA,IAACM,GAAAA,eAAA,CAAgB,GAAGH,CAAA,CAAc,GAEvGrC,GACCiC,EAAAA,KAAAQ,WAAA,CACE,SAAA,CAAAR,EAAAA,KAACS,EAAAA,MAAA,CAAM,QAAQ,cACb,SAAA,CAAAR,EAAAA,IAACS,EAAAA,YAAA,EAAY,EACbT,EAAAA,IAACU,EAAAA,YAAW,SAAA,OAAA,CAAK,EACjBV,EAAAA,IAACW,EAAAA,kBAAkB,SAAA7C,CAAA,CAAM,CAAA,EAC3B,EACCgC,CAAA,EACH,EAGDjC,GAAamC,EAAAA,IAAC,MAAA,CAAI,UAAU,8BAA8B,SAAA,qBAAkB,EAE5E,CAACnC,GAAa,CAACa,GACdqB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,+BACb,SAAAA,MAACC,EAAAA,SAAO,EACV,EACAD,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAA+B,SAAA,uDAAA,CAAqD,CAAA,EACrG,EAGD,CAACnC,GACA,CAACC,GACDY,GACAhB,EAAQ,OAAS,IAChBL,EAAgBA,EAAc+C,CAAY,EAAIJ,EAAAA,IAACY,GAAAA,eAAA,CAAgB,GAAGR,CAAA,CAAc,GAElF,CAACvC,GAAa,CAACC,GAASY,GAAehB,EAAQ,SAAW,GAAKoC,CAAA,EAClE,CAEJ"}

package/dist/components/composed/TdpSearch/TdpSearch.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { TdpSearchProps } from './types';
+/**
+ * TdpSearch Component
+ *
+ * A reusable search component for querying the TDP.
+ *
+ * @example
+ * ```tsx
+ * <TdpSearch
+ *   columns={[
+ *     { key: "id", header: "ID" },
+ *     { key: "filePath", header: "File Path", sortable: true }
+ *   ]}
+ *   defaultQuery="sample-data"
+ *   pageSize={20}
+ * />
+ * ```
+ */
+export declare const TdpSearch: React.FC<TdpSearchProps>;
+export default TdpSearch;

package/dist/components/composed/TdpSearch/TdpSearch.js

@@ -1,12 +1,12 @@
-import { jsxs as c, jsx as e, Fragment as ee } from "react/jsx-runtime";
+import { jsxs as a, jsx as e, Fragment as ee } from "react/jsx-runtime";
 import { AlertCircle as te, Search as F } from "lucide-react";
-import { useState as a } from "react";
+import { useState as c } from "react";
 import { DefaultFilters as re } from "./components/DefaultFilters.js";
 import { DefaultResults as se } from "./components/DefaultResults.js";
 import { DefaultSearchBar as oe } from "./components/DefaultSearchBar.js";
-import { useSearch as ce } from "./hooks/useSearch.js";
-import { useTdpCredentials as ae } from "./hooks/useTdpCredentials.js";
-import { Alert as ne, AlertTitle as ie, AlertDescription as le } from "../../ui/alert.js";
+import { useSearch as ae } from "./hooks/useSearch.js";
+import { useTdpCredentials as ce } from "./hooks/useTdpCredentials.js";
+import { Alert as ne, AlertTitle as ie, AlertDescription as le } from "../../../ui/alert.js";
 /* empty css               */
 const ve = ({
   defaultQuery: k = "",
@@ -23,12 +23,12 @@ const ve = ({
   renderResults: C,
   ...l
 }) => {
-  const { authToken: V, orgSlug: b } = ae(l.authToken, l.orgSlug), { results: h, total: B, currentPage: H, isLoading: s, error: i, executeSearch: Q } = ce({
+  const { authToken: V, orgSlug: b } = ce(l.authToken, l.orgSlug), { results: h, total: B, currentPage: H, isLoading: s, error: i, executeSearch: Q } = ae({
     ...l,
     authToken: V ?? "",
     orgSlug: b ?? "",
     pageSize: n
-  }), [d, $] = a(k), [q, G] = a({}), [m, I] = a(null), [u, J] = a("asc"), [p, M] = a(!1), f = async (t = 1, r) => {
+  }), [d, $] = c(k), [q, G] = c({}), [m, I] = c(null), [u, J] = c("asc"), [p, M] = c(!1), f = async (t = 1, r) => {
     if (!d.trim())
       return;
     M(!0);
@@ -57,7 +57,7 @@ const ve = ({
     f(t);
   }, X = (t, r) => {
     I(t), J(r), f(1, { sortKey: t, sortDirection: r });
-  }, A = /* @__PURE__ */ c("div", { className: "tdp-search__empty-state", children: [
+  }, A = /* @__PURE__ */ a("div", { className: "tdp-search__empty-state", children: [
     /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-icon", children: /* @__PURE__ */ e(F, {}) }),
     /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-text", children: "No results found. Try adjusting your search query or filters." })
   ] }), E = { query: d, setQuery: $, onSearch: O, isLoading: s, placeholder: L }, K = { filters: _, filterValues: q, onFilterChange: U }, P = {
@@ -71,11 +71,11 @@ const ve = ({
     sortDirection: u,
     onSort: X
   };
-  return /* @__PURE__ */ c("div", { className: `tdp-search ${R || ""}`, children: [
+  return /* @__PURE__ */ a("div", { className: `tdp-search ${R || ""}`, children: [
     D ? D(E) : /* @__PURE__ */ e(oe, { ...E }),
     _.length > 0 && (T ? T(K) : /* @__PURE__ */ e(re, { ...K })),
-    i && /* @__PURE__ */ c(ee, { children: [
-      /* @__PURE__ */ c(ne, { variant: "destructive", children: [
+    i && /* @__PURE__ */ a(ee, { children: [
+      /* @__PURE__ */ a(ne, { variant: "destructive", children: [
         /* @__PURE__ */ e(te, {}),
         /* @__PURE__ */ e(ie, { children: "Error" }),
         /* @__PURE__ */ e(le, { children: i })
@@ -83,7 +83,7 @@ const ve = ({
       A
     ] }),
     s && /* @__PURE__ */ e("div", { className: "tdp-search__loading-overlay", children: "Loading results..." }),
-    !s && !p && /* @__PURE__ */ c("div", { className: "tdp-search__empty-state", children: [
+    !s && !p && /* @__PURE__ */ a("div", { className: "tdp-search__empty-state", children: [
       /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-icon", children: /* @__PURE__ */ e(F, {}) }),
       /* @__PURE__ */ e("div", { className: "tdp-search__empty-state-text", children: "Enter a search query and click Search to get started." })
     ] }),
@@ -92,6 +92,7 @@ const ve = ({
   ] });
 };
 export {
-  ve as TdpSearch
+  ve as TdpSearch,
+  ve as default
 };
 //# sourceMappingURL=TdpSearch.js.map

package/dist/components/composed/TdpSearch/TdpSearch.mocks.d.ts

@@ -0,0 +1,5 @@
+import { SearchEqlResponse } from '@tetrascience-npm/ts-connectors-sdk';
+/**
+ * Mock search response data for Storybook stories
+ */
+export declare const mockSearchResponse: SearchEqlResponse;

package/dist/components/composed/TdpSearch/components/DefaultFilters.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("../../../ui/select.cjs"),p="__tdp-search-empty__",h=c=>`${p}:${c}`,m=({filters:c,filterValues:d,onFilterChange:o})=>l.jsx("div",{className:"tdp-search__filters-row",children:c.map(s=>{const a=h(s.key),r=s.options.some(e=>e.value===""),n=d[s.key]??"",u=s.options.some(e=>e.value===n),i=n===""?r?a:void 0:u?n:void 0;return l.jsxs("div",{className:"tdp-search__filter-wrapper",children:[l.jsx("label",{className:"tdp-search__filter-label",children:s.label}),l.jsxs(t.Select,{value:i,onValueChange:e=>o(s.key,e===a?"":e),children:[l.jsx(t.SelectTrigger,{className:"h-[38px] w-full justify-between rounded-md",children:l.jsx(t.SelectValue,{placeholder:"Select an option"})}),l.jsx(t.SelectContent,{children:s.options.map(e=>l.jsx(t.SelectItem,{value:e.value===""?a:e.value,disabled:e.disabled,children:e.label},`${s.key}-${e.value||a}`))})]})]},s.key)})});exports.DefaultFilters=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../../../../ui/select.cjs"),p="__tdp-search-empty__",h=c=>`${p}:${c}`,m=({filters:c,filterValues:d,onFilterChange:o})=>s.jsx("div",{className:"tdp-search__filters-row",children:c.map(l=>{const t=h(l.key),r=l.options.some(e=>e.value===""),n=d[l.key]??"",u=l.options.some(e=>e.value===n),i=n===""?r?t:void 0:u?n:void 0;return s.jsxs("div",{className:"tdp-search__filter-wrapper",children:[s.jsx("label",{className:"tdp-search__filter-label",children:l.label}),s.jsxs(a.Select,{value:i,onValueChange:e=>o(l.key,e===t?"":e),children:[s.jsx(a.SelectTrigger,{"aria-label":l.label,className:"h-[38px] w-full justify-between rounded-md",children:s.jsx(a.SelectValue,{placeholder:"Select an option"})}),s.jsx(a.SelectContent,{children:l.options.map(e=>s.jsx(a.SelectItem,{value:e.value===""?t:e.value,disabled:e.disabled,children:e.label},`${l.key}-${e.value||t}`))})]})]},l.key)})});exports.DefaultFilters=m;
 //# sourceMappingURL=DefaultFilters.cjs.map

package/dist/components/composed/TdpSearch/components/DefaultFilters.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFilters.cjs","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultFilters.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { TdpFiltersRenderProps } from \"../types\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\n\nconst EMPTY_OPTION_SENTINEL_PREFIX = \"__tdp-search-empty__\";\n\nconst getEmptyOptionValue = (filterKey: string) => `${EMPTY_OPTION_SENTINEL_PREFIX}:${filterKey}`;\n\nexport const DefaultFilters: React.FC<TdpFiltersRenderProps> = ({ filters, filterValues, onFilterChange }) => (\n  <div className=\"tdp-search__filters-row\">\n    {filters.map((filter) => {\n      const emptyOptionValue = getEmptyOptionValue(filter.key);\n      const hasEmptyOption = filter.options.some((option) => option.value === \"\");\n      const selectedValue = filterValues[filter.key] ?? \"\";\n      const hasSelectedOption = filter.options.some((option) => option.value === selectedValue);\n      const selectValue =\n        selectedValue === \"\"\n          ? hasEmptyOption\n            ? emptyOptionValue\n            : undefined\n          : hasSelectedOption\n            ? selectedValue\n            : undefined;\n\n      return (\n        <div key={filter.key} className=\"tdp-search__filter-wrapper\">\n          <label className=\"tdp-search__filter-label\">{filter.label}</label>\n          <Select\n            value={selectValue}\n            onValueChange={(value) => onFilterChange(filter.key, value === emptyOptionValue ? \"\" : value)}\n          >\n            <SelectTrigger className=\"h-[38px] w-full justify-between rounded-md\">\n              <SelectValue placeholder=\"Select an option\" />\n            </SelectTrigger>\n            <SelectContent>\n              {filter.options.map((option) => (\n                <SelectItem\n                  key={`${filter.key}-${option.value || emptyOptionValue}`}\n                  value={option.value === \"\" ? emptyOptionValue : option.value}\n                  disabled={option.disabled}\n                >\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      );\n    })}\n  </div>\n);\n"],"names":["EMPTY_OPTION_SENTINEL_PREFIX","getEmptyOptionValue","filterKey","DefaultFilters","filters","filterValues","onFilterChange","jsx","filter","emptyOptionValue","hasEmptyOption","option","selectedValue","hasSelectedOption","selectValue","jsxs","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"yJAYMA,EAA+B,uBAE/BC,EAAuBC,GAAsB,GAAGF,CAA4B,IAAIE,CAAS,GAElFC,EAAkD,CAAC,CAAE,QAAAC,EAAS,aAAAC,EAAc,eAAAC,CAAA,IACvFC,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACZ,SAAAH,EAAQ,IAAKI,GAAW,CACvB,MAAMC,EAAmBR,EAAoBO,EAAO,GAAG,EACjDE,EAAiBF,EAAO,QAAQ,KAAMG,GAAWA,EAAO,QAAU,EAAE,EACpEC,EAAgBP,EAAaG,EAAO,GAAG,GAAK,GAC5CK,EAAoBL,EAAO,QAAQ,KAAMG,GAAWA,EAAO,QAAUC,CAAa,EAClFE,EACJF,IAAkB,GACdF,EACED,EACA,OACFI,EACED,EACA,OAER,OACEG,EAAAA,KAAC,MAAA,CAAqB,UAAU,6BAC9B,SAAA,CAAAR,EAAAA,IAAC,QAAA,CAAM,UAAU,2BAA4B,SAAAC,EAAO,MAAM,EAC1DO,EAAAA,KAACC,EAAAA,OAAA,CACC,MAAOF,EACP,cAAgBG,GAAUX,EAAeE,EAAO,IAAKS,IAAUR,EAAmB,GAAKQ,CAAK,EAE5F,SAAA,CAAAV,EAAAA,IAACW,EAAAA,eAAc,UAAU,6CACvB,eAACC,EAAAA,YAAA,CAAY,YAAY,mBAAmB,CAAA,CAC9C,QACCC,EAAAA,cAAA,CACE,SAAAZ,EAAO,QAAQ,IAAKG,GACnBJ,EAAAA,IAACc,EAAAA,WAAA,CAEC,MAAOV,EAAO,QAAU,GAAKF,EAAmBE,EAAO,MACvD,SAAUA,EAAO,SAEhB,SAAAA,EAAO,KAAA,EAJH,GAAGH,EAAO,GAAG,IAAIG,EAAO,OAASF,CAAgB,EAAA,CAMzD,CAAA,CACH,CAAA,CAAA,CAAA,CACF,CAAA,EApBQD,EAAO,GAqBjB,CAEJ,CAAC,CAAA,CACH"}
+{"version":3,"file":"DefaultFilters.cjs","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultFilters.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { TdpFiltersRenderProps } from \"../types\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\n\nconst EMPTY_OPTION_SENTINEL_PREFIX = \"__tdp-search-empty__\";\n\nconst getEmptyOptionValue = (filterKey: string) => `${EMPTY_OPTION_SENTINEL_PREFIX}:${filterKey}`;\n\nexport const DefaultFilters: React.FC<TdpFiltersRenderProps> = ({ filters, filterValues, onFilterChange }) => (\n  <div className=\"tdp-search__filters-row\">\n    {filters.map((filter) => {\n      const emptyOptionValue = getEmptyOptionValue(filter.key);\n      const hasEmptyOption = filter.options.some((option) => option.value === \"\");\n      const selectedValue = filterValues[filter.key] ?? \"\";\n      const hasSelectedOption = filter.options.some((option) => option.value === selectedValue);\n      const selectValue =\n        selectedValue === \"\"\n          ? hasEmptyOption\n            ? emptyOptionValue\n            : undefined\n          : hasSelectedOption\n            ? selectedValue\n            : undefined;\n\n      return (\n        <div key={filter.key} className=\"tdp-search__filter-wrapper\">\n          <label className=\"tdp-search__filter-label\">{filter.label}</label>\n          <Select\n            value={selectValue}\n            onValueChange={(value) => onFilterChange(filter.key, value === emptyOptionValue ? \"\" : value)}\n          >\n            <SelectTrigger aria-label={filter.label} className=\"h-[38px] w-full justify-between rounded-md\">\n              <SelectValue placeholder=\"Select an option\" />\n            </SelectTrigger>\n            <SelectContent>\n              {filter.options.map((option) => (\n                <SelectItem\n                  key={`${filter.key}-${option.value || emptyOptionValue}`}\n                  value={option.value === \"\" ? emptyOptionValue : option.value}\n                  disabled={option.disabled}\n                >\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      );\n    })}\n  </div>\n);\n"],"names":["EMPTY_OPTION_SENTINEL_PREFIX","getEmptyOptionValue","filterKey","DefaultFilters","filters","filterValues","onFilterChange","jsx","filter","emptyOptionValue","hasEmptyOption","option","selectedValue","hasSelectedOption","selectValue","jsxs","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"4JAYMA,EAA+B,uBAE/BC,EAAuBC,GAAsB,GAAGF,CAA4B,IAAIE,CAAS,GAElFC,EAAkD,CAAC,CAAE,QAAAC,EAAS,aAAAC,EAAc,eAAAC,CAAA,IACvFC,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACZ,SAAAH,EAAQ,IAAKI,GAAW,CACvB,MAAMC,EAAmBR,EAAoBO,EAAO,GAAG,EACjDE,EAAiBF,EAAO,QAAQ,KAAMG,GAAWA,EAAO,QAAU,EAAE,EACpEC,EAAgBP,EAAaG,EAAO,GAAG,GAAK,GAC5CK,EAAoBL,EAAO,QAAQ,KAAMG,GAAWA,EAAO,QAAUC,CAAa,EAClFE,EACJF,IAAkB,GACdF,EACED,EACA,OACFI,EACED,EACA,OAER,OACEG,EAAAA,KAAC,MAAA,CAAqB,UAAU,6BAC9B,SAAA,CAAAR,EAAAA,IAAC,QAAA,CAAM,UAAU,2BAA4B,SAAAC,EAAO,MAAM,EAC1DO,EAAAA,KAACC,EAAAA,OAAA,CACC,MAAOF,EACP,cAAgBG,GAAUX,EAAeE,EAAO,IAAKS,IAAUR,EAAmB,GAAKQ,CAAK,EAE5F,SAAA,CAAAV,EAAAA,IAACW,EAAAA,cAAA,CAAc,aAAYV,EAAO,MAAO,UAAU,6CACjD,SAAAD,EAAAA,IAACY,EAAAA,YAAA,CAAY,YAAY,kBAAA,CAAmB,CAAA,CAC9C,QACCC,EAAAA,cAAA,CACE,SAAAZ,EAAO,QAAQ,IAAKG,GACnBJ,EAAAA,IAACc,EAAAA,WAAA,CAEC,MAAOV,EAAO,QAAU,GAAKF,EAAmBE,EAAO,MACvD,SAAUA,EAAO,SAEhB,SAAAA,EAAO,KAAA,EAJH,GAAGH,EAAO,GAAG,IAAIG,EAAO,OAASF,CAAgB,EAAA,CAMzD,CAAA,CACH,CAAA,CAAA,CAAA,CACF,CAAA,EApBQD,EAAO,GAqBjB,CAEJ,CAAC,CAAA,CACH"}

package/dist/components/composed/TdpSearch/components/DefaultFilters.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TdpFiltersRenderProps } from '../types';
+export declare const DefaultFilters: React.FC<TdpFiltersRenderProps>;

package/dist/components/composed/TdpSearch/components/DefaultFilters.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { Select as i, SelectTrigger as u, SelectValue as h, SelectContent as _, SelectItem as v } from "../../../ui/select.js";
-const y = "__tdp-search-empty__", S = (t) => `${y}:${t}`, E = ({ filters: t, filterValues: o, onFilterChange: d }) => /* @__PURE__ */ a("div", { className: "tdp-search__filters-row", children: t.map((l) => {
-  const s = S(l.key), p = l.options.some((e) => e.value === ""), c = o[l.key] ?? "", r = l.options.some((e) => e.value === c), m = c === "" ? p ? s : void 0 : r ? c : void 0;
+import { Select as i, SelectTrigger as u, SelectValue as h, SelectContent as _, SelectItem as v } from "../../../../ui/select.js";
+const y = "__tdp-search-empty__", b = (t) => `${y}:${t}`, E = ({ filters: t, filterValues: o, onFilterChange: d }) => /* @__PURE__ */ a("div", { className: "tdp-search__filters-row", children: t.map((l) => {
+  const s = b(l.key), p = l.options.some((e) => e.value === ""), c = o[l.key] ?? "", r = l.options.some((e) => e.value === c), m = c === "" ? p ? s : void 0 : r ? c : void 0;
   return /* @__PURE__ */ n("div", { className: "tdp-search__filter-wrapper", children: [
     /* @__PURE__ */ a("label", { className: "tdp-search__filter-label", children: l.label }),
     /* @__PURE__ */ n(
@@ -10,7 +10,7 @@ const y = "__tdp-search-empty__", S = (t) => `${y}:${t}`, E = ({ filters: t, fil
         value: m,
         onValueChange: (e) => d(l.key, e === s ? "" : e),
         children: [
-          /* @__PURE__ */ a(u, { className: "h-[38px] w-full justify-between rounded-md", children: /* @__PURE__ */ a(h, { placeholder: "Select an option" }) }),
+          /* @__PURE__ */ a(u, { "aria-label": l.label, className: "h-[38px] w-full justify-between rounded-md", children: /* @__PURE__ */ a(h, { placeholder: "Select an option" }) }),
           /* @__PURE__ */ a(_, { children: l.options.map((e) => /* @__PURE__ */ a(
             v,
             {

package/dist/components/composed/TdpSearch/components/DefaultFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFilters.js","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultFilters.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { TdpFiltersRenderProps } from \"../types\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\n\nconst EMPTY_OPTION_SENTINEL_PREFIX = \"__tdp-search-empty__\";\n\nconst getEmptyOptionValue = (filterKey: string) => `${EMPTY_OPTION_SENTINEL_PREFIX}:${filterKey}`;\n\nexport const DefaultFilters: React.FC<TdpFiltersRenderProps> = ({ filters, filterValues, onFilterChange }) => (\n  <div className=\"tdp-search__filters-row\">\n    {filters.map((filter) => {\n      const emptyOptionValue = getEmptyOptionValue(filter.key);\n      const hasEmptyOption = filter.options.some((option) => option.value === \"\");\n      const selectedValue = filterValues[filter.key] ?? \"\";\n      const hasSelectedOption = filter.options.some((option) => option.value === selectedValue);\n      const selectValue =\n        selectedValue === \"\"\n          ? hasEmptyOption\n            ? emptyOptionValue\n            : undefined\n          : hasSelectedOption\n            ? selectedValue\n            : undefined;\n\n      return (\n        <div key={filter.key} className=\"tdp-search__filter-wrapper\">\n          <label className=\"tdp-search__filter-label\">{filter.label}</label>\n          <Select\n            value={selectValue}\n            onValueChange={(value) => onFilterChange(filter.key, value === emptyOptionValue ? \"\" : value)}\n          >\n            <SelectTrigger className=\"h-[38px] w-full justify-between rounded-md\">\n              <SelectValue placeholder=\"Select an option\" />\n            </SelectTrigger>\n            <SelectContent>\n              {filter.options.map((option) => (\n                <SelectItem\n                  key={`${filter.key}-${option.value || emptyOptionValue}`}\n                  value={option.value === \"\" ? emptyOptionValue : option.value}\n                  disabled={option.disabled}\n                >\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      );\n    })}\n  </div>\n);\n"],"names":["EMPTY_OPTION_SENTINEL_PREFIX","getEmptyOptionValue","filterKey","DefaultFilters","filters","filterValues","onFilterChange","jsx","filter","emptyOptionValue","hasEmptyOption","option","selectedValue","hasSelectedOption","selectValue","jsxs","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":";;AAYA,MAAMA,IAA+B,wBAE/BC,IAAsB,CAACC,MAAsB,GAAGF,CAA4B,IAAIE,CAAS,IAElFC,IAAkD,CAAC,EAAE,SAAAC,GAAS,cAAAC,GAAc,gBAAAC,EAAA,MACvF,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAAH,EAAQ,IAAI,CAACI,MAAW;AACvB,QAAMC,IAAmBR,EAAoBO,EAAO,GAAG,GACjDE,IAAiBF,EAAO,QAAQ,KAAK,CAACG,MAAWA,EAAO,UAAU,EAAE,GACpEC,IAAgBP,EAAaG,EAAO,GAAG,KAAK,IAC5CK,IAAoBL,EAAO,QAAQ,KAAK,CAACG,MAAWA,EAAO,UAAUC,CAAa,GAClFE,IACJF,MAAkB,KACdF,IACED,IACA,SACFI,IACED,IACA;AAER,SACE,gBAAAG,EAAC,OAAA,EAAqB,WAAU,8BAC9B,UAAA;AAAA,IAAA,gBAAAR,EAAC,SAAA,EAAM,WAAU,4BAA4B,UAAAC,EAAO,OAAM;AAAA,IAC1D,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOF;AAAA,QACP,eAAe,CAACG,MAAUX,EAAeE,EAAO,KAAKS,MAAUR,IAAmB,KAAKQ,CAAK;AAAA,QAE5F,UAAA;AAAA,UAAA,gBAAAV,EAACW,KAAc,WAAU,8CACvB,4BAACC,GAAA,EAAY,aAAY,oBAAmB,EAAA,CAC9C;AAAA,4BACCC,GAAA,EACE,UAAAZ,EAAO,QAAQ,IAAI,CAACG,MACnB,gBAAAJ;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,OAAOV,EAAO,UAAU,KAAKF,IAAmBE,EAAO;AAAA,cACvD,UAAUA,EAAO;AAAA,cAEhB,UAAAA,EAAO;AAAA,YAAA;AAAA,YAJH,GAAGH,EAAO,GAAG,IAAIG,EAAO,SAASF,CAAgB;AAAA,UAAA,CAMzD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,GApBQD,EAAO,GAqBjB;AAEJ,CAAC,EAAA,CACH;"}
+{"version":3,"file":"DefaultFilters.js","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultFilters.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { TdpFiltersRenderProps } from \"../types\";\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\n\nconst EMPTY_OPTION_SENTINEL_PREFIX = \"__tdp-search-empty__\";\n\nconst getEmptyOptionValue = (filterKey: string) => `${EMPTY_OPTION_SENTINEL_PREFIX}:${filterKey}`;\n\nexport const DefaultFilters: React.FC<TdpFiltersRenderProps> = ({ filters, filterValues, onFilterChange }) => (\n  <div className=\"tdp-search__filters-row\">\n    {filters.map((filter) => {\n      const emptyOptionValue = getEmptyOptionValue(filter.key);\n      const hasEmptyOption = filter.options.some((option) => option.value === \"\");\n      const selectedValue = filterValues[filter.key] ?? \"\";\n      const hasSelectedOption = filter.options.some((option) => option.value === selectedValue);\n      const selectValue =\n        selectedValue === \"\"\n          ? hasEmptyOption\n            ? emptyOptionValue\n            : undefined\n          : hasSelectedOption\n            ? selectedValue\n            : undefined;\n\n      return (\n        <div key={filter.key} className=\"tdp-search__filter-wrapper\">\n          <label className=\"tdp-search__filter-label\">{filter.label}</label>\n          <Select\n            value={selectValue}\n            onValueChange={(value) => onFilterChange(filter.key, value === emptyOptionValue ? \"\" : value)}\n          >\n            <SelectTrigger aria-label={filter.label} className=\"h-[38px] w-full justify-between rounded-md\">\n              <SelectValue placeholder=\"Select an option\" />\n            </SelectTrigger>\n            <SelectContent>\n              {filter.options.map((option) => (\n                <SelectItem\n                  key={`${filter.key}-${option.value || emptyOptionValue}`}\n                  value={option.value === \"\" ? emptyOptionValue : option.value}\n                  disabled={option.disabled}\n                >\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      );\n    })}\n  </div>\n);\n"],"names":["EMPTY_OPTION_SENTINEL_PREFIX","getEmptyOptionValue","filterKey","DefaultFilters","filters","filterValues","onFilterChange","jsx","filter","emptyOptionValue","hasEmptyOption","option","selectedValue","hasSelectedOption","selectValue","jsxs","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":";;AAYA,MAAMA,IAA+B,wBAE/BC,IAAsB,CAACC,MAAsB,GAAGF,CAA4B,IAAIE,CAAS,IAElFC,IAAkD,CAAC,EAAE,SAAAC,GAAS,cAAAC,GAAc,gBAAAC,EAAA,MACvF,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAAH,EAAQ,IAAI,CAACI,MAAW;AACvB,QAAMC,IAAmBR,EAAoBO,EAAO,GAAG,GACjDE,IAAiBF,EAAO,QAAQ,KAAK,CAACG,MAAWA,EAAO,UAAU,EAAE,GACpEC,IAAgBP,EAAaG,EAAO,GAAG,KAAK,IAC5CK,IAAoBL,EAAO,QAAQ,KAAK,CAACG,MAAWA,EAAO,UAAUC,CAAa,GAClFE,IACJF,MAAkB,KACdF,IACED,IACA,SACFI,IACED,IACA;AAER,SACE,gBAAAG,EAAC,OAAA,EAAqB,WAAU,8BAC9B,UAAA;AAAA,IAAA,gBAAAR,EAAC,SAAA,EAAM,WAAU,4BAA4B,UAAAC,EAAO,OAAM;AAAA,IAC1D,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOF;AAAA,QACP,eAAe,CAACG,MAAUX,EAAeE,EAAO,KAAKS,MAAUR,IAAmB,KAAKQ,CAAK;AAAA,QAE5F,UAAA;AAAA,UAAA,gBAAAV,EAACW,GAAA,EAAc,cAAYV,EAAO,OAAO,WAAU,8CACjD,UAAA,gBAAAD,EAACY,GAAA,EAAY,aAAY,mBAAA,CAAmB,EAAA,CAC9C;AAAA,4BACCC,GAAA,EACE,UAAAZ,EAAO,QAAQ,IAAI,CAACG,MACnB,gBAAAJ;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,OAAOV,EAAO,UAAU,KAAKF,IAAmBE,EAAO;AAAA,cACvD,UAAUA,EAAO;AAAA,cAEhB,UAAAA,EAAO;AAAA,YAAA;AAAA,YAJH,GAAGH,EAAO,GAAG,IAAIG,EAAO,SAASF,CAAgB;AAAA,UAAA,CAMzD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,GApBQD,EAAO,GAqBjB;AAEJ,CAAC,EAAA,CACH;"}

package/dist/components/composed/TdpSearch/components/DefaultResults.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("lucide-react"),x=require("react"),j=require("../../../ui/button.cjs"),a=require("../../../ui/table.cjs"),y=({results:v,total:c,currentPage:i,pageSize:o,columns:p,onPageChange:b,sortKey:u,sortDirection:h,onSort:f})=>{const n=x.useMemo(()=>Math.max(1,Math.ceil(c/o)),[c,o]),N=x.useMemo(()=>{const e=[];if(n<=5)for(let t=1;t<=n;t++)e.push(t);else{e.push(1),i>3&&e.push("...");const t=Math.max(2,i-1),m=Math.min(n-1,i+1);for(let r=t;r<=m;r++)e.push(r);i<n-2&&e.push("..."),e.push(n)}return e},[n,i]),k=x.useCallback(e=>{f(e,u===e&&h==="asc"?"desc":"asc")},[u,h,f]),w=x.useCallback(e=>u!==e?s.jsx(d.ArrowUpDown,{className:"ml-1 inline size-3.5 text-muted-foreground"}):h==="asc"?s.jsx(d.ArrowUp,{className:"ml-1 inline size-3.5"}):s.jsx(d.ArrowDown,{className:"ml-1 inline size-3.5"}),[u,h]);return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"tdp-search__results-header",children:s.jsxs("div",{className:"tdp-search__results-count",children:["Showing ",(i-1)*o+1,"-",Math.min(i*o,c)," of ",c," results"]})}),s.jsx("div",{className:"rounded-lg border",children:s.jsxs(a.Table,{children:[s.jsx(a.TableHeader,{children:s.jsx(a.TableRow,{children:p.map(e=>s.jsxs(a.TableHead,{style:{width:e.width,textAlign:e.align},className:e.sortable?"cursor-pointer select-none":void 0,onClick:e.sortable?()=>k(e.key):void 0,children:[e.header,e.sortable&&w(e.key)]},e.key))})}),s.jsx(a.TableBody,{children:v.map((e,l)=>s.jsx(a.TableRow,{children:p.map(t=>{const m=e[t.key],r=t.render?t.render(m,e,l):m;return s.jsx(a.TableCell,{style:{textAlign:t.align},children:r},t.key)})},e.id||l))})]})}),n>1&&s.jsxs("div",{className:"flex items-center justify-center gap-2 py-2.5",children:[s.jsx(j.Button,{variant:"outline",size:"icon-sm",disabled:i===1,onClick:()=>b(i-1),"aria-label":"Previous page",children:s.jsx(d.ChevronLeft,{})}),N.map((e,l)=>typeof e=="number"?s.jsx(j.Button,{variant:e===i?"default":"ghost",size:"icon-sm",onClick:()=>b(e),children:e},l):s.jsx("span",{className:"px-1 text-sm text-muted-foreground",children:e},l)),s.jsx(j.Button,{variant:"outline",size:"icon-sm",disabled:i===n,onClick:()=>b(i+1),"aria-label":"Next page",children:s.jsx(d.ChevronRight,{})})]})]})};exports.DefaultResults=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("lucide-react"),x=require("react"),j=require("../../../../ui/button.cjs"),a=require("../../../../ui/table.cjs"),y=({results:v,total:c,currentPage:i,pageSize:o,columns:p,onPageChange:b,sortKey:u,sortDirection:h,onSort:f})=>{const n=x.useMemo(()=>Math.max(1,Math.ceil(c/o)),[c,o]),N=x.useMemo(()=>{const e=[];if(n<=5)for(let t=1;t<=n;t++)e.push(t);else{e.push(1),i>3&&e.push("...");const t=Math.max(2,i-1),m=Math.min(n-1,i+1);for(let r=t;r<=m;r++)e.push(r);i<n-2&&e.push("..."),e.push(n)}return e},[n,i]),k=x.useCallback(e=>{f(e,u===e&&h==="asc"?"desc":"asc")},[u,h,f]),w=x.useCallback(e=>u!==e?s.jsx(d.ArrowUpDown,{className:"ml-1 inline size-3.5 text-muted-foreground"}):h==="asc"?s.jsx(d.ArrowUp,{className:"ml-1 inline size-3.5"}):s.jsx(d.ArrowDown,{className:"ml-1 inline size-3.5"}),[u,h]);return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"tdp-search__results-header",children:s.jsxs("div",{className:"tdp-search__results-count",children:["Showing ",(i-1)*o+1,"-",Math.min(i*o,c)," of ",c," results"]})}),s.jsx("div",{className:"rounded-lg border",children:s.jsxs(a.Table,{children:[s.jsx(a.TableHeader,{children:s.jsx(a.TableRow,{children:p.map(e=>s.jsxs(a.TableHead,{style:{width:e.width,textAlign:e.align},className:e.sortable?"cursor-pointer select-none":void 0,onClick:e.sortable?()=>k(e.key):void 0,children:[e.header,e.sortable&&w(e.key)]},e.key))})}),s.jsx(a.TableBody,{children:v.map((e,l)=>s.jsx(a.TableRow,{children:p.map(t=>{const m=e[t.key],r=t.render?t.render(m,e,l):m;return s.jsx(a.TableCell,{style:{textAlign:t.align},children:r},t.key)})},e.id||l))})]})}),n>1&&s.jsxs("div",{className:"flex items-center justify-center gap-2 py-2.5",children:[s.jsx(j.Button,{variant:"outline",size:"icon-sm",disabled:i===1,onClick:()=>b(i-1),"aria-label":"Previous page",children:s.jsx(d.ChevronLeft,{})}),N.map((e,l)=>typeof e=="number"?s.jsx(j.Button,{variant:e===i?"default":"ghost",size:"icon-sm",onClick:()=>b(e),children:e},l):s.jsx("span",{className:"px-1 text-sm text-muted-foreground",children:e},l)),s.jsx(j.Button,{variant:"outline",size:"icon-sm",disabled:i===n,onClick:()=>b(i+1),"aria-label":"Next page",children:s.jsx(d.ChevronRight,{})})]})]})};exports.DefaultResults=y;
 //# sourceMappingURL=DefaultResults.cjs.map

package/dist/components/composed/TdpSearch/components/DefaultResults.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultResults.cjs","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultResults.tsx"],"sourcesContent":["import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { TdpResultsRenderProps } from \"../types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\";\n\nexport const DefaultResults: React.FC<TdpResultsRenderProps> = ({\n  results,\n  total,\n  currentPage,\n  pageSize,\n  columns,\n  onPageChange,\n  sortKey,\n  sortDirection,\n  onSort,\n}) => {\n  const totalPages = useMemo(() => Math.max(1, Math.ceil(total / pageSize)), [total, pageSize]);\n\n  const pageNumbers = useMemo(() => {\n    const pages: (number | string)[] = [];\n    const maxVisible = 5;\n\n    if (totalPages <= maxVisible) {\n      for (let i = 1; i <= totalPages; i++) pages.push(i);\n    } else {\n      pages.push(1);\n      if (currentPage > 3) pages.push(\"...\");\n      const start = Math.max(2, currentPage - 1);\n      const end = Math.min(totalPages - 1, currentPage + 1);\n      for (let i = start; i <= end; i++) pages.push(i);\n      if (currentPage < totalPages - 2) pages.push(\"...\");\n      pages.push(totalPages);\n    }\n\n    return pages;\n  }, [totalPages, currentPage]);\n\n  const handleSort = useCallback(\n    (key: string) => {\n      const newDirection = sortKey === key ? (sortDirection === \"asc\" ? \"desc\" : \"asc\") : \"asc\";\n      onSort(key, newDirection);\n    },\n    [sortKey, sortDirection, onSort],\n  );\n\n  const sortIcon = useCallback(\n    (columnKey: string) => {\n      if (sortKey !== columnKey) return <ArrowUpDown className=\"ml-1 inline size-3.5 text-muted-foreground\" />;\n      return sortDirection === \"asc\" ? (\n        <ArrowUp className=\"ml-1 inline size-3.5\" />\n      ) : (\n        <ArrowDown className=\"ml-1 inline size-3.5\" />\n      );\n    },\n    [sortKey, sortDirection],\n  );\n\n  return (\n    <>\n      <div className=\"tdp-search__results-header\">\n        <div className=\"tdp-search__results-count\">\n          Showing {(currentPage - 1) * pageSize + 1}-{Math.min(currentPage * pageSize, total)} of {total} results\n        </div>\n      </div>\n\n      <div className=\"rounded-lg border\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              {columns.map((col) => (\n                <TableHead\n                  key={col.key}\n                  style={{ width: col.width, textAlign: col.align }}\n                  className={col.sortable ? \"cursor-pointer select-none\" : undefined}\n                  onClick={col.sortable ? () => handleSort(col.key) : undefined}\n                >\n                  {col.header}\n                  {col.sortable && sortIcon(col.key)}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {results.map((row, rowIndex) => (\n              <TableRow key={row.id || rowIndex}>\n                {columns.map((col) => {\n                  const value = row[col.key];\n                  const content = col.render ? col.render(value, row, rowIndex) : value;\n                  return (\n                    <TableCell key={col.key} style={{ textAlign: col.align }}>\n                      {content}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n\n      {totalPages > 1 && (\n        <div className=\"flex items-center justify-center gap-2 py-2.5\">\n          <Button\n            variant=\"outline\"\n            size=\"icon-sm\"\n            disabled={currentPage === 1}\n            onClick={() => onPageChange(currentPage - 1)}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft />\n          </Button>\n\n          {pageNumbers.map((page, i) =>\n            typeof page === \"number\" ? (\n              <Button\n                key={i}\n                variant={page === currentPage ? \"default\" : \"ghost\"}\n                size=\"icon-sm\"\n                onClick={() => onPageChange(page)}\n              >\n                {page}\n              </Button>\n            ) : (\n              <span key={i} className=\"px-1 text-sm text-muted-foreground\">\n                {page}\n              </span>\n            ),\n          )}\n\n          <Button\n            variant=\"outline\"\n            size=\"icon-sm\"\n            disabled={currentPage === totalPages}\n            onClick={() => onPageChange(currentPage + 1)}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight />\n          </Button>\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultResults","results","total","currentPage","pageSize","columns","onPageChange","sortKey","sortDirection","onSort","totalPages","useMemo","pageNumbers","pages","i","start","end","handleSort","useCallback","key","sortIcon","columnKey","jsx","ArrowUpDown","ArrowUp","ArrowDown","jsxs","Fragment","Table","TableHeader","TableRow","col","TableHead","TableBody","row","rowIndex","value","content","TableCell","Button","ChevronLeft","page","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"DefaultResults.cjs","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultResults.tsx"],"sourcesContent":["import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { TdpResultsRenderProps } from \"../types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\";\n\nexport const DefaultResults: React.FC<TdpResultsRenderProps> = ({\n  results,\n  total,\n  currentPage,\n  pageSize,\n  columns,\n  onPageChange,\n  sortKey,\n  sortDirection,\n  onSort,\n}) => {\n  const totalPages = useMemo(() => Math.max(1, Math.ceil(total / pageSize)), [total, pageSize]);\n\n  const pageNumbers = useMemo(() => {\n    const pages: (number | string)[] = [];\n    const maxVisible = 5;\n\n    if (totalPages <= maxVisible) {\n      for (let i = 1; i <= totalPages; i++) pages.push(i);\n    } else {\n      pages.push(1);\n      if (currentPage > 3) pages.push(\"...\");\n      const start = Math.max(2, currentPage - 1);\n      const end = Math.min(totalPages - 1, currentPage + 1);\n      for (let i = start; i <= end; i++) pages.push(i);\n      if (currentPage < totalPages - 2) pages.push(\"...\");\n      pages.push(totalPages);\n    }\n\n    return pages;\n  }, [totalPages, currentPage]);\n\n  const handleSort = useCallback(\n    (key: string) => {\n      const newDirection = sortKey === key ? (sortDirection === \"asc\" ? \"desc\" : \"asc\") : \"asc\";\n      onSort(key, newDirection);\n    },\n    [sortKey, sortDirection, onSort],\n  );\n\n  const sortIcon = useCallback(\n    (columnKey: string) => {\n      if (sortKey !== columnKey) return <ArrowUpDown className=\"ml-1 inline size-3.5 text-muted-foreground\" />;\n      return sortDirection === \"asc\" ? (\n        <ArrowUp className=\"ml-1 inline size-3.5\" />\n      ) : (\n        <ArrowDown className=\"ml-1 inline size-3.5\" />\n      );\n    },\n    [sortKey, sortDirection],\n  );\n\n  return (\n    <>\n      <div className=\"tdp-search__results-header\">\n        <div className=\"tdp-search__results-count\">\n          Showing {(currentPage - 1) * pageSize + 1}-{Math.min(currentPage * pageSize, total)} of {total} results\n        </div>\n      </div>\n\n      <div className=\"rounded-lg border\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              {columns.map((col) => (\n                <TableHead\n                  key={col.key}\n                  style={{ width: col.width, textAlign: col.align }}\n                  className={col.sortable ? \"cursor-pointer select-none\" : undefined}\n                  onClick={col.sortable ? () => handleSort(col.key) : undefined}\n                >\n                  {col.header}\n                  {col.sortable && sortIcon(col.key)}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n\n          <TableBody>\n            {results.map((row, rowIndex) => (\n              <TableRow key={row.id || rowIndex}>\n                {columns.map((col) => {\n                  const value = row[col.key];\n                  const content = col.render ? col.render(value, row, rowIndex) : value;\n                  return (\n                    <TableCell key={col.key} style={{ textAlign: col.align }}>\n                      {content}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n\n      {totalPages > 1 && (\n        <div className=\"flex items-center justify-center gap-2 py-2.5\">\n          <Button\n            variant=\"outline\"\n            size=\"icon-sm\"\n            disabled={currentPage === 1}\n            onClick={() => onPageChange(currentPage - 1)}\n            aria-label=\"Previous page\"\n          >\n            <ChevronLeft />\n          </Button>\n\n          {pageNumbers.map((page, i) =>\n            typeof page === \"number\" ? (\n              <Button\n                key={i}\n                variant={page === currentPage ? \"default\" : \"ghost\"}\n                size=\"icon-sm\"\n                onClick={() => onPageChange(page)}\n              >\n                {page}\n              </Button>\n            ) : (\n              <span key={i} className=\"px-1 text-sm text-muted-foreground\">\n                {page}\n              </span>\n            ),\n          )}\n\n          <Button\n            variant=\"outline\"\n            size=\"icon-sm\"\n            disabled={currentPage === totalPages}\n            onClick={() => onPageChange(currentPage + 1)}\n            aria-label=\"Next page\"\n          >\n            <ChevronRight />\n          </Button>\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultResults","results","total","currentPage","pageSize","columns","onPageChange","sortKey","sortDirection","onSort","totalPages","useMemo","pageNumbers","pages","i","start","end","handleSort","useCallback","key","sortIcon","columnKey","jsx","ArrowUpDown","ArrowUp","ArrowDown","jsxs","Fragment","Table","TableHeader","TableRow","col","TableHead","TableBody","row","rowIndex","value","content","TableCell","Button","ChevronLeft","page","ChevronRight"],"mappings":"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"}

package/dist/components/composed/TdpSearch/components/DefaultResults.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TdpResultsRenderProps } from '../types';
+export declare const DefaultResults: React.FC<TdpResultsRenderProps>;

package/dist/components/composed/TdpSearch/components/DefaultResults.js

@@ -1,8 +1,8 @@
 import { jsx as s, jsxs as r, Fragment as M } from "react/jsx-runtime";
 import { ArrowUpDown as T, ArrowUp as A, ArrowDown as _, ChevronLeft as j, ChevronRight as z } from "lucide-react";
 import { useMemo as x, useCallback as v } from "react";
-import { Button as u } from "../../../ui/button.js";
-import { Table as R, TableHeader as B, TableRow as N, TableHead as D, TableBody as H, TableCell as U } from "../../../ui/table.js";
+import { Button as u } from "../../../../ui/button.js";
+import { Table as R, TableHeader as B, TableRow as N, TableHead as D, TableBody as H, TableCell as U } from "../../../../ui/table.js";
 const G = ({
   results: k,
   total: d,

package/dist/components/composed/TdpSearch/components/DefaultSearchBar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("lucide-react"),u=require("../../../ui/button.cjs"),o=require("../../../ui/input.cjs"),d=({query:r,setQuery:n,onSearch:a,isLoading:s,placeholder:c})=>{const i=t=>{t.key==="Enter"&&a()};return e.jsxs("div",{className:"tdp-search__search-bar",children:[e.jsx("div",{className:"tdp-search__search-input-wrapper",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-muted-foreground",children:e.jsx(l.Search,{})}),e.jsx(o.Input,{value:r,onChange:t=>n(t.target.value),onKeyDown:i,placeholder:c,className:"pl-9"})]})}),e.jsx(u.Button,{variant:"default",onClick:a,disabled:!r.trim()||s,children:s?"Searching...":"Search"})]})};exports.DefaultSearchBar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("lucide-react"),u=require("../../../../ui/button.cjs"),o=require("../../../../ui/input.cjs"),d=({query:r,setQuery:n,onSearch:a,isLoading:s,placeholder:c})=>{const i=t=>{t.key==="Enter"&&a()};return e.jsxs("div",{className:"tdp-search__search-bar",children:[e.jsx("div",{className:"tdp-search__search-input-wrapper",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-muted-foreground",children:e.jsx(l.Search,{})}),e.jsx(o.Input,{value:r,onChange:t=>n(t.target.value),onKeyDown:i,placeholder:c,className:"pl-9"})]})}),e.jsx(u.Button,{variant:"default",onClick:a,disabled:!r.trim()||s,children:s?"Searching...":"Search"})]})};exports.DefaultSearchBar=d;
 //# sourceMappingURL=DefaultSearchBar.cjs.map

package/dist/components/composed/TdpSearch/components/DefaultSearchBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultSearchBar.cjs","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultSearchBar.tsx"],"sourcesContent":["import { Search } from \"lucide-react\";\nimport React from \"react\";\n\nimport type { TdpSearchBarRenderProps } from \"../types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\n\n\nexport const DefaultSearchBar: React.FC<TdpSearchBarRenderProps> = ({\n  query,\n  setQuery,\n  onSearch,\n  isLoading,\n  placeholder,\n}) => {\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      onSearch();\n    }\n  };\n\n  return (\n    <div className=\"tdp-search__search-bar\">\n      <div className=\"tdp-search__search-input-wrapper\">\n        <div className=\"relative\">\n          <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-muted-foreground\">\n            <Search />\n          </div>\n          <Input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            className=\"pl-9\"\n          />\n        </div>\n      </div>\n      <Button variant=\"default\" onClick={onSearch} disabled={!query.trim() || isLoading}>\n        {isLoading ? \"Searching...\" : \"Search\"}\n      </Button>\n    </div>\n  );\n};\n"],"names":["DefaultSearchBar","query","setQuery","onSearch","isLoading","placeholder","handleKeyDown","e","jsxs","jsx","Search","Input","Button"],"mappings":"sNASaA,EAAsD,CAAC,CAClE,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,CACF,IAAM,CACJ,MAAMC,EAAiBC,GAA2B,CAC5CA,EAAE,MAAQ,SACZJ,EAAA,CAEJ,EAEA,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,mCACb,SAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,+FACb,SAAAA,MAACC,EAAAA,SAAO,EACV,EACAD,EAAAA,IAACE,EAAAA,MAAA,CACC,MAAOV,EACP,SAAWM,GAAML,EAASK,EAAE,OAAO,KAAK,EACxC,UAAWD,EACX,YAAAD,EACA,UAAU,MAAA,CAAA,CACZ,CAAA,CACF,CAAA,CACF,EACAI,EAAAA,IAACG,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAAST,EAAU,SAAU,CAACF,EAAM,KAAA,GAAUG,EACrE,SAAAA,EAAY,eAAiB,QAAA,CAChC,CAAA,EACF,CAEJ"}
+{"version":3,"file":"DefaultSearchBar.cjs","sources":["../../../../../src/components/composed/TdpSearch/components/DefaultSearchBar.tsx"],"sourcesContent":["import { Search } from \"lucide-react\";\nimport React from \"react\";\n\nimport type { TdpSearchBarRenderProps } from \"../types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\n\n\nexport const DefaultSearchBar: React.FC<TdpSearchBarRenderProps> = ({\n  query,\n  setQuery,\n  onSearch,\n  isLoading,\n  placeholder,\n}) => {\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      onSearch();\n    }\n  };\n\n  return (\n    <div className=\"tdp-search__search-bar\">\n      <div className=\"tdp-search__search-input-wrapper\">\n        <div className=\"relative\">\n          <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2.5 text-muted-foreground\">\n            <Search />\n          </div>\n          <Input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            className=\"pl-9\"\n          />\n        </div>\n      </div>\n      <Button variant=\"default\" onClick={onSearch} disabled={!query.trim() || isLoading}>\n        {isLoading ? \"Searching...\" : \"Search\"}\n      </Button>\n    </div>\n  );\n};\n"],"names":["DefaultSearchBar","query","setQuery","onSearch","isLoading","placeholder","handleKeyDown","e","jsxs","jsx","Search","Input","Button"],"mappings":"4NASaA,EAAsD,CAAC,CAClE,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,CACF,IAAM,CACJ,MAAMC,EAAiBC,GAA2B,CAC5CA,EAAE,MAAQ,SACZJ,EAAA,CAEJ,EAEA,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,mCACb,SAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,+FACb,SAAAA,MAACC,EAAAA,SAAO,EACV,EACAD,EAAAA,IAACE,EAAAA,MAAA,CACC,MAAOV,EACP,SAAWM,GAAML,EAASK,EAAE,OAAO,KAAK,EACxC,UAAWD,EACX,YAAAD,EACA,UAAU,MAAA,CAAA,CACZ,CAAA,CACF,CAAA,CACF,EACAI,EAAAA,IAACG,EAAAA,OAAA,CAAO,QAAQ,UAAU,QAAST,EAAU,SAAU,CAACF,EAAM,KAAA,GAAUG,EACrE,SAAAA,EAAY,eAAiB,QAAA,CAChC,CAAA,EACF,CAEJ"}

package/dist/components/composed/TdpSearch/components/DefaultSearchBar.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TdpSearchBarRenderProps } from '../types';
+export declare const DefaultSearchBar: React.FC<TdpSearchBarRenderProps>;

package/dist/components/composed/TdpSearch/components/DefaultSearchBar.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Search as c } from "lucide-react";
-import { Button as o } from "../../../ui/button.js";
-import { Input as d } from "../../../ui/input.js";
+import { Button as o } from "../../../../ui/button.js";
+import { Input as d } from "../../../../ui/input.js";
 const v = ({
   query: a,
   setQuery: s,

package/dist/components/composed/TdpSearch/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const AUTH_TOKEN_HEADER = "ts-auth-token";
+export declare const ORG_SLUG_HEADER = "x-org-slug";
+export declare const STANDALONE_SEARCH_PATH = "/v1/datalake/searchEql";

package/dist/components/composed/TdpSearch/hooks/useSearch.d.ts

@@ -0,0 +1,2 @@
+import { UseSearchConfig, UseSearchResult } from '../types';
+export declare function useSearch(config: UseSearchConfig): UseSearchResult;

package/dist/components/composed/TdpSearch/hooks/useTdpCredentials.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Resolves TDP auth credentials with the following priority:
+ *   1. Explicitly passed props
+ *   2. localStorage
+ *   3. Browser cookies
+ */
+export interface TdpCredentials {
+    authToken: string | undefined;
+    orgSlug: string | undefined;
+}
+/**
+ * Resolves TDP auth credentials from explicit props → localStorage → cookies
+ */
+export declare function useTdpCredentials(explicitToken?: string, explicitOrgSlug?: string): TdpCredentials;

package/dist/components/composed/TdpSearch/index.d.ts

@@ -0,0 +1,3 @@
+export { TdpSearch, default } from './TdpSearch';
+export { useSearch } from './hooks/useSearch';
+export type { TdpSearchProps, TdpSearchConfig, TdpSearchColumn, TdpSearchFilter, TdpSearchSort, SearchResult, TdpSearchBarRenderProps, TdpFiltersRenderProps, TdpResultsRenderProps, UseSearchConfig, UseSearchResult, } from './types';

package/dist/components/composed/TdpSearch/types.d.ts

@@ -0,0 +1,128 @@
+import { SearchEqlRequest } from '@tetrascience-npm/ts-connectors-sdk';
+import { default as React } from 'react';
+/** Transformed search result (flattened from Elasticsearch hit format) */
+interface SearchResult {
+    id: string;
+    _score?: number | null;
+    [key: string]: any;
+}
+/** Configuration for a search filter */
+interface TdpSearchFilter {
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        disabled: boolean;
+    }[];
+}
+/** Search expression for complex queries (matches SDK SearchEqlExpression) */
+interface SearchEqlExpression {
+    g: "AND" | "OR";
+    e: Array<{
+        field?: string;
+        operator?: string;
+        value?: any;
+        g?: "AND" | "OR";
+        e?: SearchEqlExpression["e"];
+    }>;
+}
+/** Configuration for column display */
+interface TdpSearchColumn {
+    key: string;
+    header: string;
+    sortable?: boolean;
+    width?: string;
+    align?: "left" | "center" | "right";
+    render?: (value: any, row: SearchResult, index: number) => React.ReactNode;
+}
+/** Sort configuration */
+interface TdpSearchSort {
+    field: string;
+    order: "asc" | "desc";
+}
+/** Props passed to the renderSearchBar render prop */
+interface TdpSearchBarRenderProps {
+    query: string;
+    setQuery: (query: string) => void;
+    onSearch: () => void;
+    isLoading: boolean;
+    placeholder: string;
+}
+/** Props passed to the renderFilters render prop */
+interface TdpFiltersRenderProps {
+    filters: TdpSearchFilter[];
+    filterValues: Record<string, string>;
+    onFilterChange: (key: string, value: string) => void;
+}
+/** Props passed to the renderResults render prop */
+interface TdpResultsRenderProps {
+    results: SearchResult[];
+    total: number;
+    currentPage: number;
+    pageSize: number;
+    columns: TdpSearchColumn[];
+    onPageChange: (page: number) => void;
+    sortKey: string | null;
+    sortDirection: "asc" | "desc";
+    onSort: (key: string, direction: "asc" | "desc") => void;
+}
+/** Search connection configuration */
+interface TdpSearchConfig {
+    /**
+     * When true, calls the TDP API directly from the browser
+     * When false/omitted, proxies the request through your backend `apiEndpoint`
+     */
+    standalone?: boolean;
+    /** TDP API base URL (required when standalone is true) */
+    baseUrl?: string;
+    /** Backend API endpoint for search (used when standalone is false). Defaults to '/api/search' */
+    apiEndpoint?: string;
+    /** Common | authentication token */
+    authToken?: string;
+    /** Common | organization slug */
+    orgSlug?: string;
+}
+/** Common props shared by both search modes */
+interface CommonTdpSearchProps {
+    /** Default search term (default query) */
+    defaultQuery?: string;
+    /** Display fields/columns for the results table */
+    columns: TdpSearchColumn[];
+    /** UI filters displayed as dropdowns (for user selection) */
+    filters?: TdpSearchFilter[];
+    /** Default sort configuration (sort options) */
+    defaultSort?: TdpSearchSort;
+    /**
+     * Additional search parameters to pass to the SDK's searchEql method.
+     * Allows customization of expression, selectedPipelineIds, selectedSourceTypes, etc.
+     */
+    advancedSearchParams?: Partial<Omit<SearchEqlRequest, "searchTerm" | "from" | "size" | "sort" | "order">>;
+    /** Results per page. Defaults to 10 */
+    pageSize?: number;
+    /** Search input placeholder text */
+    searchPlaceholder?: string;
+    /** Custom CSS class */
+    className?: string;
+    /** Callback fired when search is executed with the query and results */
+    onSearch?: (query: SearchEqlRequest, results: SearchResult[]) => void;
+    /** Replace the entire search bar (input + button) */
+    renderSearchBar?: (props: TdpSearchBarRenderProps) => React.ReactNode;
+    /** Replace the filters row */
+    renderFilters?: (props: TdpFiltersRenderProps) => React.ReactNode;
+    /** Replace the results table (and pagination) */
+    renderResults?: (props: TdpResultsRenderProps) => React.ReactNode;
+}
+type TdpSearchProps = CommonTdpSearchProps & TdpSearchConfig;
+type UseSearchConfig = {
+    pageSize: number;
+} & TdpSearchConfig;
+interface UseSearchResult {
+    results: SearchResult[];
+    total: number;
+    currentPage: number;
+    isLoading: boolean;
+    error: string | null;
+    executeSearch: (searchRequest: Omit<SearchEqlRequest, "from" | "size">, page?: number) => Promise<SearchResult[]>;
+}
+export type { TdpSearchConfig, CommonTdpSearchProps, TdpSearchFilter, TdpSearchColumn, TdpSearchSort, SearchResult, SearchEqlExpression, TdpSearchProps, TdpSearchBarRenderProps, TdpFiltersRenderProps, TdpResultsRenderProps, UseSearchConfig, UseSearchResult, };

package/dist/components/composed/TdpSearch/utils.d.ts

@@ -0,0 +1,3 @@
+import { SearchEqlRequest } from '@tetrascience-npm/ts-connectors-sdk';
+/** Build Elasticsearch-style body from SearchEqlRequest (TDP API does not accept searchTerm key). */
+export declare const buildEsBody: (searchRequest: Omit<SearchEqlRequest, "from" | "size">, from: number, size: number) => Record<string, unknown>;

package/dist/components/composed/TopBar/TopBar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("class-variance-authority"),o=require("../../../lib/utils.cjs"),r=c.cva("flex items-center h-11 px-3 bg-sidebar border-b border-sidebar-border w-full gap-2 z-40",{variants:{sticky:{true:"sticky top-0",false:""}},defaultVariants:{sticky:!0}});function d({left:a,center:t,right:s,sticky:i,className:l,...n}){return e.jsxs("div",{"data-slot":"top-bar",className:o.cn(r({sticky:i}),l),...n,children:[e.jsx("div",{"data-slot":"top-bar-left",className:"flex items-center gap-2 flex-1 min-w-0",children:a}),t!=null&&e.jsx("div",{"data-slot":"top-bar-center",className:"flex items-center gap-2 shrink-0",children:t}),e.jsx("div",{"data-slot":"top-bar-right",className:"flex items-center gap-2 shrink-0 justify-end",children:s})]})}exports.TopBar=d;exports.topBarVariants=r;
+//# sourceMappingURL=TopBar.cjs.map

package/dist/components/composed/TopBar/TopBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.cjs","sources":["../../../../src/components/composed/TopBar/TopBar.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// TopBar — sticky 3-slot header\n// =============================================================================\n\nconst topBarVariants = cva(\n  \"flex items-center h-11 px-3 bg-sidebar border-b border-sidebar-border w-full gap-2 z-40\",\n  {\n    variants: {\n      sticky: {\n        true: \"sticky top-0\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { sticky: true },\n  }\n);\n\nexport interface TopBarProps\n  extends Omit<React.ComponentProps<\"div\">, \"children\">,\n    VariantProps<typeof topBarVariants> {\n  /** Left slot — typically a breadcrumb. */\n  left?: React.ReactNode;\n  /**\n   * Center \"context\" slot — e.g. a version/status selector. Only rendered when\n   * provided; keeps the left/right columns balanced when present.\n   */\n  center?: React.ReactNode;\n  /** Right slot — actions, help, user menu, etc. */\n  right?: React.ReactNode;\n}\n\n/**\n * Sticky application header with three slots — left / center / right.\n *\n * - **left** is typically a breadcrumb, but any node can be slotted in.\n * - **center** is an optional \"context\" slot (e.g. a version/status selector).\n * - **right** holds actions, a help affordance, a `UserMenu`, etc.\n */\nfunction TopBar({ left, center, right, sticky, className, ...props }: TopBarProps) {\n  return (\n    <div\n      data-slot=\"top-bar\"\n      className={cn(topBarVariants({ sticky }), className)}\n      {...props}\n    >\n      <div\n        data-slot=\"top-bar-left\"\n        className=\"flex items-center gap-2 flex-1 min-w-0\"\n      >\n        {left}\n      </div>\n\n      {center != null && (\n        <div\n          data-slot=\"top-bar-center\"\n          className=\"flex items-center gap-2 shrink-0\"\n        >\n          {center}\n        </div>\n      )}\n\n      <div\n        data-slot=\"top-bar-right\"\n        className=\"flex items-center gap-2 shrink-0 justify-end\"\n      >\n        {right}\n      </div>\n    </div>\n  );\n}\n\nexport { TopBar, topBarVariants };\n"],"names":["topBarVariants","cva","TopBar","left","center","right","sticky","className","props","jsxs","cn","jsx"],"mappings":"+LASMA,EAAiBC,EAAAA,IACrB,0FACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,eACN,MAAO,EAAA,CACT,EAEF,gBAAiB,CAAE,OAAQ,EAAA,CAAK,CAEpC,EAuBA,SAASC,EAAO,CAAE,KAAAC,EAAM,OAAAC,EAAQ,MAAAC,EAAO,OAAAC,EAAQ,UAAAC,EAAW,GAAGC,GAAsB,CACjF,OACEC,EAAAA,KAAC,MAAA,CACC,YAAU,UACV,UAAWC,EAAAA,GAAGV,EAAe,CAAE,OAAAM,CAAA,CAAQ,EAAGC,CAAS,EAClD,GAAGC,EAEJ,SAAA,CAAAG,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAU,yCAET,SAAAR,CAAA,CAAA,EAGFC,GAAU,MACTO,EAAAA,IAAC,MAAA,CACC,YAAU,iBACV,UAAU,mCAET,SAAAP,CAAA,CAAA,EAILO,EAAAA,IAAC,MAAA,CACC,YAAU,gBACV,UAAU,+CAET,SAAAN,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}

package/dist/components/composed/TopBar/TopBar.d.ts

@@ -0,0 +1,25 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const topBarVariants: (props?: ({
+    sticky?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TopBarProps extends Omit<React.ComponentProps<"div">, "children">, VariantProps<typeof topBarVariants> {
+    /** Left slot — typically a breadcrumb. */
+    left?: React.ReactNode;
+    /**
+     * Center "context" slot — e.g. a version/status selector. Only rendered when
+     * provided; keeps the left/right columns balanced when present.
+     */
+    center?: React.ReactNode;
+    /** Right slot — actions, help, user menu, etc. */
+    right?: React.ReactNode;
+}
+/**
+ * Sticky application header with three slots — left / center / right.
+ *
+ * - **left** is typically a breadcrumb, but any node can be slotted in.
+ * - **center** is an optional "context" slot (e.g. a version/status selector).
+ * - **right** holds actions, a help affordance, a `UserMenu`, etc.
+ */
+declare function TopBar({ left, center, right, sticky, className, ...props }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+export { TopBar, topBarVariants };