@amateescu/portal-ui-components 0.0.42 → 0.0.44

package/dist/main.js

@@ -4,72 +4,82 @@ import { PassportSideMenu as s } from "./components/PassportSideMenu/PassportSid
 import { PassportTotalDataGrid as f } from "./components/PassportTotalDataGrid/PassportTotalDataGrid.js";
 import { P } from "./PassportUserInformation-CNpBGKl3.js";
 import { PassportAutocomplete as n } from "./components/PassportAutocomplete/PassportAutocomplete.js";
-import { PassportButton as u } from "./components/PassportButton/PassportButton.js";
+import { PassportButton as c } from "./components/PassportButton/PassportButton.js";
 import { PassportConfirmationModal as d } from "./components/PassportConfirmationModal/PassportConfirmationModal.js";
-import { PassportDatePicker as g } from "./components/PassportDatePicker/PassportDatePicker.js";
-import { PassportDateTimePicker as D } from "./components/PassportDateTimePicker/PassportDateTimePicker.js";
+import { PassportDatePicker as D } from "./components/PassportDatePicker/PassportDatePicker.js";
+import { PassportDateTimePicker as S } from "./components/PassportDateTimePicker/PassportDateTimePicker.js";
 import { PassportDropdown as I } from "./components/PassportDropdown/PassportDropdown.js";
 import { PassportErrorModal as T } from "./components/PassportErrorModal/PassportErrorModal.js";
 import { PassportFooter as k } from "./components/PassportFooter/PassportFooter.js";
 import { PassportInactivityModal as A } from "./components/PassportInactivityModal/PassportInactivityModal.js";
-import { PassportInfoModal as v } from "./components/PassportInfoModal/PassportInfoModal.js";
-import { PassportInput as F } from "./components/PassportInput/PassportInput.js";
-import { PassportKpiCard as U } from "./components/PassportKpiCard/PassportKpiCard.js";
-import { PassportKpiWrapper as E } from "./components/PassportKpiWrapper/PassportKpiWrapper.js";
-import { PassportMultiSelect as H } from "./components/PassportMultiSelect/PassportMultiSelect.js";
-import { PassportSearchableMultiSelect as W } from "./components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js";
-import { PassportSearchableMultiSelectDetailed as q } from "./components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js";
-import { PassportTreeSelect as J } from "./components/PassportTreeSelect/PassportTreeSelect.js";
-import { PassportPagination as O } from "./components/PassportPagination/PassportPagination.js";
-import { PassportTabHeader as R } from "./components/PassportTabHeader/PassportTabHeader.js";
+import { PassportInfoModal as F } from "./components/PassportInfoModal/PassportInfoModal.js";
+import { PassportInput as B } from "./components/PassportInput/PassportInput.js";
+import { PassportKpiCard as R } from "./components/PassportKpiCard/PassportKpiCard.js";
+import { PassportKpiWrapper as W } from "./components/PassportKpiWrapper/PassportKpiWrapper.js";
+import { PassportMultiSelect as E } from "./components/PassportMultiSelect/PassportMultiSelect.js";
+import { PassportSearchableMultiSelect as H } from "./components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js";
+import { PassportSearchableMultiSelectDetailed as V } from "./components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js";
+import { PassportTreeSelect as q } from "./components/PassportTreeSelect/PassportTreeSelect.js";
+import { PassportPagination as J } from "./components/PassportPagination/PassportPagination.js";
+import { PassportTabHeader as Q } from "./components/PassportTabHeader/PassportTabHeader.js";
 import { PassportTextField as Y } from "./components/PassportTextField/PassportTextField.js";
 import { DebouncedPassportInput as _ } from "./components/DebouncedPassportInput/DebouncedPassportInput.js";
