@hai-dev/ui-kit 1.0.6 → 1.0.7

package/dist/upload-dialog-errors-ku54UrUb.js

@@ -0,0 +1,365 @@
+import { jsx as s, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { c } from "./index-B2JRaoNz.js";
+import { localizedText as g } from "./components/photo-crop-uploader/locale.js";
+import { EN_LOCALE as S, DASH_SYMBOL as L } from "./constants.js";
+import { D as I, a as R, b as W } from "./DialogTitle-Du4tqTs0.js";
+import * as O from "react";
+import { g as V, a as B, c as $, P as r } from "./createTheme-RvzX1VSA.js";
+import { m as C } from "./createSimplePaletteValueFilter-nb0wSOzC.js";
+import { u as z, s as w, c as E } from "./chainPropTypes-KIxDwPzf.js";
+import { Button as y } from "./components/button/button.js";
+import './assets/upload-dialog-errors.css';function M(e) {
+  return V("MuiDivider", e);
+}
+B("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+const U = (e) => {
+  const {
+    absolute: t,
+    children: o,
+    classes: p,
+    flexItem: f,
+    light: i,
+    orientation: n,
+    textAlign: l,
+    variant: a
+  } = e;
+  return E({
+    root: ["root", t && "absolute", a, i && "light", n === "vertical" && "vertical", f && "flexItem", o && "withChildren", o && n === "vertical" && "withChildrenVertical", l === "right" && n !== "vertical" && "textAlignRight", l === "left" && n !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", n === "vertical" && "wrapperVertical"]
+  }, M, p);
+}, j = w("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.root, o.absolute && t.absolute, t[o.variant], o.light && t.light, o.orientation === "vertical" && t.vertical, o.flexItem && t.flexItem, o.children && t.withChildren, o.children && o.orientation === "vertical" && t.withChildrenVertical, o.textAlign === "right" && o.orientation !== "vertical" && t.textAlignRight, o.textAlign === "left" && o.orientation !== "vertical" && t.textAlignLeft];
+  }
+})(C(({
+  theme: e
+}) => ({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (e.vars || e).palette.divider,
+  borderBottomWidth: "thin",
+  variants: [{
+    props: {
+      absolute: !0
+    },
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      width: "100%"
+    }
+  }, {
+    props: {
+      light: !0
+    },
+    style: {
+      borderColor: e.alpha((e.vars || e).palette.divider, 0.08)
+    }
+  }, {
+    props: {
+      variant: "inset"
+    },
+    style: {
+      marginLeft: 72
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "horizontal"
+    },
+    style: {
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "vertical"
+    },
+    style: {
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      borderBottomWidth: 0,
+      borderRightWidth: "thin"
+    }
+  }, {
+    props: {
+      flexItem: !0
+    },
+    style: {
+      alignSelf: "stretch",
+      height: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !!t.children,
+    style: {
+      display: "flex",
+      textAlign: "center",
+      border: 0,
+      borderTopStyle: "solid",
+      borderLeftStyle: "solid",
+      "&::before, &::after": {
+        content: '""',
+        alignSelf: "center"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
+    style: {
+      "&::before, &::after": {
+        width: "100%",
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+        borderTopStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
+    style: {
+      flexDirection: "column",
+      "&::before, &::after": {
+        height: "100%",
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+        borderLeftStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "90%"
+      },
+      "&::after": {
+        width: "10%"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "10%"
+      },
+      "&::after": {
+        width: "90%"
+      }
+    }
+  }]
+}))), k = w("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.wrapper, o.orientation === "vertical" && t.wrapperVertical];
+  }
+})(C(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+  whiteSpace: "nowrap",
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+    }
+  }]
+}))), h = /* @__PURE__ */ O.forwardRef(function(t, o) {
+  const p = z({
+    props: t,
+    name: "MuiDivider"
+  }), {
+    absolute: f = !1,
+    children: i,
+    className: n,
+    orientation: l = "horizontal",
+    component: a = i || l === "vertical" ? "div" : "hr",
+    flexItem: b = !1,
+    light: A = !1,
+    role: u = a !== "hr" ? "separator" : void 0,
+    textAlign: D = "center",
+    variant: N = "fullWidth",
+    ...T
+  } = p, v = {
+    ...p,
+    absolute: f,
+    component: a,
+    flexItem: b,
+    light: A,
+    orientation: l,
+    role: u,
+    textAlign: D,
+    variant: N
+  }, _ = U(v);
+  return /* @__PURE__ */ s(j, {
+    as: a,
+    className: $(_.root, n),
+    role: u,
+    ref: o,
+    ownerState: v,
+    "aria-orientation": u === "separator" && (a !== "hr" || l === "vertical") ? l : void 0,
+    ...T,
+    children: i ? /* @__PURE__ */ s(k, {
+      className: _.wrapper,
+      ownerState: v,
+      children: i
+    }) : null
+  });
+});
+h && (h.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: r.bool,
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: r.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  light: r.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: r.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: r.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+});
+const H = "_dialog_1mcfu_1", P = "_errorContent_1mcfu_7", F = "_errorItem_1mcfu_22", Y = "_fileName_1mcfu_28", q = "_topActions_1mcfu_34", G = "_close_1mcfu_40", J = "_botActions_1mcfu_44", K = "_button_1mcfu_49", Q = "_title_1mcfu_53", X = "_content_1mcfu_59", Z = "_many_1mcfu_67", tt = "_crop_1mcfu_74", et = "_dialogText_1mcfu_83", d = {
+  dialog: H,
+  errorContent: P,
+  errorItem: F,
+  fileName: Y,
+  topActions: q,
+  close: G,
+  botActions: J,
+  button: K,
+  title: Q,
+  content: X,
+  many: Z,
+  crop: tt,
+  dialogText: et
+}, pt = (e) => {
+  const {
+    photoSources: t,
+    errors: o = [],
+    onCloseDialogHandler: p,
+    onClearErrors: f,
+    locale: i = S
+  } = e;
+  return /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ s(I, { className: c(d.title), children: t.length ? g[i]["some-not-uploaded"] : g[i]["not-uploaded"] }),
+    /* @__PURE__ */ s(R, { className: c(d.errorContent), children: o.map(({ photoName: n, errorMessage: l }, a) => /* @__PURE__ */ m(x, { children: [
+      !!a && /* @__PURE__ */ s(h, {}),
+      /* @__PURE__ */ m("div", { className: c(d.errorItem), children: [
+        /* @__PURE__ */ s("span", { className: c(d.fileName), children: n }),
+        " ",
+        ` ${L} ${l}`
+      ] })
+    ] }, a)) }),
+    /* @__PURE__ */ m(W, { className: c(d.botActions), children: [
+      /* @__PURE__ */ s(
+        y,
+        {
+          buttonSize: "small",
+          buttonColor: "blue",
+          buttonVariant: "outlined",
+          buttonWeight: 500,
+          onClick: p,
+          className: c(d.button),
+          children: g[i].close
+        }
+      ),
+      !!t.length && /* @__PURE__ */ s(
+        y,
+        {
+          buttonSize: "small",
+          buttonColor: "blue",
+          buttonVariant: "filled",
+          buttonWeight: 500,
+          onClick: f,
+          className: c(d.button),
+          children: g[i].continue
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  pt as U,
+  d as s
+};

package/dist/useTheme-CsjkCBFJ.js

@@ -0,0 +1,16 @@
+import { T as n, e as o } from "./createTheme-RvzX1VSA.js";
+import * as s from "react";
+function m(e) {
+  return Object.keys(e).length === 0;
+}
+function r(e = null) {
+  const t = s.useContext(n);
+  return !t || m(t) ? e : t;
+}
+const u = o();
+function a(e = u) {
+  return r(e);
+}
+export {
+  a as u
+};

package/package.json

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

package/dist/extendSxProp-bpz0eCso.js

@@ -1,49 +0,0 @@
-import { f as u, h as f, i as a, j as m } from "./createTheme-BfVKUMHQ.js";
-import * as l from "react";
-function h(t) {
-  return Object.keys(t).length === 0;
-}
-function x(t = null) {
-  const e = l.useContext(u);
-  return !e || h(e) ? t : e;
-}
-const y = f();
-function b(t = y) {
-  return x(t);
-}
-const P = (t) => {
-  const e = {
-    systemProps: {},
-    otherProps: {}
-  }, r = t?.theme?.unstable_sxConfig ?? m;
-  return Object.keys(t).forEach((s) => {
-    r[s] ? e.systemProps[s] = t[s] : e.otherProps[s] = t[s];
-  }), e;
-};
-function j(t) {
-  const {
-    sx: e,
-    ...r
-  } = t, {
-    systemProps: s,
-    otherProps: c
-  } = P(r);
-  let n;
-  return Array.isArray(e) ? n = [s, ...e] : typeof e == "function" ? n = (...i) => {
-    const o = e(...i);
-    return a(o) ? {
-      ...s,
-      ...o
-    } : s;
-  } : n = {
-    ...s,
-    ...e
-  }, {
-    ...c,
-    sx: n
-  };
-}
-export {
-  j as e,
-  b as u
-};