@amateescu/portal-ui-components 0.0.43 → 0.0.44
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.
- package/dist/{Button-BPIbs5cw.js → Button-Bx3LbSbV.js} +3 -3
- package/dist/{ButtonBase-Cj889DO9.js → ButtonBase-DV7q7wxh.js} +1 -1
- package/dist/{CheckBox-B3iprBDG.js → CheckBox-YBX2j1qt.js} +1 -1
- package/dist/{CircularProgress-BjeN7Xv-.js → CircularProgress-BXi3nXc9.js} +1 -1
- package/dist/{Clear-BzF0WMi7.js → Clear-Bz9hw2Wj.js} +1 -1
- package/dist/DefaultPropsProvider-ByENA_w0.js +2808 -0
- package/dist/{Search-BxOqluZm.js → Search-D_9Ptbky.js} +1 -1
- package/dist/assets/PassportDateRangeWrapper.css +1 -0
- package/dist/assets/PassportDatesFilter.css +1 -0
- package/dist/components/LoadingAnimation/LoadingAnimation.js +4 -4
- package/dist/components/Login/Login.js +1 -1
- package/dist/components/PassportButton/PassportButton.js +1 -1
- package/dist/components/PassportDatePicker/PassportDatePicker.js +5 -5
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.d.ts +4 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.d.ts.map +1 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.js +110 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.stories.d.ts +26 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.stories.d.ts.map +1 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.types.d.ts +19 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.types.d.ts.map +1 -0
- package/dist/components/PassportDateRangePicker/PassportDateRangePicker.types.js +1 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.d.ts +4 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.d.ts.map +1 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.js +11257 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.d.ts +22 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.stories.d.ts.map +1 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.d.ts +19 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.d.ts.map +1 -0
- package/dist/components/PassportDateRangeWrapper/PassportDateRangeWrapper.types.js +1 -0
- package/dist/components/PassportDateTimePicker/PassportDateTimePicker.js +7 -7
- package/dist/components/PassportDatesFilter/PassportDatesFilter.d.ts +4 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.d.ts.map +1 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.js +112 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.stories.d.ts +13 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.stories.d.ts.map +1 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.types.d.ts +22 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.types.d.ts.map +1 -0
- package/dist/components/PassportDatesFilter/PassportDatesFilter.types.js +1 -0
- package/dist/components/PassportInput/PassportInput.js +2 -2
- package/dist/components/PassportMultiSelect/PassportMultiSelect.js +1 -1
- package/dist/components/PassportPagination/PassportPagination.js +4 -4
- package/dist/components/PassportSearchableMultiSelect/PassportSearchableMultiSelect.js +1 -1
- package/dist/components/PassportSearchableMultiSelectDetailed/PassportSearchableMultiSelectDetailed.js +1 -1
- package/dist/components/PassportTreeSelect/PassportTreeSelect.js +8 -8
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +38 -32
- package/dist/{createSvgIcon-DQP4Lgl5.js → createSvgIcon-D5xeIEZ_.js} +1 -1
- package/dist/{extendSxProp-kvzSbCJ3.js → extendSxProp-BtJlbIOl.js} +1 -1
- package/dist/index-EXNF3OIO.js +672 -0
- package/dist/main.js +55 -47
- package/dist/portal-utils/dates.d.ts +2 -0
- package/dist/portal-utils/dates.d.ts.map +1 -0
- package/dist/portal-utils/dates.js +7 -0
- package/dist/portal-utils/index.d.ts +1 -0
- package/dist/portal-utils/index.d.ts.map +1 -1
- package/dist/portal-utils/index.js +12 -10
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/{useFormControl-DUby-fW8.js → useFormControl-MVwkyimi.js} +4 -4
- package/dist/{useMobilePicker-CDuVVUzY.js → useMobilePicker-CFsW9hUG.js} +9 -9
- package/dist/{useSlot-Bvdicoh5.js → useSlot-Bm5YJQBR.js} +2 -2
- package/dist/{useTheme-BHcsKB53.js → useTheme-Cz8ZipjJ.js} +1 -1
- package/package.json +4 -1
- 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-
|
|
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)}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span{color:var(--color-highlight)}.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-
|
|
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-
|
|
5
|
-
import { e as b } from "../../extendSxProp-
|
|
6
|
-
import { C as v } from "../../CircularProgress-
|
|
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-
|
|
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,10 +1,10 @@
|
|
|
1
1
|
import { jsx as u } from "react/jsx-runtime";
|
|
2
|
-
import { _ as P, a, r as m } from "../../ButtonBase-
|
|
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-
|
|
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-
|
|
6
|
-
import { u as y } from "../../useFormControl-
|
|
7
|
-
import { r as N } from "../../useSlot-
|
|
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 @@
|
|
|
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 @@
|
|
|
1
|
+
|
|
@@ -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"}
|