@hai-dev/ui-kit 1.1.11 → 1.2.0

package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js

@@ -1,37 +1,140 @@
-import { jsxs as p, jsx as m } from "react/jsx-runtime";
-import { c as o } from "../../../../index-YnD2EP-S.js";
-import { MAX_ITEMS_COUNT as r } from "./constants.js";
-import { B as n } from "../../../../Box-TrgOqpYk.js";
-import '../../../../assets/photo-list.css';const g = "_photoList_rrp1z_1", u = "_item_rrp1z_6", x = "_image_rrp1z_17", t = {
-  photoList: g,
-  item: u,
-  image: x
-}, z = (l) => {
-  const { photoSources: h, photoIndex: _, className: a, ...c } = l, s = h.slice(_);
-  return s.length > r ? /* @__PURE__ */ p(n, { className: o(t.photoList, a), ...c, children: [
-    s.slice(0, r - 1).map((e, i) => /* @__PURE__ */ m(
-      "img",
-      {
-        className: o(t.item, t.image),
-        src: e,
-        alt: "photo in queue"
-      },
-      i
-    )),
-    /* @__PURE__ */ p("div", { className: o(t.item), children: [
-      "Еще ",
-      s.length - r + 1
-    ] })
-  ] }) : /* @__PURE__ */ m(n, { className: o(t.photoList, a), ...c, children: s.map((e, i) => /* @__PURE__ */ m(
-    "img",
+import { jsxs as T, jsx as g } from "react/jsx-runtime";
+import * as f from "react";
+import { useState as N } from "react";
+import { c as E } from "../../../../index-YnD2EP-S.js";
+import { useContainerSize as P } from "./use-container-size.js";
+import { EN_LOCALE as w } from "../../../../constants.js";
+import { FALLBACK_MAX_ITEMS as Q, MOBILE_MIN_GAP as b, MOBILE_ITEM_SIZE as O, DESKTOP_MIN_GAP as U, DESKTOP_ITEM_SIZE as j } from "./constants.js";
+import { localizedText as x } from "../../locale.js";
+import { r as D, T as A } from "../../../../createTheme-BoOmbNvy.js";
+import { a as C } from "../../../../extendSxProp-BaUCVMKV.js";
+import { u as k } from "../../../../useEnhancedEffect-CJGo-L3B.js";
+import { B as y } from "../../../../Box-BgNAyP2L.js";
+import '../../../../assets/photo-list.css';function B(t) {
+  const {
+    theme: o,
+    name: e,
+    props: n
+  } = t;
+  return !o || !o.components || !o.components[e] || !o.components[e].defaultProps ? n : D(o.components[e].defaultProps, n);
+}
+function $(t, o, e, n, a) {
+  const [s, m] = f.useState(() => a && e ? e(t).matches : n ? n(t).matches : o);
+  return k(() => {
+    if (!e)
+      return;
+    const i = e(t), c = () => {
+      m(i.matches);
+    };
+    return c(), i.addEventListener("change", c), () => {
+      i.removeEventListener("change", c);
+    };
+  }, [t, e]), s;
+}
+const K = {
+  ...f
+}, v = K.useSyncExternalStore;
+function R(t, o, e, n, a) {
+  const s = f.useCallback(() => o, [o]), m = f.useMemo(() => {
+    if (a && e)
+      return () => e(t).matches;
+    if (n !== null) {
+      const {
+        matches: u
+      } = n(t);
+      return () => u;
+    }
+    return s;
+  }, [s, t, n, a, e]), [i, c] = f.useMemo(() => {
+    if (e === null)
+      return [s, () => () => {
+      }];
+    const u = e(t);
+    return [() => u.matches, (r) => (u.addEventListener("change", r), () => {
+      u.removeEventListener("change", r);
+    })];
+  }, [s, e, t]);
+  return v(c, i, m);
+}
+function S(t = {}) {
+  const {
+    themeId: o
+  } = t;
+  return function(n, a = {}) {
+    let s = C();
+    s && o && (s = s[o] || s);
+    const m = typeof window < "u" && typeof window.matchMedia < "u", {
+      defaultMatches: i = !1,
+      matchMedia: c = m ? window.matchMedia : null,
+      ssrMatchMedia: _ = null,
+      noSsr: u = !1
+    } = B({
+      name: "MuiUseMediaQuery",
+      props: a,
+      theme: s
+    });
+    process.env.NODE_ENV !== "production" && typeof n == "function" && s === null && console.error(["MUI: The `query` argument provided is invalid.", "You are providing a function without a theme in the context.", "One of the parent elements needs to use a ThemeProvider."].join(`
+`));
+    let r = typeof n == "function" ? n(s) : n;
+    r = r.replace(/^@media( ?)/m, ""), r.includes("print") && console.warn(["MUI: You have provided a `print` query to the `useMediaQuery` hook.", "Using the print media query to modify print styles can lead to unexpected results.", "Consider using the `displayPrint` field in the `sx` prop instead.", "More information about `displayPrint` on our docs: https://mui.com/system/display/#display-in-print."].join(`
+`));
+    const h = (v !== void 0 ? R : $)(r, i, c, _, u);
+    return process.env.NODE_ENV !== "production" && f.useDebugValue({
+      query: r,
+      match: h
+    }), h;
+  };
+}
+S();
+const V = S({
+  themeId: A
+}), z = "_photoList_1j5k1_1", X = "_item_1j5k1_7", Y = "_image_1j5k1_21", l = {
+  photoList: z,
+  item: X,
+  image: Y
+};
+function L(t, o, e) {
+  return t <= 0 ? Q : Math.max(1, Math.floor((t + e) / (o + e)));
+}
+const se = (t) => {
+  const { photoSources: o, photoIndex: e, locale: n, className: a, ...s } = t, [m, i] = N(null), { width: c, height: _ } = P(m), r = V("(max-width: 768px)") ? L(c, O, b) : L(_, j, U), d = o.slice(e), h = x[n]["photo-in-queue"], I = (p) => n === w ? `${p} ${x[n].more}` : `${x[n].more} ${p}`;
+  return d.length > r ? /* @__PURE__ */ T(
+    y,
+    {
+      ref: i,
+      className: E(l.photoList, a),
+      ...s,
+      children: [
+        d.slice(0, r - 1).map((p, M) => /* @__PURE__ */ g(
+          "img",
+          {
+            className: E(l.item, l.image),
+            src: p,
+            alt: h
+          },
+          M
+        )),
+        /* @__PURE__ */ g("div", { className: E(l.item), children: I(d.length - r + 1) })
+      ]
+    }
+  ) : /* @__PURE__ */ g(
+    y,
     {
-      className: o(t.item, t.image),
-      src: e,
-      alt: "photo in queue"
-    },
-    i
-  )) });
+      ref: i,
+      className: E(l.photoList, a),
+      ...s,
+      children: d.map((p, M) => /* @__PURE__ */ g(
+        "img",
+        {
+          className: E(l.item, l.image),
+          src: p,
+          alt: h
+        },
+        M
+      ))
+    }
+  );
 };
 export {
-  z as PhotoList
+  se as PhotoList
 };

