@amateescu/portal-ui-components 0.0.42 → 0.0.44

package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: {
+        maxDaysInPast?: number | null;
+        maxDays?: number | null;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        maxDaysInPast: number;
+        maxDays: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoValidation: Story;
+export declare const MaxThirtyDaysPast: Story;
+//# sourceMappingURL=PassportDateRangeWrapper.stories.d.ts.map

package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDateRangeWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAiCvD,QAAA,MAAM,IAAI;;uBAzBmC;QAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACzB;;;;;;;;;CAiCoD,CAAC;AAEtD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC"}

package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.d.ts

@@ -0,0 +1,19 @@
+import { BusinessDayRange } from '../../types/BusinessDayRange';
+import { DateRangeProps } from 'react-date-range';
+export interface PassportDateRangeWrapperProps extends DateRangeProps {
+    /** Current date range value */
+    value: BusinessDayRange;
+    /** Callback fired when the selected range changes */
+    fireOnChange: (range: BusinessDayRange) => void;
+    /** Maximum number of days in the past that can be selected. Set to 0 or null to disable. */
+    maxDaysInPast?: number | null;
+    /** Maximum number of days allowed in the selected range. Set to 0 or null to disable. */
+    maxDays?: number | null;
+    /** Title for the validation error modal */
+    validationErrorTitle?: string;
+    /** Message shown when selected range is not valid (too far in the past) */
+    validationErrorMessage?: string;
+    /** Message shown when selected range exceeds maxDays. Use `{maxDays}` as placeholder. */
+    maxDaysExceededMessage?: string;
+}
+//# sourceMappingURL=PassportDateRangeWrapper.types.d.ts.map

package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDateRangeWrapper.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,6BAA8B,SAAQ,cAAc;IACnE,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,qDAAqD;IACrD,YAAY,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2EAA2E;IAC3E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yFAAyF;IACzF,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC"}

package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportDateTimePicker/PassportDateTimePicker.js

@@ -1,12 +1,12 @@
 import { jsx as v, jsxs as Q } from "react/jsx-runtime";
-import { a as y, _ as ge, r as Ye, B as To, c as so, d as Me, u as yo } from "../../ButtonBase-Cj889DO9.js";
+import { a as y, _ as ge, r as Ye, B as To, c as so, d as Me, u as yo } from "../../ButtonBase-DV7q7wxh.js";
 import * as d from "react";
-import { g as me, a as re, u as Ke, s as L, c as q, e as le, m as Le, P as e, b as et, o as jt, p as ro, l as Lt, q as eo } from "../../DefaultPropsProvider-8An9vBcT.js";
-import { p as Do, s as ke, v as At, u as Ce, q as $t, t as Ao, w as _t, b as qe, g as Wt, h as Ht, i as zt, j as Ut, C as Yt, x as ot, y as tt, z as Kt, A as qt, B as Xt, E as Gt, F as ao, a as wo, G as oo, T as Qt, H as Zt, c as Jt, I as nt, M as _e, J as We, P as en, K as on, L as to, r as $o, N as _o, O as Be, e as tn, Q as nn, S as sn, R as Wo, U as st, V as rt, W as at, X as it, Y as lt, Z as ct, _ as no, $ as Ho, a0 as rn, a1 as an, a2 as ln, a3 as Qe, m as je, k as dt, l as cn, a4 as fo, a5 as dn, a6 as zo, n as un, a7 as pn, a8 as mn, D as fn, o as bn } from "../../useMobilePicker-CDuVVUzY.js";
-import { u as ve, a as hn, b as He, c as gn } from "../../useFormControl-DUby-fW8.js";
-import { a as Co, b as Ee, r as ut } from "../../useSlot-Bvdicoh5.js";
-import { c as pt } from "../../createSvgIcon-DQP4Lgl5.js";
-import { B as vn } from "../../Button-BPIbs5cw.js";
+import { g as me, a as re, u as Ke, s as L, c as q, e as le, m as Le, P as e, b as et, o as jt, p as ro, l as Lt, q as eo } from "../../DefaultPropsProvider-ByENA_w0.js";
+import { p as Do, s as ke, v as At, u as Ce, q as $t, t as Ao, w as _t, b as qe, g as Wt, h as Ht, i as zt, j as Ut, C as Yt, x as ot, y as tt, z as Kt, A as qt, B as Xt, E as Gt, F as ao, a as wo, G as oo, T as Qt, H as Zt, c as Jt, I as nt, M as _e, J as We, P as en, K as on, L as to, r as $o, N as _o, O as Be, e as tn, Q as nn, S as sn, R as Wo, U as st, V as rt, W as at, X as it, Y as lt, Z as ct, _ as no, $ as Ho, a0 as rn, a1 as an, a2 as ln, a3 as Qe, m as je, k as dt, l as cn, a4 as fo, a5 as dn, a6 as zo, n as un, a7 as pn, a8 as mn, D as fn, o as bn } from "../../useMobilePicker-CFsW9hUG.js";
+import { u as ve, a as hn, b as He, c as gn } from "../../useFormControl-MVwkyimi.js";
+import { a as Co, b as Ee, r as ut } from "../../useSlot-Bm5YJQBR.js";
+import { c as pt } from "../../createSvgIcon-D5xeIEZ_.js";
+import { B as vn } from "../../Button-Bx3LbSbV.js";
 const mt = ({
   adapter: o,
   value: t,

package/dist/components/PassportDatesFilter/PassportDatesFilter.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PassportDatesFilterProps } from './PassportDatesFilter.types';
+export declare const PassportDatesFilter: React.FC<PassportDatesFilterProps>;
+//# sourceMappingURL=PassportDatesFilter.d.ts.map

package/dist/components/PassportDatesFilter/PassportDatesFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDatesFilter.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDatesFilter/PassportDatesFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAA4B,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,4BAA4B,CAAC;AAWpC,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuHlE,CAAC"}

package/dist/components/PassportDatesFilter/PassportDatesFilter.js

@@ -0,0 +1,112 @@
+import { jsx as o, jsxs as m, Fragment as R } from "react/jsx-runtime";
+import { PassportDateRangeWrapper as v } from "../PassportDateRangeWrapper/PassportDateRangeWrapper.js";
+import { c as S } from "../../createSvgIcon-D5xeIEZ_.js";
+import { styled as B, ToggleButton as D, ButtonGroup as F, Popover as W, IconButton as k } from "@mui/material";
+import { useState as s, useCallback as n } from "react";
+import '../../assets/PassportDatesFilter.css';const I = S(/* @__PURE__ */ o("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close"), M = B(D)(({ selected: t }) => ({
+  ...t && {
+    color: "var(--color-text)",
+    backgroundColor: "var(--color-highlight) !important"
+  }
+})), g = /* @__PURE__ */ new Date(), w = ({
+  setSelectedDates: t,
+  options: i,
+  closeIcon: h,
+  dateRangeWrapperProps: b
+}) => {
+  const [d, l] = s(() => i[0]), [u, c] = s(null), [a, f] = s({
+    businessDayFrom: g,
+    businessDayTo: g
+  }), C = n(
+    (r, e) => {
+      e.isCustom && (l(e), c(r.currentTarget));
+    },
+    []
+  ), x = !!u, p = n(() => {
+    c(null), t(a);
+  }, [t, a]), T = n(
+    (r) => {
+      r.isCustom || (l(r), t(r.range));
+    },
+    [t]
+  );
+  return /* @__PURE__ */ m(R, { children: [
+    /* @__PURE__ */ o(F, { children: i.map((r) => {
+      const e = d.range.businessDayFrom.getTime() === r.range.businessDayFrom.getTime(), y = d.range.businessDayTo.getTime() === r.range.businessDayTo.getTime();
+      return /* @__PURE__ */ o(
+        M,
+        {
+          value: r,
+          selected: e && y,
+          onChange: () => T(r),
+          onClick: (E) => C(E, r),
+          sx: {
+            "&:first-of-type": {
+              borderEndStartRadius: 10,
+              borderStartStartRadius: 10,
+              borderEndEndRadius: 0,
+              borderStartEndRadius: 0
+            },
+            "&:last-of-type": {
+              borderEndStartRadius: 0,
+              borderStartStartRadius: 0,
+              borderEndEndRadius: 10,
+              borderStartEndRadius: 10
+            },
+            "&.MuiToggleButton-root": {
+              borderInlineStartWidth: "1px",
+              borderInlineEndWidth: "0px",
+              borderTopWidth: "1px",
+              borderBottomWidth: "1px",
+              height: "40px"
+            },
+            "&.MuiToggleButton-root:not(:first-of-type):not(:last-of-type)": {
+              borderRadius: "0px"
+            },
+            "&.MuiToggleButton-root:last-of-type": {
+              borderWidth: "1px"
+            }
+          },
+          children: r.name
+        },
+        r.name
+      );
+    }) }),
+    /* @__PURE__ */ o(
+      W,
+      {
+        open: x,
+        anchorEl: u,
+        onClose: p,
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        sx: {
+          ".MuiPopover-paper": { borderRadius: "16px", padding: "1px" }
+        },
+        children: /* @__PURE__ */ m("div", { className: "passport-daterangewrapper-container", children: [
+          /* @__PURE__ */ o(
+            k,
+            {
+              className: "passport-daterangewrapper-close",
+              onClick: p,
+              size: "small",
+              children: h ?? /* @__PURE__ */ o(I, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            v,
+            {
+              value: a,
+              fireOnChange: f,
+              ...b
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  w as PassportDatesFilter
+};

package/dist/components/PassportDatesFilter/PassportDatesFilter.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=PassportDatesFilter.stories.d.ts.map

package/dist/components/PassportDatesFilter/PassportDatesFilter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDatesFilter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDatesFilter/PassportDatesFilter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAuCvD,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/components/PassportDatesFilter/PassportDatesFilter.types.d.ts

@@ -0,0 +1,22 @@
+import { BusinessDayRange } from '../../types/BusinessDayRange';
+import { PassportDateRangeWrapperProps } from '../PassportDateRangeWrapper/PassportDateRangeWrapper.types';
+import { default as React, SetStateAction } from 'react';
+export interface PassportDatePresetOption {
+    /** Date range for this preset */
+    range: BusinessDayRange;
+    /** Display name for the toggle button */
+    name: string;
+    /** When true, clicking this option opens the custom date picker popover */
+    isCustom: boolean;
+}
+export interface PassportDatesFilterProps {
+    /** Callback to update the selected date range */
+    setSelectedDates: React.Dispatch<SetStateAction<BusinessDayRange>>;
+    /** Preset date options to display as toggle buttons. The last option with `isCustom: true` opens the calendar. */
+    options: PassportDatePresetOption[];
+    /** Optional custom close icon element for the popover */
+    closeIcon?: React.ReactNode;
+    /** Props forwarded to the inner PassportDateRangeWrapper */
+    dateRangeWrapperProps?: Partial<PassportDateRangeWrapperProps>;
+}
+//# sourceMappingURL=PassportDatesFilter.types.d.ts.map

package/dist/components/PassportDatesFilter/PassportDatesFilter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDatesFilter.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDatesFilter/PassportDatesFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,sEAAsE,CAAC;AACrH,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACvC,iCAAiC;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACnE,kHAAkH;IAClH,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,yDAAyD;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC,6BAA6B,CAAC,CAAC;CAChE"}

package/dist/components/PassportDatesFilter/PassportDatesFilter.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportInput/PassportInput.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as d } from "../../Clear-BzF0WMi7.js";
-import { S as p } from "../../Search-BxOqluZm.js";
+import { C as d } from "../../Clear-Bz9hw2Wj.js";
+import { S as p } from "../../Search-D_9Ptbky.js";
 import { TextField as a, InputAdornment as n } from "@mui/material";
 function f({
   label: e,

package/dist/components/PassportMultiSelect/PassportMultiSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { C as d } from "../../Clear-BzF0WMi7.js";
+import { C as d } from "../../Clear-Bz9hw2Wj.js";
 import { useTheme as m, FormControl as h, InputLabel as a, Select as g, MenuItem as x, Checkbox as f, ListItemText as I, InputAdornment as y, OutlinedInput as C } from "@mui/material";
 const M = 48, P = 8, T = {
   PaperProps: {

package/dist/components/PassportNotification/PassportNotification.d.ts

@@ -0,0 +1,4 @@
+import { PassportNotificationProps } from './PassportNotification.types';
+export declare function PassportNotification({ isOpen, onClose, title, message, duration, type, }: PassportNotificationProps): import("react/jsx-runtime").JSX.Element | null;
+export default PassportNotification;
+//# sourceMappingURL=PassportNotification.d.ts.map

package/dist/components/PassportNotification/PassportNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportNotification.d.ts","sourceRoot":"","sources":["../../../src/components/PassportNotification/PassportNotification.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAgCzE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAe,EACf,IAAgB,GACjB,EAAE,yBAAyB,kDA+B3B;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/PassportNotification/PassportNotification.js

@@ -0,0 +1,67 @@
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { useEffect as d } from "react";
+import '../../assets/PassportNotification.css';const h = "_notificationWrapper_1gti4_1", _ = "_notification_1gti4_1", u = "_slideIn_1gti4_1", g = "_iconContainer_1gti4_23", f = "_success_1gti4_33", x = "_info_1gti4_38", k = "_warning_1gti4_43", p = "_error_1gti4_48", y = "_content_1gti4_53", m = "_title_1gti4_58", v = "_message_1gti4_66", w = "_closeButton_1gti4_74", n = {
+  notificationWrapper: h,
+  notification: _,
+  slideIn: u,
+  iconContainer: g,
+  success: f,
+  info: x,
+  warning: k,
+  error: p,
+  content: y,
+  title: m,
+  message: v,
+  closeButton: w
+}, L = {
+  success: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ i("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ i("polyline", { points: "22 4 12 14.01 9 11.01" })
+  ] }),
+  info: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ i("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ i("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  ] }),
+  warning: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ i("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+    /* @__PURE__ */ i("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ i("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] }),
+  error: /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ i("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ i("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ i("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] })
+};
+function W({
+  isOpen: e,
+  onClose: o,
+  title: c,
+  message: l,
+  duration: r = 5e3,
+  type: s = "success"
+}) {
+  return d(() => {
+    if (e && r > 0) {
+      const a = setTimeout(o, r);
+      return () => clearTimeout(a);
+    }
+    return () => {
+    };
+  }, [e, r, o]), e ? /* @__PURE__ */ i("div", { className: n.notificationWrapper, children: /* @__PURE__ */ t("div", { className: `${n.notification} ${n[s]}`, children: [
+    /* @__PURE__ */ i("div", { className: n.iconContainer, children: L[s] }),
+    /* @__PURE__ */ t("div", { className: n.content, children: [
+      /* @__PURE__ */ i("h4", { className: n.title, children: c }),
+      /* @__PURE__ */ i("p", { className: n.message, children: l })
+    ] }),
+    /* @__PURE__ */ i("button", { className: n.closeButton, onClick: o, "aria-label": "Close notification", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    ] }) })
+  ] }) }) : null;
+}
+export {
+  W as PassportNotification,
+  W as default
+};

package/dist/components/PassportNotification/PassportNotification.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as PassportNotification } from './PassportNotification';
+declare const meta: Meta<typeof PassportNotification>;
+export default meta;
+type Story = StoryObj<typeof PassportNotification>;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const NoAutoDismiss: Story;
+export declare const CustomDuration: Story;
+export declare const LongMessage: Story;
+//# sourceMappingURL=PassportNotification.stories.d.ts.map

package/dist/components/PassportNotification/PassportNotification.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportNotification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportNotification/PassportNotification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAO3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AA8BnD,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}

package/dist/components/PassportNotification/PassportNotification.types.d.ts

@@ -0,0 +1,10 @@
+export interface PassportNotificationProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    message: string;
+    /** Auto-dismiss duration in milliseconds. Set to 0 to disable. Default: 5000 */
+    duration?: number;
+    type?: 'success' | 'info' | 'warning' | 'error';
+}
+//# sourceMappingURL=PassportNotification.types.d.ts.map

package/dist/components/PassportNotification/PassportNotification.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportNotification.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportNotification/PassportNotification.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CACjD"}

package/dist/components/PassportNotification/PassportNotification.types.js

@@ -0,0 +1 @@
+

package/dist/components/PassportPagination/PassportPagination.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as ot } from "react/jsx-runtime";
 import { PaginationItem as at } from "@mui/material";
 import * as c from "react";
-import { g as J, a as K, u as Q, s as B, c as W, b as h, e as X, m as F, P as e } from "../../DefaultPropsProvider-8An9vBcT.js";
-import { u as rt, a as nt, b as R } from "../../useSlot-Bvdicoh5.js";
+import { g as J, a as K, u as Q, s as B, c as W, b as h, e as X, m as F, P as e } from "../../DefaultPropsProvider-ByENA_w0.js";
+import { u as rt, a as nt, b as R } from "../../useSlot-Bm5YJQBR.js";
 import { c as D } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { c as j } from "../../createSvgIcon-DQP4Lgl5.js";
-import { B as st } from "../../ButtonBase-Cj889DO9.js";
+import { c as j } from "../../createSvgIcon-D5xeIEZ_.js";
+import { B as st } from "../../ButtonBase-DV7q7wxh.js";
 import { i as N } from "../../integerPropType-BihGt2aU.js";
 function it(t) {
   return J("MuiPagination", t);

package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as g } from "react/jsx-runtime";
 import { Autocomplete as h, TextField as y, Checkbox as O } from "@mui/material";
-import { C as A, a as S } from "../../CheckBox-B3iprBDG.js";
+import { C as A, a as S } from "../../CheckBox-YBX2j1qt.js";
 const m = /* @__PURE__ */ l(S, { fontSize: "small" }), C = /* @__PURE__ */ l(A, { fontSize: "small" });
 function P({
   label: u,

package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
 import { Autocomplete as g, TextField as k, Checkbox as S, Box as O, Typography as x } from "@mui/material";
-import { C as z, a as A } from "../../CheckBox-B3iprBDG.js";
+import { C as z, a as A } from "../../CheckBox-YBX2j1qt.js";
 const B = /* @__PURE__ */ n(A, { fontSize: "small" }), C = /* @__PURE__ */ n(z, { fontSize: "small" });
 function P({
   label: f,

package/dist/components/PassportTreeSelect/PassportTreeSelect.js

@@ -2,15 +2,15 @@ import { jsx as v, jsxs as Y, Fragment as mn } from "react/jsx-runtime";
 import * as M from "react";
 import $e, { useState as We, useRef as gt, useMemo as Ke, useEffect as bt, useCallback as St } from "react";
 import { FormControl as In, InputLabel as gn, OutlinedInput as bn, InputAdornment as yt, IconButton as Sn, Box as fe, Chip as xt, Collapse as yn, Paper as xn, TextField as En, Typography as Ue, Checkbox as Cn } from "@mui/material";
-import { S as vn } from "../../Search-BxOqluZm.js";
-import { c as ge } from "../../createSvgIcon-DQP4Lgl5.js";
-import { C as wn } from "../../Clear-BzF0WMi7.js";
-import { _ as Be, a as S, e as Tn, u as kn, f as On, B as Mn, r as Pn } from "../../ButtonBase-Cj889DO9.js";
-import { g as Ce, a as ve, P as i, s as G, e as we, u as Kt, t as Rn, c as Q, m as Ut, b as xe, l as Ht, p as st, q as Se } from "../../DefaultPropsProvider-8An9vBcT.js";
-import { u as Ln, b as te, T as Dn, c as _n, g as Et, d as An, m as Nn, a as Fn } from "../../useFormControl-DUby-fW8.js";
-import { a as Vn, b as Ie, u as zn, e as re, r as Ct } from "../../useSlot-Bvdicoh5.js";
+import { S as vn } from "../../Search-D_9Ptbky.js";
+import { c as ge } from "../../createSvgIcon-D5xeIEZ_.js";
+import { C as wn } from "../../Clear-Bz9hw2Wj.js";
+import { _ as Be, a as S, e as Tn, u as kn, f as On, B as Mn, r as Pn } from "../../ButtonBase-DV7q7wxh.js";
+import { g as Ce, a as ve, P as i, s as G, e as we, u as Kt, t as Rn, c as Q, m as Ut, b as xe, l as Ht, p as st, q as Se } from "../../DefaultPropsProvider-ByENA_w0.js";
+import { u as Ln, b as te, T as Dn, c as _n, g as Et, d as An, m as Nn, a as Fn } from "../../useFormControl-MVwkyimi.js";
+import { a as Vn, b as Ie, u as zn, e as re, r as Ct } from "../../useSlot-Bm5YJQBR.js";
 import { c as vt } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { C as jn } from "../../CircularProgress-BjeN7Xv-.js";
+import { C as jn } from "../../CircularProgress-BXi3nXc9.js";
 const $n = ge(/* @__PURE__ */ v("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "ExpandMore"), wt = {};

package/dist/components/index.d.ts

@@ -25,4 +25,8 @@ export { PassportTabHeader } from './PassportTabHeader/PassportTabHeader';
 export { PassportTextField } from './PassportTextField/PassportTextField';
 export { DebouncedPassportInput } from './DebouncedPassportInput/DebouncedPassportInput';
 export { PassportMenuButton } from './PassportMenuButton/PassportMenuButton';
+export { PassportNotification } from './PassportNotification/PassportNotification';
+export { PassportDateRangeWrapper } from './PassportDateRangeWrapper/PassportDateRangeWrapper';
+export { PassportDatesFilter } from './PassportDatesFilter/PassportDatesFilter';
+export { PassportDateRangePicker } from './PassportDateRangePicker/PassportDateRangePicker';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,qCAAqC,EAAE,MAAM,0FAA0F,CAAC;AACjJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,qCAAqC,EAAE,MAAM,0FAA0F,CAAC;AACjJ,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC"}

package/dist/components/index.js

@@ -1,56 +1,64 @@
 import { LoadingAnimation as t } from "./LoadingAnimation/LoadingAnimation.js";
 import { Login as p } from "./Login/Login.js";
-import { PassportSideMenu as a } from "./PassportSideMenu/PassportSideMenu.js";
+import { PassportSideMenu as s } from "./PassportSideMenu/PassportSideMenu.js";
 import { PassportTotalDataGrid as f } from "./PassportTotalDataGrid/PassportTotalDataGrid.js";
 import { P as x } from "../PassportUserInformation-CNpBGKl3.js";
 import { PassportAutocomplete as n } from "./PassportAutocomplete/PassportAutocomplete.js";
-import { PassportButton as d } from "./PassportButton/PassportButton.js";
+import { PassportButton as c } from "./PassportButton/PassportButton.js";
 import { PassportConfirmationModal as u } from "./PassportConfirmationModal/PassportConfirmationModal.js";
-import { PassportDatePicker as S } from "./PassportDatePicker/PassportDatePicker.js";
-import { PassportDateTimePicker as I } from "./PassportDateTimePicker/PassportDateTimePicker.js";
-import { PassportDropdown as b } from "./PassportDropdown/PassportDropdown.js";
-import { PassportErrorModal as h } from "./PassportErrorModal/PassportErrorModal.js";
-import { PassportFooter as A } from "./PassportFooter/PassportFooter.js";
-import { PassportInactivityModal as C } from "./PassportInactivityModal/PassportInactivityModal.js";
+import { PassportDatePicker as M } from "./PassportDatePicker/PassportDatePicker.js";
+import { PassportDateTimePicker as g } from "./PassportDateTimePicker/PassportDateTimePicker.js";
+import { PassportDropdown as T } from "./PassportDropdown/PassportDropdown.js";
+import { PassportErrorModal as k } from "./PassportErrorModal/PassportErrorModal.js";
+import { PassportFooter as h } from "./PassportFooter/PassportFooter.js";
+import { PassportInactivityModal as B } from "./PassportInactivityModal/PassportInactivityModal.js";
 import { PassportInfoModal as K } from "./PassportInfoModal/PassportInfoModal.js";
-import { PassportInput as v } from "./PassportInput/PassportInput.js";
-import { PassportKpiCard as y } from "./PassportKpiCard/PassportKpiCard.js";
-import { PassportKpiWrapper as G } from "./PassportKpiWrapper/PassportKpiWrapper.js";
-import { PassportMultiSelect as U } from "./PassportMultiSelect/PassportMultiSelect.js";
-import { PassportSearchableMultiSelect as j } from "./PassportSearchableMultiSelect/PassportSearchableMultiSelect.js";
-import { PassportSearchableMultiSelectDetailed as z } from "./PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js";
-import { PassportTreeSelect as N } from "./PassportTreeSelect/PassportTreeSelect.js";
-import { PassportPagination as Q } from "./PassportPagination/PassportPagination.js";
+import { PassportInput as R } from "./PassportInput/PassportInput.js";
+import { PassportKpiCard as v } from "./PassportKpiCard/PassportKpiCard.js";
+import { PassportKpiWrapper as y } from "./PassportKpiWrapper/PassportKpiWrapper.js";
+import { PassportMultiSelect as G } from "./PassportMultiSelect/PassportMultiSelect.js";
+import { PassportSearchableMultiSelect as N } from "./PassportSearchableMultiSelect/PassportSearchableMultiSelect.js";
+import { PassportSearchableMultiSelectDetailed as j } from "./PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js";
+import { PassportTreeSelect as z } from "./PassportTreeSelect/PassportTreeSelect.js";
+import { PassportPagination as O } from "./PassportPagination/PassportPagination.js";
 import { PassportTabHeader as V } from "./PassportTabHeader/PassportTabHeader.js";
 import { PassportTextField as Y } from "./PassportTextField/PassportTextField.js";
 import { DebouncedPassportInput as _ } from "./DebouncedPassportInput/DebouncedPassportInput.js";
 import { PassportMenuButton as oo } from "./PassportMenuButton/PassportMenuButton.js";
+import { PassportNotification as to } from "./PassportNotification/PassportNotification.js";
+import { PassportDateRangeWrapper as po } from "./PassportDateRangeWrapper/PassportDateRangeWrapper.js";
+import { PassportDatesFilter as so } from "./PassportDatesFilter/PassportDatesFilter.js";
+import { PassportDateRangePicker as fo } from "./PassportDateRangePicker/PassportDateRangePicker.js";
 import '../assets/index.css';export {
   _ as DebouncedPassportInput,
   t as LoadingAnimation,
   p as Login,
   n as PassportAutocomplete,
-  d as PassportButton,
+  c as PassportButton,
   u as PassportConfirmationModal,
-  S as PassportDatePicker,
-  I as PassportDateTimePicker,
-  b as PassportDropdown,
-  h as PassportErrorModal,
-  A as PassportFooter,
-  C as PassportInactivityModal,
+  M as PassportDatePicker,
+  fo as PassportDateRangePicker,
+  po as PassportDateRangeWrapper,
+  g as PassportDateTimePicker,
+  so as PassportDatesFilter,
+  T as PassportDropdown,
+  k as PassportErrorModal,
+  h as PassportFooter,
+  B as PassportInactivityModal,
   K as PassportInfoModal,
-  v as PassportInput,
-  y as PassportKpiCard,
-  G as PassportKpiWrapper,
+  R as PassportInput,
+  v as PassportKpiCard,
+  y as PassportKpiWrapper,
   oo as PassportMenuButton,
-  U as PassportMultiSelect,
-  Q as PassportPagination,
-  j as PassportSearchableMultiSelect,
-  z as PassportSearchableMultiSelectDetailed,
-  a as PassportSideMenu,
+  G as PassportMultiSelect,
+  to as PassportNotification,
+  O as PassportPagination,
+  N as PassportSearchableMultiSelect,
+  j as PassportSearchableMultiSelectDetailed,
+  s as PassportSideMenu,
   V as PassportTabHeader,
   Y as PassportTextField,
   f as PassportTotalDataGrid,
-  N as PassportTreeSelect,
+  z as PassportTreeSelect,
   x as PassportUserInformation
 };

package/dist/{createSvgIcon-DQP4Lgl5.js → createSvgIcon-D5xeIEZ_.js}

@@ -1,6 +1,6 @@
 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, e as R, m as E, P as e } from "./DefaultPropsProvider-8An9vBcT.js";
+import { g as w, a as N, u as C, s as O, c as T, b as c, e as R, m as E, P as e } from "./DefaultPropsProvider-ByENA_w0.js";
 function j(o) {
   return w("MuiSvgIcon", o);
 }

package/dist/{extendSxProp-kvzSbCJ3.js → extendSxProp-BtJlbIOl.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./DefaultPropsProvider-8An9vBcT.js";
+import { i as c, d as l } from "./DefaultPropsProvider-ByENA_w0.js";
 const a = (t) => {
   const s = {
     systemProps: {},