denwa-web-shared 1.0.16 → 1.0.18

package/dist/server/index.cjs.js

@@ -255,6 +255,15 @@ const generatePaginationArray = (pagination, baseUrl, initialParams) => {
     lastPage
   };
 };
+const arrayToKeyValueObject = (arr) => {
+  return arr.reduce(
+    (acc, item) => {
+      acc[item] = item;
+      return acc;
+    },
+    {}
+  );
+};
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -6636,13 +6645,16 @@ const BasePicture = ({
   image2x,
   image1xWebp,
   image2xWebp,
+  image1xAvif,
+  image2xAvif,
   mobileImage1x,
   mobileImage2x,
   mobileImage1xWebp,
   mobileImage2xWebp,
+  mobileImage1xAvif,
+  mobileImage2xAvif,
   type,
   alt,
-  bgColorClass,
   mobileMaxWidth = 450,
   loading = "lazy",
   ...pictureProps
@@ -6664,6 +6676,14 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    mobileImage1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
+      "source",
+      {
+        srcSet: `${mobileImage1xAvif} 1x${mobileImage2xAvif ? `, ${mobileImage2xAvif} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
+        type: "image/avif"
+      }
+    ),
     image1xWebp && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
@@ -6671,13 +6691,20 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    image1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
+      "source",
+      {
+        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
+        type: "image/avif"
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         ...imgProps,
-        className: cn(bgColorClass, imgProps == null ? void 0 : imgProps.className),
-        src: image1xWebp ? image1xWebp : image1x,
+        className: imgProps == null ? void 0 : imgProps.className,
+        src: image1x,
         alt,
         loading
       }
@@ -6687,6 +6714,7 @@ const BasePicture = ({
 exports.BasePicture = BasePicture;
 exports.THEME = THEME;
 exports.TIME = TIME;
+exports.arrayToKeyValueObject = arrayToKeyValueObject;
 exports.checkCorrectImageObject = checkCorrectImageObject;
 exports.cn = cn;
 exports.convertPhoneMask = convertPhoneMask;

package/dist/server/index.es.js

@@ -253,6 +253,15 @@ const generatePaginationArray = (pagination, baseUrl, initialParams) => {
     lastPage
   };
 };
+const arrayToKeyValueObject = (arr) => {
+  return arr.reduce(
+    (acc, item) => {
+      acc[item] = item;
+      return acc;
+    },
+    {}
+  );
+};
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -6634,13 +6643,16 @@ const BasePicture = ({
   image2x,
   image1xWebp,
   image2xWebp,
+  image1xAvif,
+  image2xAvif,
   mobileImage1x,
   mobileImage2x,
   mobileImage1xWebp,
   mobileImage2xWebp,
+  mobileImage1xAvif,
+  mobileImage2xAvif,
   type,
   alt,
-  bgColorClass,
   mobileMaxWidth = 450,
   loading = "lazy",
   ...pictureProps
@@ -6662,6 +6674,14 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    mobileImage1xAvif && /* @__PURE__ */ jsx(
+      "source",
+      {
+        srcSet: `${mobileImage1xAvif} 1x${mobileImage2xAvif ? `, ${mobileImage2xAvif} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
+        type: "image/avif"
+      }
+    ),
     image1xWebp && /* @__PURE__ */ jsx(
       "source",
       {
@@ -6669,13 +6689,20 @@ const BasePicture = ({
         type: "image/webp"
       }
     ),
+    image1xAvif && /* @__PURE__ */ jsx(
+      "source",
+      {
+        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
+        type: "image/avif"
+      }
+    ),
     /* @__PURE__ */ jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     /* @__PURE__ */ jsx(
       "img",
       {
         ...imgProps,
-        className: cn(bgColorClass, imgProps == null ? void 0 : imgProps.className),
-        src: image1xWebp ? image1xWebp : image1x,
+        className: imgProps == null ? void 0 : imgProps.className,
+        src: image1x,
         alt,
         loading
       }
@@ -6686,6 +6713,7 @@ export {
   BasePicture,
   THEME,
   TIME,
+  arrayToKeyValueObject,
   checkCorrectImageObject,
   cn,
   convertPhoneMask,

package/dist/server/lib/utils.d.ts

@@ -124,3 +124,8 @@ export declare const prepareColor: ({ color1, color2, notFoundText, COLORS_NAMES
  * @param initialParams - Параметры url
  */
 export declare const generatePaginationArray: (pagination: IPaginate | null, baseUrl: string, initialParams: Record<string, string>) => PaginationResult;
+/**
+ * @description Превращение массива в объект ключ-значение
+ * @param arr - Массив
+ */
+export declare const arrayToKeyValueObject: <T extends string>(arr: T[]) => Record<T, T>;

package/dist/server/ui/image.d.ts

@@ -6,13 +6,16 @@ interface BasePictureProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>
     image2x?: string;
     image1xWebp?: string;
     image2xWebp?: string;
+    image1xAvif?: string;
+    image2xAvif?: string;
     mobileImage1x?: string;
     mobileImage2x?: string;
     mobileImage1xWebp?: string;
     mobileImage2xWebp?: string;
+    mobileImage1xAvif?: string;
+    mobileImage2xAvif?: string;
     type: ImageType;
     alt: string;
-    bgColorClass: string;
     mobileMaxWidth?: number;
     loading?: 'eager' | 'lazy';
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "denwa-web-shared",
   "private": false,
-  "version": "1.0.16",
+  "version": "1.0.18",
   "type": "module",
   "author": "Denwa",
   "main": "dist/denwa-web-shared.cjs.js",