package/dist/components/photo-crop-uploader/components/photo-list/types.d.ts

@@ -1,8 +1,10 @@
 import { BoxProps } from '@mui/material';
 import { PhotoDataUrl } from '../../types';
+import { Locale } from '../../../../types';
 type PhotoListCustomProps = {
     photoSources: PhotoDataUrl[];
     photoIndex: number;
+    locale: Locale;
 };
 export type PhotoListProps = PhotoListCustomProps & BoxProps;
 export {};

package/dist/components/photo-crop-uploader/components/photo-list/use-container-size.d.ts

@@ -0,0 +1,4 @@
+export declare function useContainerSize(el: Element | null): {
+    width: number;
+    height: number;
+};

package/dist/components/photo-crop-uploader/components/photo-list/use-container-size.js

@@ -0,0 +1,22 @@
+import { useState as h, useEffect as u } from "react";
+import { debounce as d } from "../../../../utils/debounce.js";
+const f = 100;
+function b(e) {
+  const [o, t] = h({ width: 0, height: 0 });
+  return u(() => {
+    if (!e) {
+      t({ width: 0, height: 0 });
+      return;
+    }
+    const n = d(([r]) => {
+      const { width: s, height: c } = r.contentRect;
+      t({ width: s, height: c });
+    }, f), i = new ResizeObserver(n);
+    return i.observe(e), () => {
+      n.cancel(), i.disconnect();
+    };
+  }, [e]), o;
+}
+export {
+  b as useContainerSize
+};

