@amateescu/portal-ui-components 0.0.35-beta0 → 0.0.37

package/dist/{createSvgIcon-DNSRtm3a.js → createSvgIcon-B-eIQ7rU.js}

@@ -1,6 +1,6 @@
-import * as h from "react";
-import { jsxs as I, jsx as b } from "react/jsx-runtime";
-import { g as w, a as N, u as C, s as O, c as T, b as z, d as R, m as E, P as e } from "./createSimplePaletteValueFilter-CwLqlaaZ.js";
+import * as a from "react";
+import { jsxs as I, jsx as g } from "react/jsx-runtime";
+import { g as w, a as N, u as C, s as O, c as T, b as c, d as R, m as E, P as e } from "./DefaultPropsProvider-BtPfTrMq.js";
 function j(o) {
   return w("MuiSvgIcon", o);
 }
@@ -9,11 +9,11 @@ const V = (o) => {
   const {
     color: r,
     fontSize: n,
-    classes: s
+    classes: i
   } = o, t = {
-    root: ["root", r !== "inherit" && `color${z(r)}`, `fontSize${z(n)}`]
+    root: ["root", r !== "inherit" && `color${c(r)}`, `fontSize${c(n)}`]
   };
-  return R(t, j, s);
+  return R(t, j, i);
 }, $ = O("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -21,145 +21,139 @@ const V = (o) => {
     const {
       ownerState: n
     } = o;
-    return [r.root, n.color !== "inherit" && r[`color${z(n.color)}`], r[`fontSize${z(n.fontSize)}`]];
+    return [r.root, n.color !== "inherit" && r[`color${c(n.color)}`], r[`fontSize${c(n.fontSize)}`]];
   }
 })(E(({
   theme: o
-}) => {
-  var r, n, s, t, l, S, a, g, p, d, c, m, y, f;
-  return {
-    userSelect: "none",
-    width: "1em",
-    height: "1em",
-    display: "inline-block",
-    flexShrink: 0,
-    transition: (t = (r = o.transitions) == null ? void 0 : r.create) == null ? void 0 : t.call(r, "fill", {
-      duration: (s = (n = (o.vars ?? o).transitions) == null ? void 0 : n.duration) == null ? void 0 : s.shorter
-    }),
-    variants: [
-      {
-        props: (i) => !i.hasSvgAsChild,
-        style: {
-          // the <svg> will define the property that has `currentColor`
-          // for example heroicons uses fill="none" and stroke="currentColor"
-          fill: "currentColor"
-        }
+}) => ({
+  userSelect: "none",
+  width: "1em",
+  height: "1em",
+  display: "inline-block",
+  flexShrink: 0,
+  transition: o.transitions?.create?.("fill", {
+    duration: (o.vars ?? o).transitions?.duration?.shorter
+  }),
+  variants: [
+    {
+      props: (r) => !r.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"
       },
-      {
-        props: {
-          fontSize: "inherit"
-        },
-        style: {
-          fontSize: "inherit"
-        }
+      style: {
+        fontSize: "inherit"
+      }
+    },
+    {
+      props: {
+        fontSize: "small"
       },
-      {
-        props: {
-          fontSize: "small"
-        },
-        style: {
-          fontSize: ((S = (l = o.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : S.call(l, 20)) || "1.25rem"
-        }
+      style: {
+        fontSize: o.typography?.pxToRem?.(20) || "1.25rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "medium"
+      },
+      style: {
+        fontSize: o.typography?.pxToRem?.(24) || "1.5rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "large"
       },
-      {
-        props: {
-          fontSize: "medium"
-        },
-        style: {
-          fontSize: ((g = (a = o.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : g.call(a, 24)) || "1.5rem"
-        }
+      style: {
+        fontSize: o.typography?.pxToRem?.(35) || "2.1875rem"
+      }
+    },
+    // TODO v5 deprecate color prop, v6 remove for sx
+    ...Object.entries((o.vars ?? o).palette).filter(([, r]) => r && r.main).map(([r]) => ({
+      props: {
+        color: r
       },
-      {
-        props: {
-          fontSize: "large"
-        },
-        style: {
-          fontSize: ((d = (p = o.typography) == null ? void 0 : p.pxToRem) == null ? void 0 : d.call(p, 35)) || "2.1875rem"
-        }
+      style: {
+        color: (o.vars ?? o).palette?.[r]?.main
+      }
+    })),
+    {
+      props: {
+        color: "action"
       },
-      // TODO v5 deprecate color prop, v6 remove for sx
-      ...Object.entries((o.vars ?? o).palette).filter(([, i]) => i && i.main).map(([i]) => {
-        var u, v;
-        return {
-          props: {
-            color: i
-          },
-          style: {
-            color: (v = (u = (o.vars ?? o).palette) == null ? void 0 : u[i]) == null ? void 0 : v.main
-          }
-        };
-      }),
-      {
-        props: {
-          color: "action"
-        },
-        style: {
-          color: (m = (c = (o.vars ?? o).palette) == null ? void 0 : c.action) == null ? void 0 : m.active
-        }
+      style: {
+        color: (o.vars ?? o).palette?.action?.active
+      }
+    },
+    {
+      props: {
+        color: "disabled"
       },
-      {
-        props: {
-          color: "disabled"
-        },
-        style: {
-          color: (f = (y = (o.vars ?? o).palette) == null ? void 0 : y.action) == null ? void 0 : f.disabled
-        }
+      style: {
+        color: (o.vars ?? o).palette?.action?.disabled
+      }
+    },
+    {
+      props: {
+        color: "inherit"
       },
-      {
-        props: {
-          color: "inherit"
-        },
-        style: {
-          color: void 0
-        }
+      style: {
+        color: void 0
       }
-    ]
-  };
-})), x = /* @__PURE__ */ h.forwardRef(function(r, n) {
-  const s = C({
+    }
+  ]
+}))), l = /* @__PURE__ */ a.forwardRef(function(r, n) {
+  const i = C({
     props: r,
     name: "MuiSvgIcon"
   }), {
     children: t,
-    className: l,
-    color: S = "inherit",
-    component: a = "svg",
-    fontSize: g = "medium",
-    htmlColor: p,
+    className: y,
+    color: v = "inherit",
+    component: f = "svg",
+    fontSize: h = "medium",
+    htmlColor: z,
     inheritViewBox: d = !1,
-    titleAccess: c,
+    titleAccess: s,
     viewBox: m = "0 0 24 24",
-    ...y
-  } = s, f = /* @__PURE__ */ h.isValidElement(t) && t.type === "svg", i = {
-    ...s,
-    color: S,
-    component: a,
-    fontSize: g,
+    ...x
+  } = i, p = /* @__PURE__ */ a.isValidElement(t) && t.type === "svg", u = {
+    ...i,
+    color: v,
+    component: f,
+    fontSize: h,
     instanceFontSize: r.fontSize,
     inheritViewBox: d,
     viewBox: m,
-    hasSvgAsChild: f
-  }, u = {};
-  d || (u.viewBox = m);
-  const v = V(i);
+    hasSvgAsChild: p
+  }, S = {};
+  d || (S.viewBox = m);
+  const b = V(u);
   return /* @__PURE__ */ I($, {
-    as: a,
-    className: T(v.root, l),
+    as: f,
+    className: T(b.root, y),
     focusable: "false",
-    color: p,
-    "aria-hidden": c ? void 0 : !0,
-    role: c ? "img" : void 0,
+    color: z,
+    "aria-hidden": s ? void 0 : !0,
+    role: s ? "img" : void 0,
     ref: n,
-    ...u,
-    ...y,
-    ...f && t.props,
-    ownerState: i,
-    children: [f ? t.props.children : t, c ? /* @__PURE__ */ b("title", {
-      children: c
+    ...S,
+    ...x,
+    ...p && t.props,
+    ownerState: u,
+    children: [p ? t.props.children : t, s ? /* @__PURE__ */ g("title", {
+      children: s
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (x.propTypes = {
+process.env.NODE_ENV !== "production" && (l.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -231,17 +225,17 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    */
   viewBox: e.string
 });
-x.muiName = "SvgIcon";
+l.muiName = "SvgIcon";
 function D(o, r) {
-  function n(s, t) {
-    return /* @__PURE__ */ b(x, {
+  function n(i, t) {
+    return /* @__PURE__ */ g(l, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
       ref: t,
-      ...s,
+      ...i,
       children: o
     });
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = x.muiName, /* @__PURE__ */ h.memo(/* @__PURE__ */ h.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = l.muiName, /* @__PURE__ */ a.memo(/* @__PURE__ */ a.forwardRef(n));
 }
 export {
   D as c

package/dist/extendSxProp-QNe1Nf_s.js

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

package/dist/main.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './portal-utils';
 export type * from './types';
+//# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,SAAS,CAAC"}

package/dist/main.js

@@ -1,48 +1,71 @@
-import './assets/globals.css';/* empty css                 */
 import { ConfirmationModal as t } from "./components/ConfirmationModal/ConfirmationModal.js";
-import { CustomButton as p } from "./components/CustomButton/CustomButton.js";
-import { CustomFooter as a } from "./components/CustomFooter/CustomFooter.js";
-import { CustomPagination as i } from "./components/CustomPagination/CustomPagination.js";
-import { ErrorModal as u } from "./components/ErrorModal/ErrorModal.js";
-import { InfoModal as l } from "./components/InfoModal/InfoModal.js";
-import { KpiCard as c } from "./components/KpiCard/KpiCard.js";
-import { KpiWrapper as C } from "./components/KpiWrapper/KpiWrapper.js";
-import { LoadingAnimation as M } from "./components/LoadingAnimation/LoadingAnimation.js";
-import { Login as U } from "./components/Login/Login.js";
-import { SideMenu as y } from "./components/SideMenu/SideMenu.js";
-import { TotalDataGrid as D } from "./components/TotalDataGrid/TotalDataGrid.js";
-import { U as K } from "./UserInfoDropdown-CWTcdnqL.js";
-import { chunkArray as k } from "./portal-utils/chunkArray.js";
-import { cn as w } from "./portal-utils/cn.js";
-import { currency as E, date as F, datetime as G, decimal as S, fuelUnitPrice as T, fuelVolume as V, hours as W, number as j, time as q } from "./portal-utils/formatters.js";
-import { LogLevel as H, createLogger as J } from "./portal-utils/loggerService.js";
-import { getPageCount as O } from "./portal-utils/pageCount.js";
+import { ErrorModal as p } from "./components/ErrorModal/ErrorModal.js";
+import { InfoModal as m } from "./components/InfoModal/InfoModal.js";
+import { KpiCard as s } from "./components/KpiCard/KpiCard.js";
+import { LoadingAnimation as i } from "./components/LoadingAnimation/LoadingAnimation.js";
+import { Login as P } from "./components/Login/Login.js";
+import { SideMenu as l } from "./components/SideMenu/SideMenu.js";
+import { TotalDataGrid as c } from "./components/TotalDataGrid/TotalDataGrid.js";
+import { U as M } from "./UserInfoDropdown-rBF0pwlq.js";
+import { PassportAutocomplete as C } from "./components/PassportAutocomplete/PassportAutocomplete.js";
+import { PassportButton as I } from "./components/PassportButton/PassportButton.js";
+import { PassportConfirmationModal as b } from "./components/PassportConfirmationModal/PassportConfirmationModal.js";
+import { PassportDatePicker as A } from "./components/PassportDatePicker/PassportDatePicker.js";
+import { PassportDateTimePicker as U } from "./components/PassportDateTimePicker/PassportDateTimePicker.js";
+import { PassportDropdown as w } from "./components/PassportDropdown/PassportDropdown.js";
+import { PassportErrorModal as E } from "./components/PassportErrorModal/PassportErrorModal.js";
+import { PassportFooter as S } from "./components/PassportFooter/PassportFooter.js";
+import { PassportInput as B } from "./components/PassportInput/PassportInput.js";
+import { PassportKpiCard as H } from "./components/PassportKpiCard/PassportKpiCard.js";
+import { PassportKpiWrapper as W } from "./components/PassportKpiWrapper/PassportKpiWrapper.js";
+import { PassportMultiSelect as q } from "./components/PassportMultiSelect/PassportMultiSelect.js";
+import { PassportPagination as J } from "./components/PassportPagination/PassportPagination.js";
+import { PassportTabHeader as O } from "./components/PassportTabHeader/PassportTabHeader.js";
+import { PassportTextField as R } from "./components/PassportTextField/PassportTextField.js";
+import { DebouncedPassportInput as Y } from "./components/DebouncedPassportInput/DebouncedPassportInput.js";
+import { chunkArray as _ } from "./portal-utils/chunkArray.js";
+import { cn as oo } from "./portal-utils/cn.js";
+import { currency as to, date as eo, datetime as po, decimal as ao, fuelUnitPrice as mo, fuelVolume as fo, hours as so, number as xo, time as io } from "./portal-utils/formatters.js";
+import { LogLevel as Po, createLogger as lo } from "./portal-utils/loggerService.js";
+import { getPageCount as co } from "./portal-utils/pageCount.js";
 export {
   t as ConfirmationModal,
-  p as CustomButton,
-  a as CustomFooter,
-  i as CustomPagination,
-  u as ErrorModal,
-  l as InfoModal,
-  c as KpiCard,
-  C as KpiWrapper,
-  M as LoadingAnimation,
-  H as LogLevel,
-  U as Login,
-  y as SideMenu,
-  D as TotalDataGrid,
-  K as UserInfoDropdown,
-  k as chunkArray,
-  w as cn,
-  J as createLogger,
-  E as currency,
-  F as date,
-  G as datetime,
-  S as decimal,
-  T as fuelUnitPrice,
-  V as fuelVolume,
-  O as getPageCount,
-  W as hours,
-  j as number,
-  q as time
+  Y as DebouncedPassportInput,
+  p as ErrorModal,
+  m as InfoModal,
+  s as KpiCard,
+  i as LoadingAnimation,
+  Po as LogLevel,
+  P as Login,
+  C as PassportAutocomplete,
+  I as PassportButton,
+  b as PassportConfirmationModal,
+  A as PassportDatePicker,
+  U as PassportDateTimePicker,
+  w as PassportDropdown,
+  E as PassportErrorModal,
+  S as PassportFooter,
+  B as PassportInput,
+  H as PassportKpiCard,
+  W as PassportKpiWrapper,
+  q as PassportMultiSelect,
+  J as PassportPagination,
+  O as PassportTabHeader,
+  R as PassportTextField,
+  l as SideMenu,
+  c as TotalDataGrid,
+  M as UserInfoDropdown,
+  _ as chunkArray,
+  oo as cn,
+  lo as createLogger,
+  to as currency,
+  eo as date,
+  po as datetime,
+  ao as decimal,
+  mo as fuelUnitPrice,
+  fo as fuelVolume,
+  co as getPageCount,
+  so as hours,
+  xo as number,
+  io as time
 };

package/dist/mock.d.ts

@@ -20,3 +20,4 @@ export declare const userInfoDropdownItems: {
     label: string;
     key: string;
 }[];
+//# sourceMappingURL=mock.d.ts.map

package/dist/mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../src/mock.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;GAQjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;gCAdI,GAAG;GA2DrC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;GAKjC,CAAC"}

package/dist/portal-utils/chunkArray.d.ts

@@ -1 +1,2 @@
 export declare function chunkArray<T>(array: T[], chunkSize: number): T[][];
+//# sourceMappingURL=chunkArray.d.ts.map

package/dist/portal-utils/chunkArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunkArray.d.ts","sourceRoot":"","sources":["../../src/portal-utils/chunkArray.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,CAOlE"}

package/dist/portal-utils/cn.d.ts

@@ -1 +1,2 @@
 export declare function cn(...args: string[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/portal-utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/portal-utils/cn.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,CAE5C"}

package/dist/portal-utils/formatters.d.ts

@@ -8,3 +8,4 @@ export declare function fuelVolume(culture: CultureStore, value: number, noSign?
 export declare function date(culture: CultureStore, value: Date | number): string;
 export declare function time(culture: CultureStore, value: Date | number): string;
 export declare function datetime(culture: CultureStore, value: Date | number): string;
+//# sourceMappingURL=formatters.d.ts.map

package/dist/portal-utils/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/portal-utils/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKpD,wBAAgB,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAanE;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CA2BpE;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAgCrE;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAc1E;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO3C;AAED,wBAAgB,UAAU,CACxB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,OAAO,GACf,MAAM,CAyBR;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAGxE;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAGxE;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAI5E"}