-import { PassportMenuButton as oo } from "./components/PassportMenuButton/PassportMenuButton.js";
-import { chunkArray as to } from "./portal-utils/chunkArray.js";
-import { cn as po } from "./portal-utils/cn.js";
-import { currency as so, date as mo, datetime as fo, decimal as xo, fuelUnitPrice as Po, fuelVolume as io, hours as no, number as lo, time as uo } from "./portal-utils/formatters.js";
-import { LogLevel as Mo, createLogger as go } from "./portal-utils/loggerService.js";
-import { getPageCount as Do } from "./portal-utils/pageCount.js";
+import { PassportMenuButton as rr } from "./components/PassportMenuButton/PassportMenuButton.js";
+import { PassportNotification as tr } from "./components/PassportNotification/PassportNotification.js";
+import { PassportDateRangeWrapper as pr } from "./components/PassportDateRangeWrapper/PassportDateRangeWrapper.js";
+import { PassportDatesFilter as sr } from "./components/PassportDatesFilter/PassportDatesFilter.js";
+import { PassportDateRangePicker as fr } from "./components/PassportDateRangePicker/PassportDateRangePicker.js";
+import { chunkArray as Pr } from "./portal-utils/chunkArray.js";
+import { cn as nr } from "./portal-utils/cn.js";
+import { currency as cr, date as ur, datetime as dr, decimal as gr, fuelUnitPrice as Dr, fuelVolume as Mr, hours as Sr, number as br, time as Ir } from "./portal-utils/formatters.js";
+import { LogLevel as Tr, createLogger as hr } from "./portal-utils/loggerService.js";
+import { getPageCount as yr } from "./portal-utils/pageCount.js";
+import { getDaysDifference as Cr } from "./portal-utils/dates.js";
 export {
   _ as DebouncedPassportInput,
   t as LoadingAnimation,
-  Mo as LogLevel,
+  Tr as LogLevel,
   p as Login,
   n as PassportAutocomplete,
-  u as PassportButton,
+  c as PassportButton,
   d as PassportConfirmationModal,
-  g as PassportDatePicker,
-  D as PassportDateTimePicker,
+  D as PassportDatePicker,
+  fr as PassportDateRangePicker,
+  pr as PassportDateRangeWrapper,
+  S as PassportDateTimePicker,
+  sr as PassportDatesFilter,
   I as PassportDropdown,
   T as PassportErrorModal,
   k as PassportFooter,
   A as PassportInactivityModal,
-  v as PassportInfoModal,
-  F as PassportInput,
-  U as PassportKpiCard,
-  E as PassportKpiWrapper,
-  oo as PassportMenuButton,
-  H as PassportMultiSelect,
-  O as PassportPagination,
-  W as PassportSearchableMultiSelect,
-  q as PassportSearchableMultiSelectDetailed,
+  F as PassportInfoModal,
+  B as PassportInput,
+  R as PassportKpiCard,
+  W as PassportKpiWrapper,
+  rr as PassportMenuButton,
+  E as PassportMultiSelect,
+  tr as PassportNotification,
+  J as PassportPagination,
+  H as PassportSearchableMultiSelect,
+  V as PassportSearchableMultiSelectDetailed,
   s as PassportSideMenu,
-  R as PassportTabHeader,
+  Q as PassportTabHeader,
   Y as PassportTextField,
   f as PassportTotalDataGrid,
-  J as PassportTreeSelect,
+  q as PassportTreeSelect,
   P as PassportUserInformation,
-  to as chunkArray,
-  po as cn,
-  go as createLogger,
-  so as currency,
-  mo as date,
-  fo as datetime,
-  xo as decimal,
-  Po as fuelUnitPrice,
-  io as fuelVolume,
-  Do as getPageCount,
-  no as hours,
-  lo as number,
-  uo as time
+  Pr as chunkArray,
+  nr as cn,
+  hr as createLogger,
+  cr as currency,
+  ur as date,
+  dr as datetime,
+  gr as decimal,
+  Dr as fuelUnitPrice,
+  Mr as fuelVolume,
+  Cr as getDaysDifference,
+  yr as getPageCount,
+  Sr as hours,
+  br as number,
+  Ir as time
 };

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

@@ -0,0 +1,2 @@
+export declare function getDaysDifference(date1: Date, date2: Date): number;
+//# sourceMappingURL=dates.d.ts.map

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

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

package/dist/portal-utils/dates.js

@@ -0,0 +1,7 @@
+function f(e, t) {
+  const i = Math.abs(t.getTime() - e.getTime());
+  return Math.ceil(i / (1e3 * 60 * 60 * 24));
+}
+export {
+  f as getDaysDifference
+};

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

@@ -3,4 +3,5 @@ export { cn } from './cn';
 export { currency, date, datetime, decimal, fuelUnitPrice, fuelVolume, hours, number, time, } from './formatters';
 export { createLogger, LogLevel } from './loggerService';
 export { getPageCount } from './pageCount';
+export { getDaysDifference } from './dates';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/portal-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAI,GACL,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/portal-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAI,GACL,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/portal-utils/index.js

@@ -1,21 +1,23 @@
 import { chunkArray as o } from "./chunkArray.js";
 import { cn as m } from "./cn.js";
