@hai-dev/ui-kit 1.2.1 → 1.2.2

package/dist/components/photo-crop-uploader/utils/draw-cropped-image.js

@@ -1,16 +1,16 @@
-import { D as w } from "../../../index-CcueJ2sD.js";
+import { convertToPixelCrop as w } from "react-image-crop";
 import { localizedText as m } from "../locale.js";
-import { EN_LOCALE as E } from "../../../constants.js";
-import { PHOTO_CANVAS_CONTEXT as x } from "../constants.js";
-const L = (o, d, s, n = E) => new Promise((p, i) => {
+import { EN_LOCALE as x } from "../../../constants.js";
+import { PHOTO_CANVAS_CONTEXT as C } from "../constants.js";
+const u = (o, d, p, n = x) => new Promise((s, i) => {
   const r = new Image();
   r.src = d, r.addEventListener("load", () => {
-    const { width: e, height: c } = o, { naturalWidth: g, naturalHeight: h } = r, a = o.getContext(x);
+    const { width: e, height: c } = o, { naturalWidth: g, naturalHeight: h } = r, a = o.getContext(C);
     if (!a) {
       i(new Error(m[n]["canvas-error"]));
       return;
     }
-    const t = w(s, g, h);
+    const t = w(p, g, h);
     a.drawImage(
       r,
       t.x,
@@ -21,12 +21,12 @@ const L = (o, d, s, n = E) => new Promise((p, i) => {
       0,
       e,
       c
-    ), p();
+    ), s();
   }), r.addEventListener("error", () => {
     const e = new Error(m[n]["paint-error"]);
     i(e);
   });
 });
 export {
-  L as drawCroppedImage
+  u as drawCroppedImage
 };

package/dist/components/photo-crop-uploader/utils/get-cropped-source.js

@@ -1,15 +1,15 @@
-import { D as w } from "../../../index-CcueJ2sD.js";
-import { localizedText as x } from "../locale.js";
+import { convertToPixelCrop as x } from "react-image-crop";
+import { localizedText as w } from "../locale.js";
 import { EN_LOCALE as O } from "../../../constants.js";
-import { PHOTO_CANVAS_CONTEXT as f, PHOTO_SMOOTHING_QUALITY as T } from "../constants.js";
-const H = (c, o, d, m = O) => {
-  const t = o.getContext(f);
+import { PHOTO_CANVAS_CONTEXT as T, PHOTO_SMOOTHING_QUALITY as f } from "../constants.js";
+const H = (c, o, p, d = O) => {
+  const t = o.getContext(T);
   if (!t)
-    throw new Error(x[m]["canvas-error"]);
-  const { width: l, height: n, naturalWidth: i, naturalHeight: a } = c, r = w(d, l, n), e = window.devicePixelRatio, h = i / l, s = a / n;
-  o.width = Math.floor(r.width * h * e), o.height = Math.floor(r.height * s * e), t.scale(e, e), t.imageSmoothingQuality = T, t.save();
-  const p = r.x * h, g = r.y * s;
-  return t.translate(-p, -g), t.drawImage(
+    throw new Error(w[d]["canvas-error"]);
+  const { width: l, height: n, naturalWidth: i, naturalHeight: a } = c, r = x(p, l, n), e = window.devicePixelRatio, h = i / l, s = a / n;
+  o.width = Math.floor(r.width * h * e), o.height = Math.floor(r.height * s * e), t.scale(e, e), t.imageSmoothingQuality = f, t.save();
+  const m = r.x * h, g = r.y * s;
+  return t.translate(-m, -g), t.drawImage(
     c,
     0,
     0,

package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.js

@@ -1,14 +1,14 @@
-import { v as g, D as v } from "../../../index-CcueJ2sD.js";
-import { getPhotoCrop as w } from "./get-photo-crop.js";
-import { getCroppedSource as C } from "./get-cropped-source.js";
-import { localizedText as E } from "../locale.js";
-function L(a, i, m, n, s, d) {
+import { convertToPercentCrop as C, convertToPixelCrop as P } from "react-image-crop";
+import { getPhotoCrop as g } from "./get-photo-crop.js";
+import { getCroppedSource as v } from "./get-cropped-source.js";
+import { localizedText as l } from "../locale.js";
+function D(a, i, m, n, s, d) {
   return new Promise((c, p) => {
     const o = new Image(), h = document.createElement("canvas");
     o.src = a, o.addEventListener("load", () => {
       const { width: r, height: e } = o;
       try {
-        const t = w(
+        const t = g(
           r,
           e,
           i,
@@ -16,11 +16,11 @@ function L(a, i, m, n, s, d) {
           !0
         );
         if (s) {
-          const u = d ? g(t, r, e) : v(t, r, e);
+          const u = d ? C(t, r, e) : P(t, r, e);
           c(u);
           return;
         }
-        const f = C(
+        const f = v(
           o,
           h,
           t,
@@ -31,11 +31,11 @@ function L(a, i, m, n, s, d) {
         p(t);
       }
     }), o.addEventListener("error", () => {
-      const r = new Error(E[n]["paint-error"]);
+      const r = new Error(l[n]["paint-error"]);
       p(r);
     });
   });
 }
 export {
-  L as getDefaultCroppedPhoto
+  D as getDefaultCroppedPhoto
 };

package/dist/components/photo-crop-uploader/utils/get-photo-crop.js

@@ -1,35 +1,35 @@
-import { B as _, L as N } from "../../../index-CcueJ2sD.js";
-import { DEFAULT_MIN_DIMENSION as n, DEFAULT_ASPECT_RATIO as A, FULL_CROP_SIZE as E, PERCENT_UNIT as t } from "../constants.js";
-const M = (r, c, C = n, I = A, P = !1, o) => {
-  const L = r / c / I, T = C / r * E, e = C / c * E;
-  let p;
-  return o && o >= T && o >= e ? L <= 1 ? p = _(
+import { makeAspectCrop as C, centerCrop as A } from "react-image-crop";
+import { DEFAULT_MIN_DIMENSION as N, DEFAULT_ASPECT_RATIO as L, PERCENT_UNIT as I, FULL_CROP_SIZE as t } from "../constants.js";
+const s = (r, c, E = N, p = L, _ = !1, o) => {
+  const n = r / c / p, P = E / r * t, T = E / c * t;
+  let e;
+  return o && o >= P && o >= T ? n <= 1 ? e = C(
     {
-      unit: t,
+      unit: I,
       width: o
     },
-    I,
+    p,
     r,
     c
-  ) : p = _(
+  ) : e = C(
     {
-      unit: t,
+      unit: I,
       height: o
     },
-    I,
+    p,
     r,
     c
-  ) : p = _(
+  ) : e = C(
     {
-      unit: t,
-      width: P ? E : T,
-      height: P ? E : e
+      unit: I,
+      width: _ ? t : P,
+      height: _ ? t : T
     },
-    I,
+    p,
     r,
     c
-  ), N(p, r, c);
+  ), A(e, r, c);
 };
 export {
-  M as getPhotoCrop
+  s as getPhotoCrop
 };

package/dist/upload-dialog-errors-B7V0G-Ey.js

@@ -0,0 +1,71 @@
+import { jsxs as r, Fragment as i, jsx as n } from "react/jsx-runtime";
+import { DialogTitle as g, DialogContent as v, Divider as h, DialogActions as C } from "@mui/material";
+import o from "classnames";
+import { localizedText as c } from "./components/photo-crop-uploader/locale.js";
+import { EN_LOCALE as N, DASH_SYMBOL as f } from "./constants.js";
+import { Button as a } from "./components/button/button.js";
+import './assets/upload-dialog-errors.css';const A = "_dialog_c18v1_1", x = "_dark_c18v1_5", D = "_errorContent_c18v1_9", k = "_errorItem_c18v1_61", S = "_fileName_c18v1_68", T = "_topActions_c18v1_71", y = "_close_c18v1_77", B = "_botActions_c18v1_85", E = "_button_c18v1_91", I = "_title_c18v1_96", z = "_content_c18v1_103", L = "_many_c18v1_125", j = "_crop_c18v1_129", H = "_dialogText_c18v1_177", t = {
+  dialog: A,
+  dark: x,
+  errorContent: D,
+  errorItem: k,
+  fileName: S,
+  topActions: T,
+  close: y,
+  botActions: B,
+  button: E,
+  title: I,
+  content: z,
+  many: L,
+  crop: j,
+  dialogText: H
+}, M = (_) => {
+  const {
+    photoSources: l,
+    errors: m = [],
+    onCloseDialogHandler: d,
+    onClearErrors: u,
+    locale: e = N
+  } = _;
+  return /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ n(g, { className: o(t.title), children: l.length ? c[e]["some-not-uploaded"] : c[e]["not-uploaded"] }),
+    /* @__PURE__ */ n(v, { className: o(t.errorContent), children: m.map(({ photoName: p, errorMessage: b }, s) => /* @__PURE__ */ r(i, { children: [
+      !!s && /* @__PURE__ */ n(h, {}),
+      /* @__PURE__ */ r("div", { className: o(t.errorItem), children: [
+        /* @__PURE__ */ n("span", { className: o(t.fileName), children: p }),
+        " ",
+        ` ${f} ${b}`
+      ] })
+    ] }, s)) }),
+    /* @__PURE__ */ r(C, { className: o(t.botActions), children: [
+      /* @__PURE__ */ n(
+        a,
+        {
+          buttonSize: "small",
+          buttonColor: "red",
+          buttonVariant: "outlined",
+          buttonWeight: 500,
+          onClick: d,
+          className: o(t.button),
+          children: c[e].close
+        }
+      ),
+      !!l.length && /* @__PURE__ */ n(
+        a,
+        {
+          buttonSize: "small",
+          buttonColor: "blue",
+          buttonVariant: "outlined",
+          buttonWeight: 500,
+          onClick: u,
+          className: o(t.button),
+          children: c[e].continue
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  M as U,
+  t as s
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.2.1",
+  "version": "1.2.2",
   "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",

package/dist/Box-BgNAyP2L.js

@@ -1,56 +0,0 @@
-import { s as i, d as p, c as h, a as T, C as y, T as B, e as N, P as e } from "./createTheme-BoOmbNvy.js";
-import * as C from "react";
-import { jsx as b } from "react/jsx-runtime";
-import { u as g, e as v } from "./extendSxProp-BaUCVMKV.js";
-function E(n = {}) {
-  const {
-    themeId: t,
-    defaultTheme: c,
-    defaultClassName: a = "MuiBox-root",
-    generateClassName: r
-  } = n, m = i("div", {
-    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(p);
-  return /* @__PURE__ */ C.forwardRef(function(l, d) {
-    const s = g(c), {
-      className: f,
-      component: u = "div",
-      ...x
-    } = v(l);
-    return /* @__PURE__ */ b(m, {
-      as: u,
-      ref: d,
-      className: h(f, r ? r(a) : a),
-      theme: t && s[t] || s,
-      ...x
-    });
-  });
-}
-const O = T("MuiBox", ["root"]), P = N(), j = E({
-  themeId: B,
-  defaultTheme: P,
-  defaultClassName: O.root,
-  generateClassName: y.generate
-});
-process.env.NODE_ENV !== "production" && (j.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-export {
-  j as B
-};