@amateescu/portal-ui-components 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/{Button-BPIbs5cw.js → Button-Bx3LbSbV.js} +3 -3
  2. package/dist/{ButtonBase-Cj889DO9.js → ButtonBase-DV7q7wxh.js} +1 -1
  3. package/dist/{CheckBox-B3iprBDG.js → CheckBox-YBX2j1qt.js} +1 -1
  4. package/dist/{CircularProgress-BjeN7Xv-.js → CircularProgress-BXi3nXc9.js} +1 -1
  5. package/dist/{Clear-BzF0WMi7.js → Clear-Bz9hw2Wj.js} +1 -1
  6. package/dist/DefaultPropsProvider-ByENA_w0.js +2808 -0
  7. package/dist/{Search-BxOqluZm.js → Search-D_9Ptbky.js} +1 -1
  8. package/dist/assets/PassportDateRangeWrapper.css +1 -0
  9. package/dist/assets/PassportDatesFilter.css +1 -0
  10. package/dist/components/LoadingAnimation/LoadingAnimation.js +4 -4
  11. package/dist/components/Login/Login.js +1 -1
  12. package/dist/components/PassportButton/PassportButton.js +1 -1
  13. package/dist/components/PassportDatePicker/PassportDatePicker.js +5 -5
  14. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.d.ts +4 -0
  15. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.d.ts.map +1 -0
  16. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.js +110 -0
  17. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.stories.d.ts +26 -0
  18. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.stories.d.ts.map +1 -0
  19. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.types.d.ts +19 -0
  20. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.types.d.ts.map +1 -0
  21. package/dist/components/PassportDateRangePicker/PassportDateRangePicker.types.js +1 -0
  22. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.d.ts +4 -0
  23. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.d.ts.map +1 -0
  24. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.js +11257 -0
  25. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.d.ts +22 -0
  26. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.d.ts.map +1 -0
  27. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.d.ts +19 -0
  28. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.d.ts.map +1 -0
  29. package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.js +1 -0
  30. package/dist/components/PassportDateTimePicker/PassportDateTimePicker.js +7 -7
  31. package/dist/components/PassportDatesFilter/PassportDatesFilter.d.ts +4 -0
  32. package/dist/components/PassportDatesFilter/PassportDatesFilter.d.ts.map +1 -0
  33. package/dist/components/PassportDatesFilter/PassportDatesFilter.js +112 -0
  34. package/dist/components/PassportDatesFilter/PassportDatesFilter.stories.d.ts +13 -0
  35. package/dist/components/PassportDatesFilter/PassportDatesFilter.stories.d.ts.map +1 -0
  36. package/dist/components/PassportDatesFilter/PassportDatesFilter.types.d.ts +22 -0
  37. package/dist/components/PassportDatesFilter/PassportDatesFilter.types.d.ts.map +1 -0
  38. package/dist/components/PassportDatesFilter/PassportDatesFilter.types.js +1 -0
  39. package/dist/components/PassportInput/PassportInput.js +2 -2
  40. package/dist/components/PassportMultiSelect/PassportMultiSelect.js +1 -1
  41. package/dist/components/PassportPagination/PassportPagination.js +4 -4
  42. package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js +1 -1
  43. package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js +1 -1
  44. package/dist/components/PassportTreeSelect/PassportTreeSelect.js +8 -8
  45. package/dist/components/index.d.ts +3 -0
  46. package/dist/components/index.d.ts.map +1 -1
  47. package/dist/components/index.js +38 -32
  48. package/dist/{createSvgIcon-DQP4Lgl5.js → createSvgIcon-D5xeIEZ_.js} +1 -1
  49. package/dist/{extendSxProp-kvzSbCJ3.js → extendSxProp-BtJlbIOl.js} +1 -1
  50. package/dist/index-EXNF3OIO.js +672 -0
  51. package/dist/main.js +55 -47
  52. package/dist/portal-utils/dates.d.ts +2 -0
  53. package/dist/portal-utils/dates.d.ts.map +1 -0
  54. package/dist/portal-utils/dates.js +7 -0
  55. package/dist/portal-utils/index.d.ts +1 -0
  56. package/dist/portal-utils/index.d.ts.map +1 -1
  57. package/dist/portal-utils/index.js +12 -10
  58. package/dist/types/index.d.ts +3 -0
  59. package/dist/types/index.d.ts.map +1 -1
  60. package/dist/{useFormControl-DUby-fW8.js → useFormControl-MVwkyimi.js} +4 -4
  61. package/dist/{useMobilePicker-CDuVVUzY.js → useMobilePicker-CFsW9hUG.js} +9 -9
  62. package/dist/{useSlot-Bvdicoh5.js → useSlot-Bm5YJQBR.js} +2 -2
  63. package/dist/{useTheme-BHcsKB53.js → useTheme-Cz8ZipjJ.js} +1 -1
  64. package/package.json +4 -1
  65. package/dist/DefaultPropsProvider-8An9vBcT.js +0 -3450
