@hai-dev/ui-kit 1.0.5 → 1.0.7

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

@@ -1,88 +1,37 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { c as m } from "../../../../index-B2JRaoNz.js";
-import { MAX_ITEMS_COUNT as u } from "./constants.js";
-import { s as y, f as C, b as B, a as b, C as L, h as P, j, P as e } from "../../../../createTheme-DSHGFfg6.js";
-import * as v from "react";
-import { u as E, e as I } from "../../../../extendSxProp-CzeED7BH.js";
-import '../../../../assets/photo-list.css';function M(l = {}) {
-  const {
-    themeId: n,
-    defaultTheme: p,
-    defaultClassName: a = "MuiBox-root",
-    generateClassName: r
-  } = l, t = y("div", {
-    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
-  })(C);
-  return /* @__PURE__ */ v.forwardRef(function(x, N) {
-    const h = E(p), {
-      className: g,
-      component: _ = "div",
-      ...T
-    } = I(x);
-    return /* @__PURE__ */ i(t, {
-      as: _,
-      ref: N,
-      className: B(g, r ? r(a) : a),
-      theme: n && h[n] || h,
-      ...T
-    });
-  });
-}
-const O = b("MuiBox", ["root"]), S = j(), d = M({
-  themeId: P,
-  defaultTheme: S,
-  defaultClassName: O.root,
-  generateClassName: L.generate
-});
-process.env.NODE_ENV !== "production" && (d.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])
-});
-const z = "_photoList_rrp1z_1", R = "_item_rrp1z_6", q = "_image_rrp1z_17", s = {
-  photoList: z,
-  item: R,
-  image: q
-}, G = (l) => {
-  const { photoSources: n, photoIndex: p, className: a, ...r } = l, t = n.slice(p);
-  return t.length > u ? /* @__PURE__ */ f(d, { className: m(s.photoList, a), ...r, children: [
-    t.slice(0, u - 1).map((c, o) => /* @__PURE__ */ i(
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { c as o } from "../../../../index-B2JRaoNz.js";
+import { MAX_ITEMS_COUNT as r } from "./constants.js";
+import { B as n } from "../../../../Box-D8oKffw9.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: m(s.item, s.image),
-        src: c,
+        className: o(t.item, t.image),
+        src: e,
         alt: "photo in queue"
       },
-      o
+      i
     )),
-    /* @__PURE__ */ f("div", { className: m(s.item), children: [
+    /* @__PURE__ */ p("div", { className: o(t.item), children: [
       "Еще ",
-      t.length - u + 1
+      s.length - r + 1
     ] })
-  ] }) : /* @__PURE__ */ i(d, { className: m(s.photoList, a), ...r, children: t.map((c, o) => /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ m(n, { className: o(t.photoList, a), ...c, children: s.map((e, i) => /* @__PURE__ */ m(
     "img",
     {
-      className: m(s.item, s.image),
-      src: c,
+      className: o(t.item, t.image),
+      src: e,
       alt: "photo in queue"
     },
-    o
+    i
   )) });
 };
 export {
-  G as PhotoList
+  z as PhotoList
 };

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

@@ -1,18 +1,18 @@
-import { jsx as r, jsxs as v, Fragment as b } from "react/jsx-runtime";
+import { jsx as n, jsxs as v, Fragment as b } from "react/jsx-runtime";
 import { useState as k, useRef as R } from "react";
-import { c as n } from "../../../../index-B2JRaoNz.js";
+import { c as a } from "../../../../index-B2JRaoNz.js";
 import { localizedText as x } from "../../locale.js";
 import { EN_LOCALE as V } from "../../../../constants.js";
 import { SUPPORTED_IMAGE_EXTENSIONS as y } from "../../constants.js";
 import { UPLOAD_BUTTON_WIDTH_DEFAULT as W, UPLOAD_BUTTON_TAB_INDEX as j, UPLOAD_BUTTON_IMAGE_SIZE as T } from "./constants.js";
-import { B as H } from "../../../../Button-DDlVTM6i.js";
-import '../../../../assets/upload-button.css';const M = "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", F = "_dragDropWrapper_cgx9x_1", z = "_input_cgx9x_4", a = {
+import { B as H } from "../../../../Button-BBF8hp7e.js";
+import '../../../../assets/upload-button.css';const M = "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", F = "_dragDropWrapper_cgx9x_1", z = "_input_cgx9x_4", i = {
   dragDropWrapper: F,
   input: z
 }, ee = (w) => {
   const {
     buttonClassname: C,
-    buttonDisabled: i = !1,
+    buttonDisabled: r = !1,
     children: E,
     className: p,
     onChange: o,
@@ -32,18 +32,18 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
     fromSources: t,
     ...u
   } = w, [P, l] = k(!1), c = R(null), h = (e) => {
-    e && e.length > 0 && o && o({
+    r || e && e.length > 0 && o && o({
       target: {
         files: e,
         value: ""
       }
     });
   }, U = (e) => {
-    t?.length || (e.preventDefault(), e.stopPropagation(), N(e), i || l(!0));
+    t?.length || (e.preventDefault(), e.stopPropagation(), N(e), r || l(!0));
   }, A = (e) => {
     t?.length || (e.preventDefault(), e.stopPropagation(), S(e), l(!1));
   }, B = (e) => {
-    if (t?.length || (e.preventDefault(), e.stopPropagation(), I(e), l(!1), i)) return;
+    if (t?.length || (e.preventDefault(), e.stopPropagation(), I(e), l(!1), r)) return;
     const _ = e.dataTransfer?.files;
     h(_);
   }, G = () => {
@@ -53,22 +53,22 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
   }, m = (e) => {
     h(e.target.files), o && o(e);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: n(a.dragDropWrapper),
+      className: a(i.dragDropWrapper),
       onDragOver: U,
       onDragLeave: A,
       onDrop: B,
       onClick: G,
       children: s ? /* @__PURE__ */ v(b, { children: [
         s,
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           "input",
           {
             onClick: D,
             ref: c,
-            className: n(a.input, p),
+            className: a(i.input, p),
             type: "file",
             accept: d.join(", "),
             onChange: m,
@@ -85,10 +85,10 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
           },
           role: "none",
           variant: "contained",
-          disabled: i,
+          disabled: r,
           tabIndex: j,
-          className: n(a.uploadButton, C),
-          startIcon: /* @__PURE__ */ r(
+          className: a(i.uploadButton, C),
+          startIcon: /* @__PURE__ */ n(
             "img",
             {
               width: T,
@@ -99,12 +99,12 @@ import '../../../../assets/upload-button.css';const M = "data:image/svg+xml,%3c!
           ),
           children: [
             P ? x[g].drop : E,
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ n(
               "input",
               {
                 onClick: D,
                 ref: c,
-                className: n(a.input, p),
+                className: a(i.input, p),
                 type: "file",
                 accept: d.join(", "),
                 onChange: m,

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

@@ -2,7 +2,7 @@ import { SyntheticEvent } from 'react';
 import { DialogProps } from '@mui/material';
 import { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
 import { Locale } from '../../../../types';
-import { PhotoDataUrl } from '../../types';
+import { FileErrorItem, PhotoDataUrl } from '../../types';
 type OnPhotoLoad = (event: SyntheticEvent<HTMLImageElement, Event>) => void;
 type OnCropChange = (pixelCrop: PixelCrop, percentCrop: PercentCrop) => void;
 type ImageRef = {
@@ -18,6 +18,7 @@ type UploadDialogCustomProps = {
     onPhotoCrop?: () => void;
     onNextPhoto?: () => void;
     onSkipCrop?: () => void;
+    onClearErrors?: () => void;
     photoCrops: Crop[];
     minDimension?: number;
     aspectRatio?: number;
@@ -25,6 +26,16 @@ type UploadDialogCustomProps = {
     circular?: boolean;
     keepSelection?: boolean;
     photoIndex: number;
+    photoSourceLoading: boolean;
+    loadingValue?: number;
+    errors?: FileErrorItem[];
 };
 export type UploadDialogProps = UploadDialogCustomProps & DialogProps;
+export type UploadDialogErrorsProps = {
+    photoSources: PhotoDataUrl[];
+    errors?: FileErrorItem[];
+    onCloseDialogHandler?: () => void;
+    onClearErrors?: () => void;
+    locale?: Locale;
+};
 export {};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { UploadDialogErrorsProps } from './types';
+export declare const UploadDialogErrors: FC<UploadDialogErrorsProps>;

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

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../../../index-B2JRaoNz.js";
+import "../../locale.js";
+import "../../../../constants.js";
+import { U as s } from "../../../../upload-dialog-errors-ku54UrUb.js";
+import "../../../../DialogTitle-Du4tqTs0.js";
+import "../../../button/button.js";
+export {
+  s as UploadDialogErrors
+};