-import { currency as c, date as f, datetime as a, decimal as n, fuelUnitPrice as g, fuelVolume as i, hours as l, number as p, time as x } from "./formatters.js";
-import { LogLevel as L, createLogger as h } from "./loggerService.js";
-import { getPageCount as P } from "./pageCount.js";
+import { currency as c, date as u, datetime as a, decimal as n, fuelUnitPrice as g, fuelVolume as i, hours as p, number as x, time as l } from "./formatters.js";
+import { LogLevel as y, createLogger as L } from "./loggerService.js";
+import { getPageCount as s } from "./pageCount.js";
+import { getDaysDifference as P } from "./dates.js";
 export {
-  L as LogLevel,
+  y as LogLevel,
   o as chunkArray,
   m as cn,
-  h as createLogger,
+  L as createLogger,
   c as currency,
-  f as date,
+  u as date,
   a as datetime,
   n as decimal,
   g as fuelUnitPrice,
   i as fuelVolume,
-  P as getPageCount,
-  l as hours,
-  p as number,
-  x as time
+  P as getDaysDifference,
+  s as getPageCount,
+  p as hours,
+  x as number,
+  l as time
 };

package/dist/types/index.d.ts

@@ -5,4 +5,8 @@ export type { CustomSvg } from './CustomSvg';
 export type { LoginRequest } from './LoginRequest';
 export type { PassportTreeSelectOption } from '../components/PassportTreeSelect/PassportTreeSelect.types';
 export type { PassportSearchableMultiSelectDetailedOption } from '../components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.types';
+export type { PassportNotificationProps } from '../components/PassportNotification/PassportNotification.types';
+export type { PassportDateRangeWrapperProps } from '../components/PassportDateRangeWrapper/PassportDateRangeWrapper.types';
+export type { PassportDatePresetOption, PassportDatesFilterProps } from '../components/PassportDatesFilter/PassportDatesFilter.types';
+export type { PassportDateRangePickerProps } from '../components/PassportDateRangePicker/PassportDateRangePicker.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACzG,YAAY,EAAE,2CAA2C,EAAE,MAAM,gGAAgG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACzG,YAAY,EAAE,2CAA2C,EAAE,MAAM,gGAAgG,CAAC;AAClK,YAAY,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC;AAC9G,YAAY,EAAE,6BAA6B,EAAE,MAAM,sEAAsE,CAAC;AAC1H,YAAY,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AACrI,YAAY,EAAE,4BAA4B,EAAE,MAAM,oEAAoE,CAAC"}

package/dist/{useFormControl-DUby-fW8.js → useFormControl-MVwkyimi.js}

@@ -1,10 +1,10 @@
 import * as b from "react";
 import v from "react";
-import { r as M, n as O, T as D, c as y, P as a } from "./DefaultPropsProvider-8An9vBcT.js";
-import { u as R } from "./useTheme-BHcsKB53.js";
-import { b as I, _ as k, T as S, u as L } from "./ButtonBase-Cj889DO9.js";
+import { r as M, n as O, T as D, c as y, P as a } from "./DefaultPropsProvider-ByENA_w0.js";
+import { u as R } from "./useTheme-Cz8ZipjJ.js";
+import { b as I, _ as k, T as S, u as L } from "./ButtonBase-DV7q7wxh.js";
 import N from "react-dom";