@@ -1,5 +1,5 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import { c as o } from "./createSvgIcon-DQP4Lgl5.js";
2
+ import { c as o } from "./createSvgIcon-D5xeIEZ_.js";
3
3
  const t = o(/* @__PURE__ */ c("path", {
4
4
  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
5
5
  }), "Search");
@@ -0,0 +1 @@
1
+ .rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;inset:5px 0;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;inset:-2px 0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.rdrStaticRangeLabel{font-size:var(--font-size-medium)}.rdrInRange{background-color:var(--color-background-secondary)!important}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span{color:var(--color-text)}.rdrDayNumber{color:var(--color-highlight);font-weight:var(--font-400)}.rdrStartEdge,.rdrEndEdge{border-radius:4px}.rdrDateDisplayWrapper{order:1;background-color:var(--color-white)}.rdrDateInput{color:var(--color-text-secondary);background-color:var(--color-background-secondary)}.rdrDateDisplayItem input,.rdrDateDisplayItemActive input{color:var(--color-text-secondary)}.rdrDayStartPreview{border-radius:4px;border:0}.rdrDayToday .rdrDayNumber span:after{width:4px;height:4px;border-radius:1px;bottom:1px}.rdrDateDisplayWrapper{display:none}.rdrMonthsVertical{background-color:var(--color-background);border-radius:8px}.rdrCalendarWrapper{padding:0 16px 16px}
@@ -0,0 +1 @@
1
+ .passport-daterangewrapper-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-top:10px}.passport-daterangewrapper-close{margin-right:20px;cursor:pointer}
@@ -1,9 +1,9 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { h, j as y, c as C, a as T, C as N, T as g, k as B, P as e } from "../../DefaultPropsProvider-8An9vBcT.js";
2
+ import { h, j as y, c as C, a as T, C as N, T as g, k as B, P as e } from "../../DefaultPropsProvider-ByENA_w0.js";
3
3
  import * as j from "react";
