@pronto-tools-and-more/components 8.5.0 → 8.7.0

package/dist/main.js

@@ -381,11 +381,21 @@ var PublicationToggle = () => {
 var SearchField = () => {
   const json = {
     type: "search-field",
-    className: "searchfield"
+    class: "searchfield"
   };
   return /* @__PURE__ */ React.createElement("div", { className: "SearchField" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
+// src/parts/SearchHeaderSelect/SearchHeaderSelect.tsx
+var SearchHeaderSelect = () => {
+  return /* @__PURE__ */ React.createElement("select", { name: "", id: "", className: "SearchHeaderSelect" }, /* @__PURE__ */ React.createElement("option", { value: "time" }, "Zeitraum"));
+};
+
+// src/parts/SearchHeaderToggle/SearchHeaderToggle.tsx
+var SearchHeaderToggle = () => {
+  return /* @__PURE__ */ React.createElement("div", { className: "SearchHeaderToggle" }, /* @__PURE__ */ React.createElement("div", null, "news"), /* @__PURE__ */ React.createElement("div", null, "epaper"));
+};
+
 // src/parts/SearchLink/SearchLink.tsx
 var SearchLink = ({ message } = {}) => {
   const json = {
@@ -401,116 +411,12 @@ var SearchLink = ({ message } = {}) => {
   return /* @__PURE__ */ React.createElement("div", { className: "SearchLink" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
 };
 
-// src/parts/HasComplexChildren/HasComplexChildren.ts
-var isComplex = (child) => {
-  return typeof child !== "string";
-};
-var hasComplexChildren = (children) => {
-  return children.some(isComplex);
-};
-
-// src/parts/FakeNode/FakeNode.ts
-var fakeNode = {
-  type: "html",
-  tag: "div",
-  content: '<img src="x" onerror="globalThis.fixRender(this)" />'
-};
-
-// src/parts/CreateFakeSection/CreateFakeSection.ts
-var createFakeSection = (children) => {
-  return {
-    type: "section",
-    content: [fakeNode, ...children]
-  };
-};
-
-// src/parts/UnwrapComponent/UnwrapComponent.tsx
-var getComponentChildren = (element, componentProps) => {
-  if (componentProps && componentProps.children) {
-    if (typeof componentProps.children === "string") {
-      return [componentProps.children];
-    }
-    return componentProps.children;
-  }
-  if (element && element.children) {
-    if (typeof element.children === "string") {
-      return [element.children];
-    }
-    return element.children;
-  }
-  return [];
-};
-var getComponentProperties = (element) => {
-  const componentType = element.type;
-  const componentProps = element.props;
-  const componentChildren = getComponentChildren(element, componentProps);
-  return {
-    componentType,
-    componentProps,
-    componentChildren
-  };
-};
-var unwrapComponent = (element) => {
-  if (!element) {
-    return {
-      type: "html",
-      tag: "div",
-      content: `Unknown component`
-    };
-  }
-  if (typeof element === "string" || typeof element === "number" || typeof element === "boolean") {
-    return {
-      type: "html",
-      tag: "div",
-      content: `${element}`
-    };
-  }
-  const { componentChildren, componentProps, componentType } = getComponentProperties(element);
-  if (typeof componentType === "function") {
-    const vnode = componentType({
-      ...componentProps
-    });
-    const rendered = unwrapComponent(vnode);
-    return rendered;
-  }
-  if (typeof componentType === "string") {
-    const hasComplexChildren2 = hasComplexChildren(componentChildren);
-    const renderedChildren = hasComplexChildren2 ? componentChildren.map(unwrapComponent) : [];
-    const content = hasComplexChildren2 ? "" : componentChildren[0] || "";
-    const props = componentProps ? componentProps : {};
-    return createFakeSection([
-      {
-        type: "html",
-        tag: componentType,
-        content
-      },
-      ...renderedChildren
-    ]);
-  }
-  if (componentType) {
-    return {
-      type: "TODO"
-    };
-  }
-  return {};
-};
-
 // src/parts/SearchResults/SearchResults.tsx
 var SearchResults = ({
-  SearchResult
+  render
 }) => {
-  const searchResult = {
-    description: "abc",
-    label: "abc",
-    readtime: "",
-    title: "$context.title",
-    imageSrc: ""
-  };
-  const unwrapped = unwrapComponent(
-    /* @__PURE__ */ React.createElement(SearchResult, { item: searchResult })
-  );
   const json = {
-    content: unwrapped,
+    render,
     dataSource: {
       phrase: "$context.phrase",
       type: "search-result",
@@ -589,7 +495,7 @@ var SearchResults = ({
       }
     },
     type: "list",
-    class: "schlauch-section",
+    class: "schlauch-section data-custom-search-results",
     emptyMessage: {
       message: "SEARCH_RESULT_NO_RESULT",
       variables: ["$context.phrase"]
@@ -642,6 +548,8 @@ export {
   PostContentBody,
   PublicationToggle,
   SearchField,
+  SearchHeaderSelect,
+  SearchHeaderToggle,
   SearchLink,
   SearchResults,
   SubscriptionLink

package/dist/parts/Components/Components.d.ts

@@ -23,6 +23,8 @@ export * from "../MenuItems/MenuItems.tsx";
 export * from "../PostContentBody/PostContentBody.tsx";
 export * from "../PublicationToggle/PublicationToggle.tsx";
 export * from "../SearchField/SearchField.tsx";
+export * from "../SearchHeaderSelect/SearchHeaderSelect.tsx";
+export * from "../SearchHeaderToggle/SearchHeaderToggle.tsx";
 export * from "../SearchLink/SearchLink.tsx";
 export * from "../SearchResults/SearchResults.tsx";
 export * from "../SubscriptionLink/SubscriptionLink.tsx";

package/dist/parts/ISearchResultComponent/ISearchResultComponent.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { ISearchResult } from "../ISearchResult/ISearchResult.tsx";
-export interface ISearchResultComponent {
+export interface ISearchResultItemRenderer {
     ({ item }: {
         item: ISearchResult;
     }): React.ReactNode;

package/dist/parts/SearchHeaderSelect/SearchHeaderSelect.d.ts

@@ -0,0 +1 @@
+export declare const SearchHeaderSelect: () => import("react").JSX.Element;

package/dist/parts/SearchHeaderToggle/SearchHeaderToggle.d.ts

@@ -0,0 +1 @@
+export declare const SearchHeaderToggle: () => import("react").JSX.Element;

package/dist/parts/SearchResults/SearchResults.d.ts

@@ -1,4 +1,4 @@
-import type { ISearchResultComponent } from "../ISearchResultComponent/ISearchResultComponent.tsx";
-export declare const SearchResults: ({ SearchResult, }: {
-    SearchResult: ISearchResultComponent;
+import type { ISearchResultItemRenderer } from "../ISearchResultComponent/ISearchResultComponent.tsx";
+export declare const SearchResults: ({ render, }: {
+    render: ISearchResultItemRenderer;
 }) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "8.5.0",
+  "version": "8.7.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",