@netlify/spark-ui 0.0.15 → 0.0.17

package/dist/components/preact/SearchModal/components/SearchLink.d.ts

@@ -1,3 +1,3 @@
-import { ResultProps } from '../types/search.types';
-declare const SearchLink: ({ icon, label, url, excerpt }: ResultProps) => import("preact").JSX.Element;
+import { SearchLinkProps } from '../types/search.types';
+declare const SearchLink: ({ icon, label, url, excerpt }: SearchLinkProps) => import("preact").JSX.Element;
 export default SearchLink;

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.d.ts

@@ -1,7 +1,7 @@
 import { ComponentChildren } from 'preact';
 interface Props {
     children: ComponentChildren;
-    className: string;
+    className?: string;
 }
-declare function SearchModal(props: Props): import("preact").JSX.Element;
+declare function SearchModal(props?: Props): import("preact").JSX.Element;
 export default SearchModal;

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -64,9 +64,9 @@ function k(t) {
     };
   }, [t]), a;
 }
-function W(t) {
-  const { children: a, className: n, ...i } = t, { state: c, actions: e } = b(), [r, o] = v(!1), m = () => o(!0), l = () => o(!1), u = h(null), y = k(l);
-  return j(m), g(e.setSearchTerm, m), E(r, m, l), w(u, r, l), S(() => {
+function W(t = { className: "", children: null }) {
+  const { children: a, className: n, ...i } = t, { state: c, actions: e } = b(), [r, o] = v(!1), l = () => o(!0), m = () => o(!1), u = h(null), y = k(m);
+  return j(l), g(e.setSearchTerm, l), E(r, l, m), w(u, r, m), S(() => {
     u.current && (r ? u.current.showModal() : u.current.close());
   }, [r]), /* @__PURE__ */ s(N, { ref: u, className: M(n, "n-search-modal"), ...i, children: /* @__PURE__ */ s("div", { ref: y, className: "n-search-container", children: [
     /* @__PURE__ */ s("form", { className: "n-search-bar", children: /* @__PURE__ */ s(T, { setSearchTerm: e.setSearchTerm, initialValue: c.searchTerm }) }),

package/dist/components/preact/SearchModal/hooks/useSearch.js

@@ -30,7 +30,7 @@ function y() {
         return {
           icon: S((u = a.meta) == null ? void 0 : u.content_type),
           content_type: (l = a.meta) == null ? void 0 : l.content_type,
-          title: (m = a.meta) == null ? void 0 : m.title,
+          label: (m = a.meta) == null ? void 0 : m.title,
           url: a.url,
           excerpt: a.excerpt
         };

package/dist/components/preact/SearchModal/types/search.types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentChildren } from 'preact';
 import { IconName } from '../../Icon';
-export interface ResultProps {
+export interface SearchLinkProps {
     icon: IconName;
     label: string;
     content_type?: string;
@@ -10,16 +10,16 @@ export interface ResultProps {
 export interface SearchWindowProps {
     searchLoading: boolean;
     searchTerm?: string;
-    results?: ResultProps[];
+    results?: SearchLinkProps[];
     children: ComponentChildren;
 }
 export interface SearchResultsProps {
     searchLoading: boolean;
     searchTerm?: string;
-    results?: ResultProps[];
+    results?: SearchLinkProps[];
 }
 export interface SearchState {
     searchTerm: string;
-    results: ResultProps[];
+    results: SearchLinkProps[];
     isLoading: boolean;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/SearchModal/components/SearchLink.tsx

@@ -1,8 +1,8 @@
-import type { ResultProps} from "../types/search.types"
+import type { SearchLinkProps} from "../types/search.types"
 
 import Icon from '../../Icon';
 
-const SearchLink = ({ icon, label, url, excerpt }: ResultProps) => {
+const SearchLink = ({ icon, label, url, excerpt }: SearchLinkProps) => {
   return (
     <a className="n-result-link" href={url}>
       <div className="n-result-header">

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.tsx

@@ -19,10 +19,10 @@ import './SearchModal.css';
 
 interface Props {
   children: ComponentChildren;
-  className: string;
+  className?: string;
 }
 
-function SearchModal(props: Props) {
+function SearchModal(props: Props = {className: '', children: null}) {
   const { children, className, ...rest } = props;
   const { state, actions } = useSearch();
   const [searchOpen, setSearchOpen] = useState(false);

package/packages/components/preact/SearchModal/components/SearchWindow.tsx

@@ -1,5 +1,5 @@
 import type { FunctionComponent } from 'preact';
-import type { ResultProps, SearchResultsProps, SearchWindowProps } from '../types/search.types';
+import type { SearchLinkProps, SearchResultsProps, SearchWindowProps } from '../types/search.types';
 import SearchHeading from './SearchHeading/SearchHeading';
 import SearchLink from './SearchLink';
 
@@ -43,7 +43,7 @@ export default function SearchWindow({
   results,
   children: DefaultWindow,
 }: SearchWindowProps) {
-  const askNetlify: ResultProps = {
+  const askNetlify: SearchLinkProps = {
     icon: 'askNetlify',
     label: 'Ask Netlify AI',
     url: 'https://docs.netlify.com/ask-netlify/',

package/packages/components/preact/SearchModal/hooks/useSearch.ts

@@ -38,7 +38,7 @@ export function useSearch() {
         return {
           icon: getSiteIcon(data.meta?.content_type),
           content_type: data.meta?.content_type,
-          title: data.meta?.title,
+          label: data.meta?.title,
           url: data.url,
           excerpt: data.excerpt,
         };

package/packages/components/preact/SearchModal/types/search.types.tsx

@@ -1,7 +1,7 @@
 import type { ComponentChildren } from 'preact';
 import type { IconName } from '../../Icon';
 
-export interface ResultProps {
+export interface SearchLinkProps {
   icon: IconName;
   label: string;
   content_type?: string;
@@ -12,18 +12,18 @@ export interface ResultProps {
 export interface SearchWindowProps {
   searchLoading: boolean;
   searchTerm?: string;
-  results?: ResultProps[];
+  results?: SearchLinkProps[];
   children: ComponentChildren;
 }
 
 export interface SearchResultsProps {
   searchLoading: boolean;
   searchTerm?: string;
-  results?: ResultProps[];
+  results?: SearchLinkProps[];
 }
 
 export interface SearchState {
   searchTerm: string;
-  results: ResultProps[];
+  results: SearchLinkProps[];
   isLoading: boolean;
 }