4
- import { u as P } from "../../useTheme-BHcsKB53.js";
5
- import { e as b } from "../../extendSxProp-kvzSbCJ3.js";
6
- import { C as v } from "../../CircularProgress-BjeN7Xv-.js";
4
+ import { u as P } from "../../useTheme-Cz8ZipjJ.js";
5
+ import { e as b } from "../../extendSxProp-BtJlbIOl.js";
6
+ import { C as v } from "../../CircularProgress-BXi3nXc9.js";
7
7
  function E(c = {}) {
8
8
  const {
9
9
  themeId: a,
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
- import { c as u } from "../../createSvgIcon-DQP4Lgl5.js";
2
+ import { c as u } from "../../createSvgIcon-D5xeIEZ_.js";
3
3
  import { Container as p, CssBaseline as h, Box as i, Avatar as g, Typography as l, TextField as s, Button as x, Alert as v } from "@mui/material";
4
4
  import { t as r } from "i18next";
5
5
  const f = u(/* @__PURE__ */ e("path", {
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { B as l } from "../../Button-BPIbs5cw.js";
2
+ import { B as l } from "../../Button-Bx3LbSbV.js";
3
3
  const p = ({
4
4
  content: r,
5
5
  height: o = "40px",
@@ -1,10 +1,10 @@
1
1
  import { jsx as u } from "react/jsx-runtime";
2
- import { _ as P, a, r as m } from "../../ButtonBase-Cj889DO9.js";
2
+ import { _ as P, a, r as m } from "../../ButtonBase-DV7q7wxh.js";
3
3
  import * as f from "react";
4
- import { g as z, a as I, s as M, c as L, e as U, P as e } from "../../DefaultPropsProvider-8An9vBcT.js";
5
- import { u as O, a as Y, b as Q, c as q, r as T, P as B, T as H, d as $, e as K, f as Z, g as G, h as J, i as X, j as ee, C as oe, k as R, l as te, v as C, s as F, m as b, n as ae, D as ne, o as se } from "../../useMobilePicker-CDuVVUzY.js";
6
- import { u as y } from "../../useFormControl-DUby-fW8.js";
7
- import { r as N } from "../../useSlot-Bvdicoh5.js";
4
+ import { g as z, a as I, s as M, c as L, e as U, P as e } from "../../DefaultPropsProvider-ByENA_w0.js";
5
+ import { u as O, a as Y, b as Q, c as q, r as T, P as B, T as H, d as $, e as K, f as Z, g as G, h as J, i as X, j as ee, C as oe, k as R, l as te, v as C, s as F, m as b, n as ae, D as ne, o as se } from "../../useMobilePicker-CFsW9hUG.js";
6
+ import { u as y } from "../../useFormControl-MVwkyimi.js";
7
+ import { r as N } from "../../useSlot-Bm5YJQBR.js";
8
8
  function re(r) {
9
9
  return z("MuiDatePickerToolbar", r);
10
10
  }
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { PassportDateRangePickerProps } from './PassportDateRangePicker.types';
3
+ export declare const PassportDateRangePicker: React.FC<PassportDateRangePickerProps>;
4
+ //# sourceMappingURL=PassportDateRangePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PassportDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateRangePicker/PassportDateRangePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmG1E,CAAC"}
@@ -0,0 +1,110 @@
1
+ import { jsxs as o, Fragment as C, jsx as e } from "react/jsx-runtime";
2
+ import { PassportDateRangeWrapper as y } from "../PassportDateRangeWrapper/PassportDateRangeWrapper.js";
3
+ import { PassportButton as s } from "../PassportButton/PassportButton.js";
4
+ import { PassportTextField as P } from "../PassportTextField/PassportTextField.js";
5
+ import { Popover as z, Box as O } from "@mui/material";
6
+ import { useState as p } from "react";
7
+ const M = ({
8
+ value: n,
9
+ onChange: d,
10
+ maxDaysInPast: c = null,
11
+ maxDays: u = null,
12
+ cancelLabel: m = "Cancel",
13
+ applyLabel: g = "Apply",
14
+ dateRangeWrapperProps: h
15
+ }) => {
16
+ const [r, i] = p(null), [a, l] = p(n), x = (b) => {
17
+ i(b.currentTarget), l(n);
18
+ }, t = () => {
19
+ i(null);
20
+ }, f = () => {
21
+ d(a), t();
22
+ };
23
+ return /* @__PURE__ */ o(C, { children: [
24
+ /* @__PURE__ */ e(
25
+ P,
26
+ {
27
+ value: n.businessDayFrom.toLocaleDateString("en-GB") + " - " + n.businessDayTo.toLocaleDateString("en-GB"),
28
+ onClick: x,
29
+ variant: "outlined",
30
+ size: "small",
31
+ slotProps: { htmlInput: { readOnly: !0 } },
32
+ sx: {
33
+ width: "100%",
34
+ cursor: "pointer",
35
+ background: "#fff",
36
+ "& .MuiOutlinedInput-root": {
37
+ height: "38px",
38
+ fontSize: "14px"
39
+ },
40
+ "& .MuiInputBase-input": {
41
+ padding: "8px 12px",
42
+ fontSize: "14px",
43
+ height: "auto",
44
+ boxSizing: "border-box"
45
+ },
46
+ "& .MuiOutlinedInput-notchedOutline": {
47
+ borderColor: "#dbe2ea"
48
+ }
49
+ }
50
+ }
51
+ ),
52
+ /* @__PURE__ */ e(
53
+ z,
54
+ {
55
+ open: !!r,
56
+ anchorEl: r,
57
+ onClose: t,
58
+ anchorOrigin: { vertical: "bottom", horizontal: "left" },
59
+ sx: {
60
+ ".MuiPopover-paper": { borderRadius: "16px", padding: "1px" }
61
+ },
62
+ children: /* @__PURE__ */ o("div", { style: { padding: 8 }, children: [
63
+ /* @__PURE__ */ e(
64
+ y,
65
+ {
66
+ value: a,
67
+ fireOnChange: l,
68
+ maxDaysInPast: c,
69
+ maxDays: u,
70
+ ...h
71
+ }
72
+ ),
73
+ /* @__PURE__ */ o(
74
+ O,
75
+ {
76
+ sx: {
77
+ display: "flex",
78
+ justifyContent: "flex-end",
79
+ gap: 1,
80
+ mt: 1
81
+ },
82
+ children: [
83
+ /* @__PURE__ */ e(
84
+ s,
85
+ {
86
+ onClick: t,
87
+ content: m,
88
+ size: "small"
89
+ }
90
+ ),
91
+ /* @__PURE__ */ e(
92
+ s,
93
+ {
94
+ variant: "contained",
95
+ onClick: f,
96
+ content: g,
97
+ size: "small"
98
+ }
99
+ )
100
+ ]
101
+ }
102
+ )
103
+ ] })
104
+ }
105
+ )
106
+ ] });
107
+ };
108
+ export {
109
+ M as PassportDateRangePicker
110
+ };
@@ -0,0 +1,26 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: (props: {
5
+ maxDaysInPast?: number | null;
6
+ maxDays?: number | null;
7
+ cancelLabel?: string;
8
+ applyLabel?: string;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ tags: string[];
11
+ parameters: {
12
+ layout: string;
13
+ };
14
+ args: {
15
+ maxDaysInPast: null;
16
+ maxDays: null;
17
+ cancelLabel: string;
18
+ applyLabel: string;
19
+ };
20
+ };
21
+ export default meta;
22
+ type Story = StoryObj<typeof meta>;
23
+ export declare const Default: Story;
24
+ export declare const WithValidation: Story;
25
+ export declare const CustomLabels: Story;
26
+ //# sourceMappingURL=PassportDateRangePicker.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PassportDateRangePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateRangePicker/PassportDateRangePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqCvD,QAAA,MAAM,IAAI;;uBA7BkC;QAC1C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB;;;;;;;;;;;CAqCmD,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { BusinessDayRange } from '../../types/BusinessDayRange';
2
+ import { PassportDateRangeWrapperProps } from '../PassportDateRangeWrapper/PassportDateRangeWrapper.types';
3
+ export interface PassportDateRangePickerProps {
4
+ /** Current date range value */
5
+ value: BusinessDayRange;
6
+ /** Callback fired when the range is applied */
7
+ onChange: (range: BusinessDayRange) => void;
8
+ /** Maximum number of days in the past that can be selected. Set to null to disable. */
9
+ maxDaysInPast?: number | null;
10
+ /** Maximum number of days allowed in the selected range. Set to null to disable. */
11
+ maxDays?: number | null;
12
+ /** Label for the cancel button */
13
+ cancelLabel?: string;
14
+ /** Label for the apply button */
15
+ applyLabel?: string;
16
+ /** Props forwarded to the inner PassportDateRangeWrapper */
17
+ dateRangeWrapperProps?: Partial<PassportDateRangeWrapperProps>;
18
+ }
19
+ //# sourceMappingURL=PassportDateRangePicker.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PassportDateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateRangePicker/PassportDateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,sEAAsE,CAAC;AAErH,MAAM,WAAW,4BAA4B;IAC3C,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC,6BAA6B,CAAC,CAAC;CAChE"}
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { PassportDateRangeWrapperProps } from './PassportDateRangeWrapper.types';
3
+ export declare const PassportDateRangeWrapper: React.FC<PassportDateRangeWrapperProps>;
4
+ //# sourceMappingURL=PassportDateRangeWrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PassportDateRangeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PassportDateRangeWrapper/PassportDateRangeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,iCAAiC,CAAC;AAGzC,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA0E5E,CAAC"}