@wayke-se/components-react 6.0.0-beta.1 → 6.0.0-beta.3

package/dist/types/src/components/ResponsiveImage/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type ImgProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface ResponsiveImageProps extends Omit<ImgProps, 'src' | 'srcSet' | 'sizes'> {
+    src: string;
+    /** Widths to offer; each is snapped to one the image service accepts. */
+    widths: number[];
+    /** How wide the image is shown, as for <img sizes>. */
+    sizes: string;
+    /** The styled <img> to render. */
+    img?: React.ElementType<ImgProps>;
+}
+/**
+ * An ad image in the size and format the browser needs (AVIF, WebP, else JPEG),
+ * decoded off the main thread. Images from other hosts get the largest width.
+ */
+declare const ResponsiveImage: ({ src, widths, sizes, img: Img, ...rest }: ResponsiveImageProps) => React.JSX.Element;
+export default ResponsiveImage;

package/dist/types/src/components/Sphere/SphereViewer.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@photo-sphere-viewer/core/index.css';
 type PropsType = {
     id: string;
     src: string;

package/dist/types/src/layouts/searchItem/Related.d.ts

@@ -5,6 +5,6 @@ interface RelatedProps {
     placeholderImage?: string;
     displayBranchName?: boolean;
 }
-/** The latest cars of the same make. */
+/** The latest cars of the same make, then of other makes. */
 declare const Related: ({ adId, manufacturer, placeholderImage, displayBranchName }: RelatedProps) => React.JSX.Element | null;
 export default Related;

package/dist/types/src/utils/image.d.ts

@@ -1,3 +1,4 @@
+export declare const isCfit: (src: string) => boolean;
 export type ImageSpec = [width: number, height: number];
 interface ImageOptions {
     width: number;
@@ -11,4 +12,13 @@ export declare const imageUrl: (src: string, { width, height, webp }: ImageOptio
  */
 export declare const imageWithWidth: (src: string, width: number, height?: number) => string;
 export declare const imageSrcSet: (src: string, specs: ImageSpec[], webp?: boolean) => string;
+/**
+ * srcsets for a cfit image in AVIF, WebP and JPEG, as web-ui-v2's gallery has
+ * them: the browser takes the first format it supports, in the width it needs.
+ */
+export declare const cfitSources: (src: string, widths: number[]) => {
+    avif: string;
+    webp: string;
+    jpeg: string;
+};
 export {};

package/dist/types/src/utils/markdown.d.ts

@@ -0,0 +1,3 @@
+/** Only the allowlisted tags and attributes survive; event handlers and style never do. */
+export declare const sanitizeHtml: (html: string) => string;
+export declare const markdownToHtml: (text: string | null | undefined) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wayke-se/components-react",
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0-beta.3",
   "description": "",
   "type": "module",
   "main": "./dist/index.js",
@@ -49,7 +49,6 @@
     "@types/node": "^24.19.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@types/react-slick": "^0.23.13",
     "dotenv": "^18.0.9",
     "esbuild": "^0.28.2",
     "husky": "^9.1.7",
@@ -65,15 +64,14 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "@photo-sphere-viewer/core": "^5.15.1",
+    "@radix-ui/react-slider": "^1.6.1",
     "@wayke-se/ecom-web": "^2.1.1",
     "date-fns": "^4.4.0",
+    "dompurify": "^3.4.17",
     "i18next": "^26.5.11",
     "libphonenumber-js": "^1.13.15",
     "marked": "^18.1.2",
-    "react-compound-slider": "^3.4.0",
-    "react-i18next": "^17.1.9",
-    "react-slick": "^0.31.0",
-    "scroll-into-view-if-needed": "^3.1.0"
+    "react-i18next": "^17.1.9"
   },
   "allowScripts": {
     "esbuild": true,

package/dist/types/src/components/RangeSlider/handle.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { GetHandleProps, SliderItem } from 'react-compound-slider';
-interface IHandleProps {
-    domain: number[];
-    handle: SliderItem;
-    getHandleProps: GetHandleProps;
-}
-export declare const Handle: ({ domain: [min, max], handle: { id, value, percent }, getHandleProps, }: IHandleProps) => React.JSX.Element;
-export {};

package/dist/types/src/components/RangeSlider/track.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { GetTrackProps, SliderItem } from 'react-compound-slider';
-interface ITrackProps {
-    source: SliderItem;
-    target: SliderItem;
-    getTrackProps: GetTrackProps;
-}
-export declare const Track: ({ source, target, getTrackProps }: ITrackProps) => React.JSX.Element;
-export {};