package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js

@@ -5,7 +5,7 @@ import { localizedText as T } from "../../locale.js";
 import { EN_LOCALE as y } from "../../../../constants.js";
 import { SUPPORTED_IMAGE_EXTENSIONS as M, MP4_VIDEO_EXT as j, WEBM_VIDEO_EXT as H } from "../../constants.js";
 import { UPLOAD_BUTTON_WIDTH_DEFAULT as X, UPLOAD_BUTTON_TAB_INDEX as F, UPLOAD_BUTTON_IMAGE_SIZE as x } from "./constants.js";
-import { B as z } from "../../../../Button-BN3fv8kr.js";
+import { B as z } from "../../../../Button-DTV8ztWw.js";
 import '../../../../assets/upload-button.css';const Y = "data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill='%23ffffff'%20d='M544%20864V672h128L512%20480%20352%20672h128v192H320v-1.6c-5.376.32-10.496%201.6-16%201.6A240%20240%200%200%201%2064%20624c0-123.136%2093.12-223.488%20212.608-237.248A239.808%20239.808%200%200%201%20512%20192a239.872%20239.872%200%200%201%20235.456%20194.752c119.488%2013.76%20212.48%20114.112%20212.48%20237.248a240%20240%200%200%201-240%20240c-5.376%200-10.56-1.28-16-1.6v1.6H544z'/%3e%3c/g%3e%3c/svg%3e", Z = "_dragDropWrapper_cgx9x_1", q = "_input_cgx9x_4", a = {
   dragDropWrapper: Z,
   input: q

package/dist/components/photo-crop-uploader/components/upload-dialog/constants.d.ts

@@ -1 +1 @@
-export declare const CLOSE_ICON_SIZE = 40;
+export declare const CLOSE_ICON_SIZE = 22;

package/dist/components/photo-crop-uploader/components/upload-dialog/constants.js

@@ -1,4 +1,4 @@
-const o = 40;
+const o = 22;
 export {
   o as CLOSE_ICON_SIZE
 };

package/dist/components/photo-crop-uploader/components/upload-dialog/types.d.ts

@@ -1,7 +1,7 @@
 import { SyntheticEvent } from 'react';
 import { DialogProps } from '@mui/material';
 import { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
-import { Locale } from '../../../../types';
+import { Locale, Theme } from '../../../../types';
 import { FileErrorItem, PhotoDataUrl } from '../../types';
 type OnPhotoLoad = (event: SyntheticEvent<HTMLImageElement, Event>) => void;
 type OnCropChange = (pixelCrop: PixelCrop, percentCrop: PercentCrop) => void;
@@ -29,6 +29,7 @@ type UploadDialogCustomProps = {
     photoSourceLoading: boolean;
     loadingValue?: number;
     errors?: FileErrorItem[];
+    theme?: Theme;
 };
 export type UploadDialogProps = UploadDialogCustomProps & DialogProps;
 export type UploadDialogErrorsProps = {

package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js

@@ -2,9 +2,10 @@ import "react/jsx-runtime";
 import "../../../../index-YnD2EP-S.js";
 import "../../locale.js";
 import "../../../../constants.js";
-import { U as s } from "../../../../upload-dialog-errors-Cyz6_7n4.js";
-import "../../../../DialogTitle-BtvmXSZP.js";
+import '../../../../assets/inter.css';/* empty css                               */
+import { U } from "../../../../upload-dialog-errors-CCRxzIZp.js";
+import "../../../../DialogTitle-ByUfLB5M.js";
 import "../../../button/button.js";
 export {
-  s as UploadDialogErrors
+  U as UploadDialogErrors
 };