@tracktor/design-system 4.7.3 → 4.7.4

package/dist/main.js

@@ -158,7 +158,7 @@ function Pr() {
       }
     }
     function o() {
-      var f = N.A;
+      var f = Z.A;
       return f === null ? null : f.getOwner();
     }
     function i() {
@@ -185,7 +185,7 @@ function Pr() {
     }
     function c() {
       var f = A(this.type);
-      return Z[f] || (Z[f] = !0, console.error(
+      return V[f] || (V[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
@@ -274,7 +274,7 @@ React keys must be passed directly to JSX without using spread:
     function g(f) {
       typeof f == "object" && f !== null && f.$$typeof === w && f._store && (f._store.validated = 1);
     }
-    var v = Er, w = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), h = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), N = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, K = Array.isArray, AA = console.createTask ? console.createTask : function() {
+    var v = Er, w = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), h = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), Z = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, K = Array.isArray, AA = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -282,12 +282,12 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var _, Z = {}, q = v["react-stack-bottom-frame"].bind(
+    var _, V = {}, q = v["react-stack-bottom-frame"].bind(
       v,
       i
     )(), U = AA(n(i)), eA = {};
     QA.Fragment = u, QA.jsx = function(f, x, M, L, P) {
-      var tA = 1e4 > N.recentlyCreatedOwnerStacks++;
+      var tA = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return p(
         f,
         x,
@@ -299,7 +299,7 @@ React keys must be passed directly to JSX without using spread:
         tA ? AA(n(f)) : U
       );
     }, QA.jsxs = function(f, x, M, L, P) {
-      var tA = 1e4 > N.recentlyCreatedOwnerStacks++;
+      var tA = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return p(
         f,
         x,
@@ -936,7 +936,7 @@ var it = function(e, r, n, o) {
     insert: c
   };
   return C.sheet.hydrate(a), C;
-}, ee = { exports: {} }, V = {};
+}, ee = { exports: {} }, F = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -947,7 +947,7 @@ var it = function(e, r, n, o) {
  */
 var c1;
 function lt() {
-  if (c1) return V;
+  if (c1) return F;
   c1 = 1;
   var A = typeof Symbol == "function" && Symbol.for, e = A ? Symbol.for("react.element") : 60103, r = A ? Symbol.for("react.portal") : 60106, n = A ? Symbol.for("react.fragment") : 60107, o = A ? Symbol.for("react.strict_mode") : 60108, i = A ? Symbol.for("react.profiler") : 60114, s = A ? Symbol.for("react.provider") : 60109, a = A ? Symbol.for("react.context") : 60110, c = A ? Symbol.for("react.async_mode") : 60111, d = A ? Symbol.for("react.concurrent_mode") : 60111, p = A ? Symbol.for("react.forward_ref") : 60112, g = A ? Symbol.for("react.suspense") : 60113, v = A ? Symbol.for("react.suspense_list") : 60120, w = A ? Symbol.for("react.memo") : 60115, C = A ? Symbol.for("react.lazy") : 60116, u = A ? Symbol.for("react.block") : 60121, b = A ? Symbol.for("react.fundamental") : 60117, I = A ? Symbol.for("react.responder") : 60118, S = A ? Symbol.for("react.scope") : 60119;
   function h(l) {
@@ -983,35 +983,35 @@ function lt() {
   function y(l) {
     return h(l) === d;
   }
-  return V.AsyncMode = c, V.ConcurrentMode = d, V.ContextConsumer = a, V.ContextProvider = s, V.Element = e, V.ForwardRef = p, V.Fragment = n, V.Lazy = C, V.Memo = w, V.Portal = r, V.Profiler = i, V.StrictMode = o, V.Suspense = g, V.isAsyncMode = function(l) {
+  return F.AsyncMode = c, F.ConcurrentMode = d, F.ContextConsumer = a, F.ContextProvider = s, F.Element = e, F.ForwardRef = p, F.Fragment = n, F.Lazy = C, F.Memo = w, F.Portal = r, F.Profiler = i, F.StrictMode = o, F.Suspense = g, F.isAsyncMode = function(l) {
     return y(l) || h(l) === c;
-  }, V.isConcurrentMode = y, V.isContextConsumer = function(l) {
+  }, F.isConcurrentMode = y, F.isContextConsumer = function(l) {
     return h(l) === a;
-  }, V.isContextProvider = function(l) {
+  }, F.isContextProvider = function(l) {
     return h(l) === s;
-  }, V.isElement = function(l) {
+  }, F.isElement = function(l) {
     return typeof l == "object" && l !== null && l.$$typeof === e;
-  }, V.isForwardRef = function(l) {
+  }, F.isForwardRef = function(l) {
     return h(l) === p;
-  }, V.isFragment = function(l) {
+  }, F.isFragment = function(l) {
     return h(l) === n;
-  }, V.isLazy = function(l) {
+  }, F.isLazy = function(l) {
     return h(l) === C;
-  }, V.isMemo = function(l) {
+  }, F.isMemo = function(l) {
     return h(l) === w;
-  }, V.isPortal = function(l) {
+  }, F.isPortal = function(l) {
     return h(l) === r;
-  }, V.isProfiler = function(l) {
+  }, F.isProfiler = function(l) {
     return h(l) === i;
-  }, V.isStrictMode = function(l) {
+  }, F.isStrictMode = function(l) {
     return h(l) === o;
-  }, V.isSuspense = function(l) {
+  }, F.isSuspense = function(l) {
     return h(l) === g;
-  }, V.isValidElementType = function(l) {
+  }, F.isValidElementType = function(l) {
     return typeof l == "string" || typeof l == "function" || l === n || l === d || l === i || l === o || l === g || l === v || typeof l == "object" && l !== null && (l.$$typeof === C || l.$$typeof === w || l.$$typeof === s || l.$$typeof === a || l.$$typeof === p || l.$$typeof === b || l.$$typeof === I || l.$$typeof === S || l.$$typeof === u);
-  }, V.typeOf = h, V;
+  }, F.typeOf = h, F;
 }
-var F = {};
+var N = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -1060,7 +1060,7 @@ function ct() {
         }
       }
     }
-    var l = c, k = d, E = a, D = s, T = e, X = p, N = n, J = C, K = w, AA = r, _ = i, Z = o, q = g, U = !1;
+    var l = c, k = d, E = a, D = s, T = e, X = p, Z = n, J = C, K = w, AA = r, _ = i, V = o, q = g, U = !1;
     function eA(B) {
       return U || (U = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(B) || y(B) === c;
     }
@@ -1100,8 +1100,8 @@ function ct() {
     function me(B) {
       return y(B) === g;
     }
-    F.AsyncMode = l, F.ConcurrentMode = k, F.ContextConsumer = E, F.ContextProvider = D, F.Element = T, F.ForwardRef = X, F.Fragment = N, F.Lazy = J, F.Memo = K, F.Portal = AA, F.Profiler = _, F.StrictMode = Z, F.Suspense = q, F.isAsyncMode = eA, F.isConcurrentMode = f, F.isContextConsumer = x, F.isContextProvider = M, F.isElement = L, F.isForwardRef = P, F.isFragment = tA, F.isLazy = aA, F.isMemo = bA, F.isPortal = Y, F.isProfiler = vA, F.isStrictMode = HA, F.isSuspense = me, F.isValidElementType = h, F.typeOf = y;
-  }()), F;
+    N.AsyncMode = l, N.ConcurrentMode = k, N.ContextConsumer = E, N.ContextProvider = D, N.Element = T, N.ForwardRef = X, N.Fragment = Z, N.Lazy = J, N.Memo = K, N.Portal = AA, N.Profiler = _, N.StrictMode = V, N.Suspense = q, N.isAsyncMode = eA, N.isConcurrentMode = f, N.isContextConsumer = x, N.isContextProvider = M, N.isElement = L, N.isForwardRef = P, N.isFragment = tA, N.isLazy = aA, N.isMemo = bA, N.isPortal = Y, N.isProfiler = vA, N.isStrictMode = HA, N.isSuspense = me, N.isValidElementType = h, N.typeOf = y;
+  }()), N;
 }
 var p1;
 function dt() {
@@ -2801,7 +2801,7 @@ const nn = (A, e) => {
   height: C = 152,
   width: u = 220
 }) => {
-  const [b, I] = G(!1), [S, h] = G(!1), [y, l] = G(!0), k = A?.toLowerCase(), E = !k?.endsWith(".pdf") && !k?.startsWith("blob:") && !k?.endsWith(".eml"), D = k?.endsWith(".pdf"), T = c ? 1 : 0.8, X = d ? !0 : !y, N = Fe(A) || Fe(e), J = (E || D) && !N && X && !S && !c && A, K = A?.split(".").pop()?.toLowerCase(), AA = r || A?.split("/").pop()?.split("?")[0] || "", _ = () => N ? q1 : S ? an : e || A || void 0, Z = () => {
+  const [b, I] = G(!1), [S, h] = G(!1), [y, l] = G(!0), k = A?.toLowerCase(), E = !k?.endsWith(".pdf") && !k?.startsWith("blob:") && !k?.endsWith(".eml"), D = k?.endsWith(".pdf"), T = c ? 1 : 0.8, X = d ? !0 : !y, Z = Fe(A) || Fe(e), J = (E || D) && !Z && X && !S && !c && A, K = A?.split(".").pop()?.toLowerCase(), AA = r || A?.split("/").pop()?.split("?")[0] || "", _ = () => Z ? q1 : S ? an : e || A || void 0, V = () => {
     I((x) => !x);
   }, q = () => {
     I(!1), g?.();
@@ -2811,20 +2811,20 @@ const nn = (A, e) => {
     l(!1);
   };
   return /* @__PURE__ */ m(mA, { children: [
-    !d && !n && /* @__PURE__ */ t(Be, { title: N ? AA : "", children: /* @__PURE__ */ m(
+    !d && !n && /* @__PURE__ */ t(Be, { title: Z ? AA : "", children: /* @__PURE__ */ m(
       R,
       {
         "data-test": "fileViewer",
         width: u,
         height: C,
         onClick: async () => {
-          if (N && A) {
+          if (Z && A) {
             const M = await (await fetch(A)).blob(), L = window.URL.createObjectURL(M), P = document.createElement("a");
             P.href = L, P.download = AA, P.target = "_blank", document.body.appendChild(P), P.click(), setTimeout(() => {
               document.body.removeChild(P), window.URL.revokeObjectURL(L);
             }, 100);
           }
-          v?.(), Z();
+          v?.(), V();
         },
         sx: {
           ...FA.container,
@@ -2847,13 +2847,13 @@ const nn = (A, e) => {
               onLoad: eA,
               sx: {
                 ...FA.thumb,
-                objectFit: N ? "contain" : "cover",
-                padding: N ? "15%" : 0
+                objectFit: Z ? "contain" : "cover",
+                padding: Z ? "15%" : 0
               }
             },
             _()
           ),
-          N && /* @__PURE__ */ t(z, { sx: FA.extension, variant: "body3", color: "black", children: K })
+          Z && /* @__PURE__ */ t(z, { sx: FA.extension, variant: "body3", color: "black", children: K })
         ]
       }
     ) }),
@@ -2873,7 +2873,7 @@ const nn = (A, e) => {
     n && /* @__PURE__ */ t(
       R,
       {
-        onClick: Z,
+        onClick: V,
         sx: {
           ":hover": { opacity: T },
           cursor: "pointer"
@@ -3623,12 +3623,12 @@ const nn = (A, e) => {
           if (UA(T)) {
             if (T.key)
               return T;
-            const N = `${h}-${X}`;
-            return Xe(T, { key: N });
+            const Z = `${h}-${X}`;
+            return Xe(T, { key: Z });
           }
           if (T && typeof T == "object" && "url" in T) {
-            const { url: N, label: J, icon: K, active: AA, end: _, state: Z } = T, q = `${N}-${J}-${X}`;
-            return /* @__PURE__ */ t(lr, { sx: D.menuItem, onClick: u, children: /* @__PURE__ */ m(A1, { url: N, component: o, active: AA, end: _, state: Z, children: [
+            const { url: Z, label: J, icon: K, active: AA, end: _, state: V } = T, q = `${Z}-${J}-${X}`;
+            return /* @__PURE__ */ t(lr, { sx: D.menuItem, onClick: u, children: /* @__PURE__ */ m(A1, { url: Z, component: o, active: AA, end: _, state: V, children: [
               K && /* @__PURE__ */ t(cr, { children: K }),
               J && /* @__PURE__ */ t(BA, { children: J })
             ] }, q) }, q);
@@ -4790,30 +4790,30 @@ const nn = (A, e) => {
     value: b,
     variant: I = "vertical"
   }, S) => {
-    const [h, y] = G(null), { t: l } = Ar(), { palette: k } = uA(), E = I === "vertical", D = a || e, T = Te(null), X = Te(null), N = b !== void 0 ? b : h, J = Bn(N);
-    kr(S, () => ({
-      input: X.current,
-      reset: () => {
+    const [h, y] = G(null), { t: l } = Ar(), { palette: k } = uA(), E = I === "vertical", D = a || e, T = Te(null), X = Te(null), Z = b !== void 0 ? b : h, J = Bn(Z);
+    kr(S, () => {
+      const V = X.current;
+      return V.reset = () => {
         y(null), X.current && (X.current.value = "");
-      }
-    }));
-    const K = (Z) => {
-      v?.(Z), y(Z.target.files);
+      }, V;
+    });
+    const K = (V) => {
+      v?.(V), y(V.target.files);
     };
     return /* @__PURE__ */ m(
       ur,
       {
         ref: T,
         htmlFor: D,
-        onDragOver: (Z) => {
-          Z.preventDefault();
+        onDragOver: (V) => {
+          V.preventDefault();
         },
-        onDrop: (Z) => {
-          if (Z.preventDefault(), Z.dataTransfer.files.length > 0) {
-            const q = X.current, U = Z.dataTransfer.files;
+        onDrop: (V) => {
+          if (V.preventDefault(), V.dataTransfer.files.length > 0) {
+            const q = X.current, U = V.dataTransfer.files;
             y(U);
             const eA = new DataTransfer();
-            Array.from(U).forEach((f) => eA.items.add(f)), q && (q.files = eA.files), q?.focus(), q?.blur(), v?.({ ...Z, target: q }), Z.dataTransfer.clearData();
+            Array.from(U).forEach((f) => eA.items.add(f)), q && (q.files = eA.files), q?.focus(), q?.blur(), v?.({ ...V, target: q }), V.dataTransfer.clearData();
           }
         },
         sx: {
@@ -4844,7 +4844,7 @@ const nn = (A, e) => {
                 g || /* @__PURE__ */ t(xn, { sx: { height: 40, width: 40 } }),
                 J ? /* @__PURE__ */ m(mA, { children: [
                   /* @__PURE__ */ m(z, { variant: "body2", color: "textSecondary", children: [
-                    N?.length,
+                    Z?.length,
                     " ",
                     i?.files || l("files")
                   ] }),
@@ -4958,7 +4958,7 @@ const nn = (A, e) => {
       children: [
         r?.map(
           ({ id: g, title: v, subtitle: w, image: C, thumbnail: u, secondaryAction: b, chipLabel: I, chipColor: S, onClick: h, icon: y, Avatar: l }, k) => {
-            const E = `key-${k}-${v}-${g}`, D = !!C?.toLowerCase()?.endsWith(".pdf"), T = B1(C), X = B1(u), N = Fe(C), J = h ? "none" : void 0, K = a || !!y || !T || N, AA = !!h || !!(!h && !a && (u || C)), _ = d === E, U = (X ? u : "") || (T ? C : "") || "";
+            const E = `key-${k}-${v}-${g}`, D = !!C?.toLowerCase()?.endsWith(".pdf"), T = B1(C), X = B1(u), Z = Fe(C), J = h ? "none" : void 0, K = a || !!y || !T || Z, AA = !!h || !!(!h && !a && (u || C)), _ = d === E, U = (X ? u : "") || (T ? C : "") || "";
             return /* @__PURE__ */ m(
               EA,
               {
@@ -4971,7 +4971,7 @@ const nn = (A, e) => {
                     ...w && { subtitle: w },
                     ...u && { thumbnail: u },
                     ...v && { thumbnail: u },
-                    isFile: N,
+                    isFile: Z,
                     isPdf: D
                   }), AA && !_ && !h && p(E);
                 },
@@ -5021,17 +5021,17 @@ const nn = (A, e) => {
                       children: /* @__PURE__ */ t(
                         kA,
                         {
-                          src: N ? q1 : U,
+                          src: Z ? q1 : U,
                           variant: "rounded",
                           sx: { marginRight: NA },
                           slotProps: {
                             img: {
                               sx: {
-                                ...N && { padding: "15%" }
+                                ...Z && { padding: "15%" }
                               }
                             }
                           },
-                          children: !N && (y || typeof v == "string" && (v || "")?.charAt(0).toUpperCase())
+                          children: !Z && (y || typeof v == "string" && (v || "")?.charAt(0).toUpperCase())
                         }
                       )
                     }
@@ -5230,8 +5230,8 @@ const nn = (A, e) => {
   options: D = [],
   slotProps: T,
   ...X
-}, N) => {
-  const [J, K] = G(!1), [AA, _] = G(""), Z = w || AA, q = A === "chip", U = Array.isArray(a) ? !!a.length : a != null, eA = Rn(a, E);
+}, Z) => {
+  const [J, K] = G(!1), [AA, _] = G(""), V = w || AA, q = A === "chip", U = Array.isArray(a) ? !!a.length : a != null, eA = Rn(a, E);
   return /* @__PURE__ */ t(
     gr,
     {
@@ -5241,7 +5241,7 @@ const nn = (A, e) => {
       value: eA,
       options: D,
       loading: u,
-      ref: N,
+      ref: Z,
       size: l,
       disableCloseOnSelect: k,
       onChange: (x, M, L, P) => {
@@ -5252,7 +5252,7 @@ const nn = (A, e) => {
         e?.(x, M, L, P), (!k || !E) && K(!1);
       },
       getLimitTagsText: Pn(A),
-      inputValue: Z,
+      inputValue: V,
       open: p || J,
       onOpen: () => K(!0),
       sx: {
@@ -5330,7 +5330,7 @@ const nn = (A, e) => {
               transition: "transform 0.2s ease-in-out"
             },
             children: [
-              (Z || U) && !C && /* @__PURE__ */ t(
+              (V || U) && !C && /* @__PURE__ */ t(
                 gA,
                 {
                   size: "small",
@@ -5370,7 +5370,7 @@ const nn = (A, e) => {
                   sx: {
                     cursor: "pointer",
                     transition: "opacity 0.2s ease-in-out",
-                    ...(Z || U) && !C && {
+                    ...(V || U) && !C && {
                       ".MuiTextField-root:hover &": {
                         opacity: 0
                       }
@@ -5389,7 +5389,7 @@ const nn = (A, e) => {
               right: 8
             },
             children: [
-              Z && !C && /* @__PURE__ */ t(
+              V && !C && /* @__PURE__ */ t(
                 gA,
                 {
                   size: "small",
@@ -5409,7 +5409,7 @@ const nn = (A, e) => {
           {
             sx: {
               "& .MuiInputBase-root .MuiInputBase-input": {
-                flex: !E || !J && !Z || J ? 1 : 0,
+                flex: !E || !J && !V || J ? 1 : 0,
                 minWidth: 0
               },
               ...q && {

package/dist/src/components/Inputs/File/File.d.ts

@@ -21,9 +21,8 @@ export interface FileUploadProps {
     };
     onChange?(e: ChangeEvent<HTMLInputElement>): void;
 }
-export interface FileInputRef {
-    input: HTMLInputElement | null;
-    reset: () => void;
+export interface HTMLInputElementFile extends HTMLInputElement {
+    reset?: () => void;
 }
-declare const File: import('react').ForwardRefExoticComponent<FileUploadProps & import('react').RefAttributes<FileInputRef>>;
+declare const File: import('react').ForwardRefExoticComponent<FileUploadProps & import('react').RefAttributes<HTMLInputElementFile>>;
 export default File;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tracktor/design-system",
   "description": "Tracktor Design System",
   "sideEffects": false,
-  "version": "4.7.3",
+  "version": "4.7.4",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",