-import { r as F, m as w, c as P } from "./useSlot-Bvdicoh5.js";
+import { r as F, m as w, c as P } from "./useSlot-Bm5YJQBR.js";
 function U(s) {
   const {
     theme: i,

package/dist/{useMobilePicker-CDuVVUzY.js → useMobilePicker-CFsW9hUG.js}

@@ -1,18 +1,18 @@
-import { c as ze, b as ua, _ as ve, a as T, d as ee, e as Mt, u as Ie, r as Ke, f as Mo, B as jn, g as ks } from "./ButtonBase-Cj889DO9.js";
+import { c as ze, b as ua, _ as ve, a as T, d as ee, e as Mt, u as Ie, r as Ke, f as Mo, B as jn, g as ks } from "./ButtonBase-DV7q7wxh.js";
 import * as p from "react";
 import Or from "react";
-import { P as t, v as da, T as Es, n as pa, g as ye, a as he, u as Me, s as j, c as me, b as le, e as pe, m as Ve, p as Vt, q as St, w as Tr, x as Rs, y as No, l as gt, o as Fo, z as fa } from "./DefaultPropsProvider-8An9vBcT.js";
-import { a as at, u as xt, b as Fe, i as gn, e as ma, r as wt } from "./useSlot-Bvdicoh5.js";
+import { P as t, v as da, T as Es, n as pa, g as ye, a as he, u as Me, s as j, c as me, b as le, e as pe, m as Ve, p as Vt, q as St, w as Tr, x as Rs, y as No, l as gt, o as Fo, z as fa } from "./DefaultPropsProvider-ByENA_w0.js";
+import { a as at, u as xt, b as Fe, i as gn, e as ma, r as wt } from "./useSlot-Bm5YJQBR.js";
 import { jsx as O, jsxs as we } from "react/jsx-runtime";
-import { e as ha, f as ba, T as Yn, h as ga, u as je, c as Zt, g as Wn, r as Is, b as Oe, a as ya, d as yt, F as Ao, m as va } from "./useFormControl-DUby-fW8.js";
+import { e as ha, f as ba, T as Yn, h as ga, u as je, c as Zt, g as Wn, r as Is, b as Oe, a as ya, d as yt, F as Ao, m as va } from "./useFormControl-MVwkyimi.js";
 import { c as it, a as $t } from "./createSimplePaletteValueFilter-Bz8RuRaa.js";
-import { u as Lt, B as Dt } from "./Button-BPIbs5cw.js";
+import { u as Lt, B as Dt } from "./Button-Bx3LbSbV.js";
 import { i as Ms } from "./integerPropType-BihGt2aU.js";
-import { c as ft } from "./createSvgIcon-DQP4Lgl5.js";
-import { e as Pa } from "./extendSxProp-kvzSbCJ3.js";
-import { u as wa, a as Sa } from "./useTheme-BHcsKB53.js";
+import { c as ft } from "./createSvgIcon-D5xeIEZ_.js";
+import { e as Pa } from "./extendSxProp-BtJlbIOl.js";
+import { u as wa, a as Sa } from "./useTheme-Cz8ZipjJ.js";
 import { Global as xa } from "@emotion/react";
-import { C as Ca } from "./CircularProgress-BjeN7Xv-.js";
+import { C as Ca } from "./CircularProgress-BXi3nXc9.js";
 import * as Oa from "react-dom";
 function Ta(e) {
   return e == null || Object.keys(e).length === 0;

package/dist/{useSlot-Bvdicoh5.js → useSlot-Bm5YJQBR.js}

@@ -1,7 +1,7 @@
 import * as c from "react";
-import { P as v, c as N } from "./DefaultPropsProvider-8An9vBcT.js";
+import { P as v, c as N } from "./DefaultPropsProvider-ByENA_w0.js";
 import "react/jsx-runtime";
-import { u as x } from "./ButtonBase-Cj889DO9.js";
+import { u as x } from "./ButtonBase-DV7q7wxh.js";
 const O = /* @__PURE__ */ c.createContext();
 process.env.NODE_ENV !== "production" && (v.node, v.bool);
 const A = () => c.useContext(O) ?? !1;

package/dist/{useTheme-BHcsKB53.js → useTheme-Cz8ZipjJ.js}

@@ -1,4 +1,4 @@
-import { f as n } from "./DefaultPropsProvider-8An9vBcT.js";
+import { f as n } from "./DefaultPropsProvider-ByENA_w0.js";
 import * as o from "react";
 import { ThemeContext as m } from "@emotion/react";
 function r(e) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "type": "module",
   "files": [
     "dist"
@@ -30,6 +30,7 @@
     "@mui/material": ">=6.4.11",
     "i18next": ">=23.10.1",
     "react": ">=18.2.0",
+    "react-date-range": "^2.0.1",
     "react-dom": ">=18.2.0",
     "react-i18next": ">=14.1.0"
   },
@@ -48,6 +49,7 @@
     "@storybook/react-vite": "^10.1.11",
     "@types/postcss-import": "^14.0.3",
     "@types/react": "^19.2.8",
+    "@types/react-date-range": "^1.4.10",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
     "date-fns": "^4.1.0",
@@ -64,6 +66,7 @@
     "postcss-preset-env": "^10.6.1",
     "prettier": "^3.8.0",
     "react": "^19.2.3",
+    "react-date-range": "^2.0.1",
     "react-dom": "^19.2.3",
     "react-i18next": "^16.5.2",
     "rimraf": "6.1.2",