@amateescu/portal-ui-components 0.0.24 → 0.0.25-react19

package/dist/useSlot-kDVPuVrn.js

@@ -0,0 +1,431 @@
+import * as p from "react";
+import { c as E, P as r, g as V, a as j, u as A, s as M, b, d as k, m as x } from "./createSimplePaletteValueFilter-CshNo3IR.js";
+import { jsxs as D, jsx as R } from "react/jsx-runtime";
+import { u as U } from "./ButtonBase-D-XlpvIZ.js";
+function Y({
+  controlled: e,
+  default: t,
+  name: n,
+  state: s = "value"
+}) {
+  const {
+    current: o
+  } = p.useRef(e !== void 0), [l, m] = p.useState(t), a = o ? e : l;
+  if (process.env.NODE_ENV !== "production") {
+    p.useEffect(() => {
+      o !== (e !== void 0) && console.error([`MUI: A component is changing the ${o ? "" : "un"}controlled ${s} state of ${n} to be ${o ? "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(`
+`));
+    }, [s, n, e]);
+    const {
+      current: i
+    } = p.useRef(t);
+    p.useEffect(() => {
+      !o && !Object.is(i, t) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(t)]);
+  }
+  const g = p.useCallback((i) => {
+    o || m(i);
+  }, []);
+  return [a, g];
+}
+function B(e) {
+  const t = typeof e;
+  switch (t) {
+    case "number":
+      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
+    case "object":
+      return e === null ? "null" : e.constructor.name;
+    default:
+      return t;
+  }
+}
+function O(e, t, n, s) {
+  const o = e[t];
+  if (o == null || !Number.isInteger(o)) {
+    const l = B(o);
+    return new RangeError(`Invalid ${s} \`${t}\` of type \`${l}\` supplied to \`${n}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function T(e, t, ...n) {
+  return e[t] === void 0 ? null : O(e, t, ...n);
+}
+function z() {
+  return null;
+}
+T.isRequired = O;
+z.isRequired = z;
+const P = process.env.NODE_ENV === "production" ? z : T;
+function H(e) {
+  return typeof e == "string";
+}
+function _(e, t, n) {
+  return e === void 0 || H(e) ? t : {
+    ...t,
+    ownerState: {
+      ...t.ownerState,
+      ...n
+    }
+  };
+}
+function q(e, t = []) {
+  if (e === void 0)
+    return {};
+  const n = {};
+  return Object.keys(e).filter((s) => s.match(/^on[A-Z]/) && typeof e[s] == "function" && !t.includes(s)).forEach((s) => {
+    n[s] = e[s];
+  }), n;
+}
+function I(e) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => !(n.match(/^on[A-Z]/) && typeof e[n] == "function")).forEach((n) => {
+    t[n] = e[n];
+  }), t;
+}
+function L(e) {
+  const {
+    getSlotProps: t,
+    additionalProps: n,
+    externalSlotProps: s,
+    externalForwardedProps: o,
+    className: l
+  } = e;
+  if (!t) {
+    const h = E(n == null ? void 0 : n.className, l, o == null ? void 0 : o.className, s == null ? void 0 : s.className), u = {
+      ...n == null ? void 0 : n.style,
+      ...o == null ? void 0 : o.style,
+      ...s == null ? void 0 : s.style
+    }, c = {
+      ...n,
+      ...o,
+      ...s
+    };
+    return h.length > 0 && (c.className = h), Object.keys(u).length > 0 && (c.style = u), {
+      props: c,
+      internalRef: void 0
+    };
+  }
+  const m = q({
+    ...o,
+    ...s
+  }), a = I(s), g = I(o), i = t(m), f = E(i == null ? void 0 : i.className, n == null ? void 0 : n.className, l, o == null ? void 0 : o.className, s == null ? void 0 : s.className), d = {
+    ...i == null ? void 0 : i.style,
+    ...n == null ? void 0 : n.style,
+    ...o == null ? void 0 : o.style,
+    ...s == null ? void 0 : s.style
+  }, y = {
+    ...i,
+    ...n,
+    ...g,
+    ...a
+  };
+  return f.length > 0 && (y.className = f), Object.keys(d).length > 0 && (y.style = d), {
+    props: y,
+    internalRef: i.ref
+  };
+}
+function W(e, t, n) {
+  return typeof e == "function" ? e(t, n) : e;
+}
+const Z = /* @__PURE__ */ p.createContext();
+process.env.NODE_ENV !== "production" && (r.node, r.bool);
+const ee = () => p.useContext(Z) ?? !1;
+function J(e) {
+  return V("MuiSvgIcon", e);
+}
+j("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const F = (e) => {
+  const {
+    color: t,
+    fontSize: n,
+    classes: s
+  } = e, o = {
+    root: ["root", t !== "inherit" && `color${b(t)}`, `fontSize${b(n)}`]
+  };
+  return k(o, J, s);
+}, G = M("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: n
+    } = e;
+    return [t.root, n.color !== "inherit" && t[`color${b(n.color)}`], t[`fontSize${b(n.fontSize)}`]];
+  }
+})(x(({
+  theme: e
+}) => {
+  var t, n, s, o, l, m, a, g, i, f, d, y, h, u;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (o = (t = e.transitions) == null ? void 0 : t.create) == null ? void 0 : o.call(t, "fill", {
+      duration: (s = (n = (e.vars ?? e).transitions) == null ? void 0 : n.duration) == null ? void 0 : s.shorter
+    }),
+    variants: [
+      {
+        props: (c) => !c.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((m = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : m.call(l, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((g = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : g.call(a, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((f = (i = e.typography) == null ? void 0 : i.pxToRem) == null ? void 0 : f.call(i, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((e.vars ?? e).palette).filter(([, c]) => c && c.main).map(([c]) => {
+        var v, S;
+        return {
+          props: {
+            color: c
+          },
+          style: {
+            color: (S = (v = (e.vars ?? e).palette) == null ? void 0 : v[c]) == null ? void 0 : S.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (y = (d = (e.vars ?? e).palette) == null ? void 0 : d.action) == null ? void 0 : y.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (u = (h = (e.vars ?? e).palette) == null ? void 0 : h.action) == null ? void 0 : u.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+})), C = /* @__PURE__ */ p.forwardRef(function(t, n) {
+  const s = A({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: o,
+    className: l,
+    color: m = "inherit",
+    component: a = "svg",
+    fontSize: g = "medium",
+    htmlColor: i,
+    inheritViewBox: f = !1,
+    titleAccess: d,
+    viewBox: y = "0 0 24 24",
+    ...h
+  } = s, u = /* @__PURE__ */ p.isValidElement(o) && o.type === "svg", c = {
+    ...s,
+    color: m,
+    component: a,
+    fontSize: g,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: f,
+    viewBox: y,
+    hasSvgAsChild: u
+  }, v = {};
+  f || (v.viewBox = y);
+  const S = F(c);
+  return /* @__PURE__ */ D(G, {
+    as: a,
+    className: E(S.root, l),
+    focusable: "false",
+    color: i,
+    "aria-hidden": d ? void 0 : !0,
+    role: d ? "img" : void 0,
+    ref: n,
+    ...v,
+    ...h,
+    ...u && o.props,
+    ownerState: c,
+    children: [u ? o.props.children : o, d ? /* @__PURE__ */ R("title", {
+      children: d
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (C.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: r.oneOfType([r.oneOf(["inherit", "large", "medium", "small"]), r.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: r.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: r.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: 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]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: r.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: r.string
+});
+C.muiName = "SvgIcon";
+function ne(e, t) {
+  function n(s, o) {
+    return /* @__PURE__ */ R(C, {
+      "data-testid": `${t}Icon`,
+      ref: o,
+      ...s,
+      children: e
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = C.muiName, /* @__PURE__ */ p.memo(/* @__PURE__ */ p.forwardRef(n));
+}
+function te(e, t) {
+  const {
+    className: n,
+    elementType: s,
+    ownerState: o,
+    externalForwardedProps: l,
+    internalForwardedProps: m,
+    shouldForwardComponentProp: a = !1,
+    ...g
+  } = t, {
+    component: i,
+    slots: f = {
+      [e]: void 0
+    },
+    slotProps: d = {
+      [e]: void 0
+    },
+    ...y
+  } = l, h = f[e] || s, u = W(d[e], o), {
+    props: {
+      component: c,
+      ...v
+    },
+    internalRef: S
+  } = L({
+    className: n,
+    ...g,
+    externalForwardedProps: e === "root" ? y : void 0,
+    externalSlotProps: u
+  }), w = U(S, u == null ? void 0 : u.ref, t.ref), N = e === "root" ? c || i : c, $ = _(h, {
+    ...e === "root" && !i && !f[e] && m,
+    ...e !== "root" && !f[e] && m,
+    ...v,
+    ...N && !a && {
+      as: N
+    },
+    ...N && a && {
+      component: N
+    },
+    ref: w
+  }, o);
+  return [h, $];
+}
+export {
+  ee as a,
+  te as b,
+  ne as c,
+  _ as d,
+  q as e,
+  P as i,
+  L as m,
+  W as r,
+  Y as u
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.24",
+  "version": "0.0.25-react19",
   "type": "module",
   "files": [
     "dist",
@@ -27,51 +27,51 @@
   },
   "peerDependencies": {
     "i18next": ">=23.10.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
     "react-i18next": ">=14.1.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
-    "@eslint/js": "^9.15.0",
-    "@mui/icons-material": "^5.15.12",
-    "@mui/material": "^5.15.12",
-    "@mui/x-data-grid": "^6.19.8",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-onboarding": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@eslint/js": "^9.20.0",
+    "@mui/icons-material": "^6.4.4",
+    "@mui/material": "^6.4.4",
+    "@mui/x-data-grid": "^7.27.0",
+    "@storybook/addon-essentials": "^8.5.6",
+    "@storybook/addon-interactions": "^8.5.6",
+    "@storybook/addon-onboarding": "^8.5.6",
+    "@storybook/blocks": "^8.5.6",
+    "@storybook/react": "^8.5.6",
+    "@storybook/react-vite": "^8.5.6",
+    "@storybook/test": "^8.5.6",
     "@types/postcss-import": "^14.0.3",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "antd": "^5.21.6",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "antd": "^5.24.1",
     "date-fns": "^4.1.0",
-    "eslint": "^9.15.0",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "eslint-plugin-storybook": "^0.11.2",
-    "glob": "^10.4.5",
-    "globals": "^15.12.0",
-    "i18next": "^24.2.1",
-    "postcss": "^8.4.49",
+    "eslint": "^9.20.1",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^0.11.3",
+    "glob": "^11.0.1",
+    "globals": "^15.15.0",
+    "i18next": "^24.2.2",
+    "postcss": "^8.5.2",
     "postcss-import": "^16.1.0",
-    "postcss-preset-env": "^10.1.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "postcss-preset-env": "^10.1.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-i18next": "^15.4.0",
     "rimraf": "6.0.1",
-    "sass-embedded": "^1.81.0",
-    "storybook": "^8.5.0",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.3.0",
+    "sass-embedded": "^1.85.0",
+    "storybook": "^8.5.6",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
     "vite-plugin-lib-inject-css": "^2.2.1",
     "vite-plugin-svgr": "^4.3.0"
   },

package/dist/Box-CmKt1PwF.js

@@ -1,68 +0,0 @@
-import { i as h, j as T, k as y, l as C, d as N, a as B, C as b, m as j, T as _, P as e } from "./generateUtilityClasses-Bhjgm_6-.js";
-import { _ as O, a as P } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
-import * as m from "react";
-import { ThemeContext as g } from "@emotion/react";
-import { jsx as E } from "react/jsx-runtime";
-function v(t) {
-  return Object.keys(t).length === 0;
-}
-function D(t = null) {
-  const o = m.useContext(g);
-  return !o || v(o) ? t : o;
-}
-const I = h();
-function M(t = I) {
-  return D(t);
-}
-const R = ["className", "component"];
-function S(t = {}) {
-  const {
-    themeId: o,
-    defaultTheme: u,
-    defaultClassName: a = "MuiBox-root",
-    generateClassName: r
-  } = t, l = T("div", {
-    shouldForwardProp: (s) => s !== "theme" && s !== "sx" && s !== "as"
-  })(y);
-  return /* @__PURE__ */ m.forwardRef(function(i, x) {
-    const n = M(u), c = C(i), {
-      className: f,
-      component: d = "div"
-    } = c, p = O(c, R);
-    return /* @__PURE__ */ E(l, P({
-      as: d,
-      ref: x,
-      className: N(f, r ? r(a) : a),
-      theme: o && n[o] || n
-    }, p));
-  });
-}
-const k = B("MuiBox", ["root"]), w = j(), F = S({
-  themeId: _,
-  defaultTheme: w,
-  defaultClassName: k.root,
-  generateClassName: b.generate
-});
-process.env.NODE_ENV !== "production" && (F.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 {
-  F as B,
-  M as u
-};