@hybridcore/ui 1.3.7 → 1.4.1

package/dist/createSvgIcon-Cfm1LkEe.js

@@ -0,0 +1,73 @@
+import { a as p, n as l } from "./createStyled-BzvgQjjR.js";
+import { c as d } from "./createSvgIcon-DEXLbMwp.js";
+import { C as _ } from "./styled-LNCprp4n.js";
+import { c as g, u as v } from "./useId-BHG98T5I.js";
+import { r as b } from "./requirePropFactory-BjhhI-AW.js";
+import { s as h, u as E, b as N, a as C, c as I } from "./ButtonBase-D0qccOVb.js";
+import { d as S } from "./debounce-46wSf_lW.js";
+import { i as x } from "./isMuiElement-CxT3_ACP.js";
+import { o as y } from "./ownerDocument-CUrv0DIK.js";
+import { o as q } from "./ownerWindow-niciwP7I.js";
+import { u as $ } from "./unsupportedProp-BuVD30Gh.js";
+import { u as D } from "./useControlled-BYdyS7Pn.js";
+function M(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : (r, a, u, i, c) => {
+    const m = u || "<<anonymous>>", f = c || a;
+    return typeof r[a] < "u" ? new Error(`The ${i} \`${f}\` of \`${m}\` is deprecated. ${t}`) : null;
+  };
+}
+var n = { exports: {} };
+(function(e) {
+  function t(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(n);
+var B = n.exports, o = {};
+const O = {
+  configure: (e) => {
+    process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
+`)), _.configure(e);
+  }
+}, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  capitalize: p,
+  createChainedFunction: g,
+  createSvgIcon: d,
+  debounce: S,
+  deprecatedPropType: M,
+  isMuiElement: x,
+  ownerDocument: y,
+  ownerWindow: q,
+  requirePropFactory: b,
+  setRef: h,
+  unstable_ClassNameGenerator: O,
+  unstable_useEnhancedEffect: E,
+  unstable_useId: v,
+  unsupportedProp: $,
+  useControlled: D,
+  useEventCallback: N,
+  useForkRef: C,
+  useIsFocusVisible: I
+}, Symbol.toStringTag, { value: "Module" })), R = /* @__PURE__ */ l(P);
+var s;
+function H() {
+  return s || (s = 1, function(e) {
+    "use client";
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t.createSvgIcon;
+      }
+    });
+    var t = R;
+  }(o)), o;
+}
+export {
+  B as i,
+  H as r
+};

package/dist/{createSvgIcon-BNrb7rDY.js → createSvgIcon-DEXLbMwp.js}

@@ -1,63 +1,36 @@
-import * as l from "react";
-import { a as z, _ } from "./extends-Cyw62AD_.js";
-import { jsxs as I, jsx as w } from "react/jsx-runtime";
-import { a as S, P as o } from "./createStyled-B96gjom1.js";
-import { g as N, u as T, c as C, a as O } from "./useThemeProps-DeftUmqJ.js";
-import { g as R, s as E } from "./styled-cPJbqF0E.js";
-function F({
-  controlled: e,
-  default: t,
-  name: n,
-  state: r = "value"
-}) {
-  const {
-    current: i
-  } = l.useRef(e !== void 0), [f, c] = l.useState(t), a = i ? e : f;
-  if (process.env.NODE_ENV !== "production") {
-    l.useEffect(() => {
-      i !== (e !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${r} state of ${n} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [r, n, e]);
-    const {
-      current: s
-    } = l.useRef(t);
-    l.useEffect(() => {
-      !i && !Object.is(s, t) && console.error([`MUI: A component is changing the default ${r} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
-`));
-    }, [JSON.stringify(t)]);
-  }
-  const u = l.useCallback((s) => {
-    i || c(s);
-  }, []);
-  return [a, u];
-}
+import { a as I, _ as $ } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as _ from "react";
+import { jsxs as b, jsx as w } from "react/jsx-runtime";
+import { a as y, P as o } from "./createStyled-BzvgQjjR.js";
+import { g as T, u as N, c as C, a as R } from "./useThemeProps-uYx_RkOH.js";
+import { g as O, s as B } from "./styled-LNCprp4n.js";
 function j(e) {
-  return R("MuiSvgIcon", e);
+  return O("MuiSvgIcon", e);
 }
-N("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const V = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], M = (e) => {
+T("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const E = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], M = (e) => {
   const {
     color: t,
     fontSize: n,
-    classes: r
-  } = e, i = {
-    root: ["root", t !== "inherit" && `color${S(t)}`, `fontSize${S(n)}`]
+    classes: i
+  } = e, r = {
+    root: ["root", t !== "inherit" && `color${y(t)}`, `fontSize${y(n)}`]
   };
-  return O(i, j, r);
-}, B = E("svg", {
+  return R(r, j, i);
+}, V = B("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
       ownerState: n
     } = e;
-    return [t.root, n.color !== "inherit" && t[`color${S(n.color)}`], t[`fontSize${S(n.fontSize)}`]];
+    return [t.root, n.color !== "inherit" && t[`color${y(n.color)}`], t[`fontSize${y(n.fontSize)}`]];
   }
 })(({
   theme: e,
   ownerState: t
 }) => {
-  var n, r, i, f, c, a, u, s, p, d, m, v, h, g, y, x, b;
+  var n, i, r, f, a, c, p, v, s, l, d, g, m, u, h, x, z;
   return {
     userSelect: "none",
     width: "1em",
@@ -65,62 +38,62 @@ const V = ["children", "className", "color", "component", "fontSize", "htmlColor
     display: "inline-block",
     fill: "currentColor",
     flexShrink: 0,
-    transition: (n = e.transitions) == null || (r = n.create) == null ? void 0 : r.call(n, "fill", {
-      duration: (i = e.transitions) == null || (f = i.duration) == null ? void 0 : f.shorter
+    transition: (n = e.transitions) == null || (i = n.create) == null ? void 0 : i.call(n, "fill", {
+      duration: (r = e.transitions) == null || (f = r.duration) == null ? void 0 : f.shorter
     }),
     fontSize: {
       inherit: "inherit",
-      small: ((c = e.typography) == null || (a = c.pxToRem) == null ? void 0 : a.call(c, 20)) || "1.25rem",
-      medium: ((u = e.typography) == null || (s = u.pxToRem) == null ? void 0 : s.call(u, 24)) || "1.5rem",
-      large: ((p = e.typography) == null || (d = p.pxToRem) == null ? void 0 : d.call(p, 35)) || "2.1875rem"
+      small: ((a = e.typography) == null || (c = a.pxToRem) == null ? void 0 : c.call(a, 20)) || "1.25rem",
+      medium: ((p = e.typography) == null || (v = p.pxToRem) == null ? void 0 : v.call(p, 24)) || "1.5rem",
+      large: ((s = e.typography) == null || (l = s.pxToRem) == null ? void 0 : l.call(s, 35)) || "2.1875rem"
     }[t.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (m = (v = (e.vars || e).palette) == null || (h = v[t.color]) == null ? void 0 : h.main) != null ? m : {
-      action: (g = (e.vars || e).palette) == null || (y = g.action) == null ? void 0 : y.active,
-      disabled: (x = (e.vars || e).palette) == null || (b = x.action) == null ? void 0 : b.disabled,
+    color: (d = (g = (e.vars || e).palette) == null || (m = g[t.color]) == null ? void 0 : m.main) != null ? d : {
+      action: (u = (e.vars || e).palette) == null || (h = u.action) == null ? void 0 : h.active,
+      disabled: (x = (e.vars || e).palette) == null || (z = x.action) == null ? void 0 : z.disabled,
       inherit: void 0
     }[t.color]
   };
-}), $ = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = T({
+}), S = /* @__PURE__ */ _.forwardRef(function(t, n) {
+  const i = N({
     props: t,
     name: "MuiSvgIcon"
   }), {
-    children: i,
+    children: r,
     className: f,
-    color: c = "inherit",
-    component: a = "svg",
-    fontSize: u = "medium",
-    htmlColor: s,
-    inheritViewBox: p = !1,
-    titleAccess: d,
-    viewBox: m = "0 0 24 24"
-  } = r, v = z(r, V), h = _({}, r, {
-    color: c,
-    component: a,
-    fontSize: u,
+    color: a = "inherit",
+    component: c = "svg",
+    fontSize: p = "medium",
+    htmlColor: v,
+    inheritViewBox: s = !1,
+    titleAccess: l,
+    viewBox: d = "0 0 24 24"
+  } = i, g = I(i, E), m = $({}, i, {
+    color: a,
+    component: c,
+    fontSize: p,
     instanceFontSize: t.fontSize,
-    inheritViewBox: p,
-    viewBox: m
-  }), g = {};
-  p || (g.viewBox = m);
-  const y = M(h);
-  return /* @__PURE__ */ I(B, _({
-    as: a,
-    className: C(y.root, f),
+    inheritViewBox: s,
+    viewBox: d
+  }), u = {};
+  s || (u.viewBox = d);
+  const h = M(m);
+  return /* @__PURE__ */ b(V, $({
+    as: c,
+    className: C(h.root, f),
     focusable: "false",
-    color: s,
-    "aria-hidden": d ? void 0 : !0,
-    role: d ? "img" : void 0,
+    color: v,
+    "aria-hidden": l ? void 0 : !0,
+    role: l ? "img" : void 0,
     ref: n
-  }, g, v, {
-    ownerState: h,
-    children: [i, d ? /* @__PURE__ */ w("title", {
-      children: d
+  }, u, g, {
+    ownerState: m,
+    children: [r, l ? /* @__PURE__ */ w("title", {
+      children: l
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && ($.propTypes = {
+process.env.NODE_ENV !== "production" && (S.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -192,19 +165,18 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
    */
   viewBox: o.string
 });
-$.muiName = "SvgIcon";
-function J(e, t) {
-  function n(r, i) {
-    return /* @__PURE__ */ w($, _({
+S.muiName = "SvgIcon";
+function L(e, t) {
+  function n(i, r) {
+    return /* @__PURE__ */ w(S, $({
       "data-testid": `${t}Icon`,
-      ref: i
-    }, r, {
+      ref: r
+    }, i, {
       children: e
     }));
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = $.muiName, /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = S.muiName, /* @__PURE__ */ _.memo(/* @__PURE__ */ _.forwardRef(n));
 }
 export {
-  J as c,
-  F as u
+  L as c
 };

package/dist/dialog-v5-nL5yy.js

@@ -0,0 +1,153 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { confirmable as x } from "react-confirm";
+import { IconButton as h } from "@mui/material";
+import { Close as C } from "@mui/icons-material";
+import { c as D, g as T, D as b, a as y, b as B } from "./DialogContent-CxOSq6h9.js";
+import { a as j, _ as v } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as d from "react";
+import { P as o } from "./createStyled-BzvgQjjR.js";
+import { u as M, c as N, a as O } from "./useThemeProps-uYx_RkOH.js";
+import { s as R } from "./styled-LNCprp4n.js";
+import { T as P } from "./Typography-Bm7PFqUT.js";
+import { B as m } from "./Button-DLwB_sKd.js";
+const _ = ["className", "id"], k = (a) => {
+  const {
+    classes: t
+  } = a;
+  return O({
+    root: ["root"]
+  }, T, t);
+}, w = R(P, {
+  name: "MuiDialogTitle",
+  slot: "Root",
+  overridesResolver: (a, t) => t.root
+})({
+  padding: "16px 24px",
+  flex: "0 0 auto"
+}), u = /* @__PURE__ */ d.forwardRef(function(t, r) {
+  const i = M({
+    props: t,
+    name: "MuiDialogTitle"
+  }), {
+    className: e,
+    id: n
+  } = i, l = j(i, _), c = i, f = k(c), {
+    titleId: g = n
+  } = d.useContext(D);
+  return /* @__PURE__ */ s(w, v({
+    component: "h2",
+    className: N(f.root, e),
+    ownerState: c,
+    ref: r,
+    variant: "h6",
+    id: n ?? g
+  }, l));
+});
+process.env.NODE_ENV !== "production" && (u.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * @ignore
+   */
+  id: o.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const A = {
+  confirmButtonText: "OK",
+  cancelButtonText: "Cancel",
+  disableCancelButton: !1
+}, I = ({
+  show: a = !0,
+  proceed: t = () => {
+  },
+  title: r,
+  description: i,
+  options: e
+}) => {
+  e = { ...A, ...e };
+  const n = () => {
+    t(!1);
+  }, l = () => {
+    t(!1);
+  }, c = () => {
+    t(!0);
+  };
+  return /* @__PURE__ */ p(
+    b,
+    {
+      open: a,
+      onClose: n,
+      "aria-labelledby": "dialog-title",
+      "aria-describedby": "dialog-description",
+      sx: {
+        "& .MuiDialog-paper": {
+          borderRadius: 3
+        },
+        "& .MuiDialogTitle-root": {
+          px: 4,
+          py: 3
+        },
+        "& .MuiDialogContent-root": {
+          p: 4,
+          pt: 0
+        },
+        "& .MuiDialogActions-root": {
+          p: 4,
+          background: "#0439910A"
+        }
+      },
+      children: [
+        /* @__PURE__ */ p(
+          u,
+          {
+            id: "dialog-title",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              r,
+              /* @__PURE__ */ s(h, { onClick: l, children: /* @__PURE__ */ s(C, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(y, { sx: { minWidth: 400 }, children: i }),
+        /* @__PURE__ */ p(B, { children: [
+          !e.disableCancelButton && /* @__PURE__ */ s(m, { color: "inherit", onClick: l, children: e.cancelButtonText }),
+          /* @__PURE__ */ s(
+            m,
+            {
+              variant: "contained",
+              color: "primary",
+              onClick: c,
+              autoFocus: !0,
+              children: e.confirmButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, G = x(I);
+export {
+  u as D,
+  G as a
+};

package/dist/{exactProp-CI_rjX83.js → exactProp-DkmnwNVS.js}

@@ -1,6 +1,6 @@
-import { P as a } from "./createStyled-B96gjom1.js";
-import { b as p } from "./useThemeProps-DeftUmqJ.js";
-import { _ as f } from "./extends-Cyw62AD_.js";
+import { P as a } from "./createStyled-BzvgQjjR.js";
+import { b as p } from "./useThemeProps-uYx_RkOH.js";
+import { _ as f } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
 function m(e) {
   const {
     prototype: n = {}

package/dist/extendSxProp-qqdkfHzS.js

@@ -0,0 +1,30 @@
+import { a, _ as i } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import { k as c, m as f } from "./createStyled-BzvgQjjR.js";
+const x = ["sx"], m = (t) => {
+  var s, n;
+  const o = {
+    systemProps: {},
+    otherProps: {}
+  }, r = (s = t == null || (n = t.theme) == null ? void 0 : n.unstable_sxConfig) != null ? s : c;
+  return Object.keys(t).forEach((e) => {
+    r[e] ? o.systemProps[e] = t[e] : o.otherProps[e] = t[e];
+  }), o;
+};
+function y(t) {
+  const {
+    sx: s
+  } = t, n = a(t, x), {
+    systemProps: o,
+    otherProps: r
+  } = m(n);
+  let e;
+  return Array.isArray(s) ? e = [o, ...s] : typeof s == "function" ? e = (...u) => {
+    const l = s(...u);
+    return f(l) ? i({}, o, l) : o;
+  } : e = i({}, o, s), i({}, r, {
+    sx: e
+  });
+}
+export {
+  y as e
+};

package/dist/{index-CSfSVkKj.js → index-B0JPwFI9.js}

@@ -2,11 +2,12 @@ import { jsx as T, jsxs as re } from "react/jsx-runtime";
 import ye from "./components/treeview-filter/item-label/index.js";
 import se from "lodash";
 import * as l from "react";
-import { c as ie, g as xe, u as Ie, a as Te } from "./useThemeProps-DeftUmqJ.js";
-import { P as n } from "./createStyled-B96gjom1.js";
-import { u as Ee, a as he, e as De } from "./ButtonBase-D6qhsxB0.js";
-import { g as ve, s as W, a as $ } from "./styled-cPJbqF0E.js";
-import { C as ce, u as Ne } from "./Collapse-D_TjnyE5.js";
+import { c as ie, g as xe, u as Ie, a as Te } from "./useThemeProps-uYx_RkOH.js";
+import { P as n } from "./createStyled-BzvgQjjR.js";
+import { u as Ee, a as he, e as De } from "./ButtonBase-D0qccOVb.js";
+import { g as ve, s as W, a as $ } from "./styled-LNCprp4n.js";
+import { C as ce } from "./Collapse-CL6LGGZw.js";
+import { u as Ne } from "./unsupportedProp-BuVD30Gh.js";
 import { o as Oe } from "./ownerDocument-CUrv0DIK.js";
 const z = /* @__PURE__ */ l.createContext({});
 process.env.NODE_ENV !== "production" && (z.displayName = "TreeViewContext");