forstok-ui-lib 5.2.41 → 5.2.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/index.mjs
CHANGED
|
@@ -223,7 +223,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
|
|
|
223
223
|
padding-right: 30px !important;
|
|
224
224
|
|
|
225
225
|
}
|
|
226
|
-
${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:i,$size:o,disabled:a,$iconLeft:s,$shadow:c})=>{let l="";return n?(c&&(l+="\n box-shadow: var(--act-shd-bx);\n "),o&&("xsmall"===o?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===o?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===o&&(l+="\n height: 32px;\n ")),"red"===e?l+=`\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n background-color: var(--act-clr-bg__hvr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?l+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n border: 1px solid var(--sec-clr-ln);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?l+=`\n &, &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"nude"===e?l+="\n &, &:hover { \n background-color: var(--ter-clr-bg); \n } \n ":"clearL"===e?l+="\n width: auto;\n height: auto;\n color: var(--pri-clr-lnk__hvr);\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, &:hover { \n background-color: transparent; \n }\n &:hover {\n opacity: .9;\n }\n ":"clearB"===e?l+=`\n background-color: var(--cl-clr-bg);\n color: var(--pri-clr-lnk__hvr);\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n &:disabled {\n span {color: var(--mt-clr);}\n }\n `:"clear"===e?(l+="\n box-shadow: none !important;\n &, &:hover { \n background-color: transparent; \n }\n ",i&&(l+="\n color: var(--pri-clr) !important;\n font-weight: 600;\n ")):"more"===e?l+=`\n padding: 8px;\n background-color: var(--mt-clr-bg__fc);\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20width%3D%223%22%20height%3D%2213%22%20viewBox%3D%220%200%203%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%226.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3C%2Fsvg%3E);\n height: 14px;\n width: 14px;\n ${ge}\n }\n `:"round-close"===e?l+=`\n background-color: transparent;\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20rgb%2872%2C72%2C72%29%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 12px;\n ${ge}\n } \n `:"small-white-round-close"===e?l+=`\n background-color: transparent;\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20%23ffffff%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 8px;\n ${ge}\n } \n `:"page-option"===e&&(l+=`\n border: 1px solid var(--ck-clr-ln);\n background-color: transparent;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--ter-rd);\n padding: 6px 12px;\n height: 28px;\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `),a&&(l+="\n &, &:hover {\n background-color: var(--mt-clr-bg__fc) !important;\n cursor: default;\n color: var(--mt-clr);\n }\n "),s&&(l+=" padding-left: 35px; ","calendar"===s&&(l+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%
|
|
226
|
+
${({$mode:e,$isIndicatorArrow:t,$isShown:n,$isLoading:r,$activated:i,$size:o,disabled:a,$iconLeft:s,$shadow:c})=>{let l="";return n?(c&&(l+="\n box-shadow: var(--act-shd-bx);\n "),o&&("xsmall"===o?l+="\n font-size: 12px;\n height: 20px;\n padding: 0 8px;\n ":"small"===o?l+="\n font-size: 13px;\n height: 28px;\n min-width: 75px;\n ":"medium"===o&&(l+="\n height: 32px;\n ")),"red"===e?l+=`\n color: var(--act-clr);\n background-color: var(--act-clr-bg);\n &:hover {\n background-color: var(--act-clr-bg__hvr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"white"===e?l+="\n color: var(--mt-clr);\n background-color: var(--cl-clr-bg);\n border: 1px solid var(--sec-clr-ln);\n &:hover { \n background-color: var(--cl-clr-bg__hvr);\n } \n ":"blue"===e?l+=`\n &, &:hover {\n background-color: var(--ck-clr-bg__act);\n color: var(--act-clr);\n }\n & ${ye} {\n fill: #ffffff;\n stroke: #ffffff;\n }\n `:"nude"===e?l+="\n &, &:hover { \n background-color: var(--ter-clr-bg); \n } \n ":"clearL"===e?l+="\n width: auto;\n height: auto;\n color: var(--pri-clr-lnk__hvr);\n text-decoration: none;\n padding: 0;\n margin: 0;\n &, &:hover { \n background-color: transparent; \n }\n &:hover {\n opacity: .9;\n }\n ":"clearB"===e?l+=`\n background-color: var(--cl-clr-bg);\n color: var(--pri-clr-lnk__hvr);\n svg {\n fill: var(--pri-clr-lnk__hvr);\n stroke: var(--pri-clr-lnk__hvr);\n }\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n &:disabled {\n span {color: var(--mt-clr);}\n }\n `:"clear"===e?(l+="\n box-shadow: none !important;\n &, &:hover { \n background-color: transparent; \n }\n ",i&&(l+="\n color: var(--pri-clr) !important;\n font-weight: 600;\n ")):"more"===e?l+=`\n padding: 8px;\n background-color: var(--mt-clr-bg__fc);\n &:before { \n content: url(data:image/svg+xml,%3Csvg%20width%3D%223%22%20height%3D%2213%22%20viewBox%3D%220%200%203%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%226.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20fill%3D%22%235A5A5A%22%2F%3E%3C%2Fsvg%3E);\n height: 14px;\n width: 14px;\n ${ge}\n }\n `:"round-close"===e?l+=`\n background-color: transparent;\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20rgb%2872%2C72%2C72%29%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 12px;\n ${ge}\n } \n `:"small-white-round-close"===e?l+=`\n background-color: transparent;\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20212.982%20212.982%22%20style%3D%22enable-background%3Anew%200%200%20212.982%20212.982%3B%20fill%3A%20%23ffffff%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%22%20d%3D%22M131.804%2C106.491l75.936-75.936c6.99-6.99%2C6.99-18.323%2C0-25.312%20%20c-6.99-6.99-18.322-6.99-25.312%2C0l-75.937%2C75.937L30.554%2C5.242c-6.99-6.99-18.322-6.99-25.312%2C0c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312%20%20l75.937%2C75.936L5.242%2C182.427c-6.989%2C6.99-6.989%2C18.323%2C0%2C25.312c6.99%2C6.99%2C18.322%2C6.99%2C25.312%2C0l75.937-75.937l75.937%2C75.937%20%20c6.989%2C6.99%2C18.322%2C6.99%2C25.312%2C0c6.99-6.99%2C6.99-18.322%2C0-25.312L131.804%2C106.491z%22%2F%3E%3C%2Fsvg%3E);\n width: 8px;\n ${ge}\n } \n `:"page-option"===e&&(l+=`\n border: 1px solid var(--ck-clr-ln);\n background-color: transparent;\n font-weight: 600;\n cursor: pointer;\n border-radius: var(--ter-rd);\n padding: 6px 12px;\n height: 28px;\n & ${ye} {\n width: 14px;\n height: 14px;\n margin-top: -7px;\n }\n `),a&&(l+="\n &, &:hover {\n background-color: var(--mt-clr-bg__fc) !important;\n cursor: default;\n color: var(--mt-clr);\n }\n "),s&&(l+=" padding-left: 35px; ","calendar"===s&&(l+="\n &:before { \n content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%2010H21M7%203V5M17%203V5M6.2%2021H17.8C18.9201%2021%2019.4802%2021%2019.908%2020.782C20.2843%2020.5903%2020.5903%2020.2843%2020.782%2019.908C21%2019.4802%2021%2018.9201%2021%2017.8V8.2C21%207.07989%2021%206.51984%2020.782%206.09202C20.5903%205.71569%2020.2843%205.40973%2019.908%205.21799C19.4802%205%2018.9201%205%2017.8%205H6.2C5.0799%205%204.51984%205%204.09202%205.21799C3.71569%205.40973%203.40973%205.71569%203.21799%206.09202C3%206.51984%203%207.07989%203%208.2V17.8C3%2018.9201%203%2019.4802%203.21799%2019.908C3.40973%2020.2843%203.71569%2020.5903%204.09202%2020.782C4.51984%2021%205.07989%2021%206.2%2021Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E); \n position: absolute;\n left: 12px;\n top: 50%;\n margin-top: -8px;\n width: 14px;\n height: 16px;\n }\n ")),t&&(l+=" \n padding-right: 25px; \n "),r&&(l+=" \n padding-right: 30px !important; \n "),l):"display:none;"}}
|
|
227
227
|
|
|
228
228
|
`,ye=g.svg`
|
|
229
229
|
display: inline-block;
|
|
@@ -1119,7 +1119,7 @@ r.version="2.30.1",i(Qn),r.fn=co,r.min=$n,r.max=er,r.now=tr,r.utc=p,r.unix=lo,r.
|
|
|
1119
1119
|
`,xp=g.div`
|
|
1120
1120
|
display: flex;
|
|
1121
1121
|
padding: 0 0 0 12px;
|
|
1122
|
-
`,bp=({mode:e="default",placeholder:t,startDate:i,endDate:a,rangeDate:s,minDate:c,evModDate:l,portalId:u,isForceUpdate:d,setForceUpdate:h,isCheckType:f,size:p})=>{const g=t||_f.placeholder,m=s||_f.rangeDate,y=i||_f.startDate,x=a||_f.endDate,b=c||_f.minDate,[v,C]=n(!1),[A,w]=n(0),[B,I]=n(!1),[F,D]=n(y),[k,S]=n(x),[O,M]=n(m),N=o(null),T=o(null),L=Xf.extendMoment(Wf),G=()=>{C(!1)};r((()=>{if(A&&"filter"===e&&B){const e=N.current&&N.current?N.current.getBoundingClientRect().x:0;w(e),I(!0)}d&&(y&&D(y),x&&S(x),m&&M(m),h&&h(!1))}),[A,B,e,d,h,y,x,m]);const Y=e=>{const t=e.target.dataset.type||"";let n="",r=L().clone().format("YYYY-MM-DD");switch(t){case"today":n=L().clone().format("YYYY-MM-DD");break;case"lastweek":n=L().clone().subtract(6,"days").format("YYYY-MM-DD");break;case"lastsecondweek":n=L().clone().subtract(13,"days").format("YYYY-MM-DD");break;case"lastmonth":n=L().clone().subtract(29,"days").format("YYYY-MM-DD");break;case"lastquart":n=L().clone().subtract(89,"days").format("YYYY-MM-DD");break;default:n="",r=""}D(n),S(r),M(t),l(n,r,t,G)},P=L(y,"YYYY-MM-DD"),R=L(x,"YYYY-MM-DD"),W=L(b,"YYYY-MM-DD").format("YYYY-MM-DD"),X=L(F,"YYYY-MM-DD").startOf("day"),V=L(k,"YYYY-MM-DD").endOf("day"),z=b?new Date(W):null,_=v?"is-shown":"";let H;F&&k?H=L.range(X,V):y&&x?H=L.range(L(y,"YYYY-MM-DD").startOf("day"),L(x,"YYYY-MM-DD").endOf("day")):m&&(H=L.range(L().clone().subtract(zf(m),"days").startOf("day"),L().clone().endOf("day")));const Z=E.jsxs(ap,{$mode:e,style:{left:"-"+A+"px"},children:[E.jsxs(fp,{children:[E.jsxs(pp,{children:[E.jsx(gp,{"data-type":"today",$activated:"today"===O,onClick:Y,"data-qa-id":"daterange-picker-today",children:"Today"}),E.jsx(gp,{"data-type":"lastweek",$activated:"lastweek"===O,onClick:Y,"data-qa-id":"daterange-picker-7d",children:"Last 7 days"}),E.jsx(gp,{"data-type":"lastsecondweek",$activated:"lastsecondweek"===O,onClick:Y,"data-qa-id":"daterange-picker-14d",children:"Last 14 days"}),E.jsx(gp,{"data-type":"lastmonth",$activated:"lastmonth"===O,onClick:Y,"data-qa-id":"daterange-picker-30d",children:"Last 30 days"}),E.jsx(gp,{"data-type":"lastquart",$activated:"lastquart"===O,onClick:Y,"data-qa-id":"daterange-picker-90d",children:"Last 90 days"}),E.jsx(gp,{"data-type":"custom",$activated:"custom"===O,"data-qa-id":"daterange-picker-custom",children:"Custom Range"})]}),E.jsx(Rf,Object.assign({numberOfCalendars:2,onSelect:e=>{const t=e.start.format("YYYY-MM-DD"),n=e.end.format("YYYY-MM-DD");D(t),S(n),M("custom")},selectionType:"range",maximumDate:new Date,value:H,initialMonth:L().add(-1,"month").month(),initialYear:L().add(0,"year").year(),singleDateRange:!0},z&&{minimumDate:z}))]}),E.jsxs(mp,{children:[E.jsx(j,{children:F&&k?X.format("LL")+" - "+V.format("LL"):" "}),E.jsxs("div",{children:[E.jsx(xe,{$mode:"white",$size:"small",onClick:()=>{C(!1)},"data-qa-id":"daterange-picker-cancel",children:"Cancel"}),E.jsx(xe,{$mode:"red",$size:"small",onClick:()=>{let e="",t="";F&&k?(e=F,t=k):m?(e=L().clone().subtract(zf(m),"days").format("YYYY-MM-DD"),t=L().clone().format("YYYY-MM-DD")):y&&x&&(e=y,t=x),l(e,t,"custom",G)},"data-qa-id":"daterange-picker-apply",children:"Apply"})]})]})]});return E.jsxs(cp,{className:"_refContainer "+_,$mode:e,ref:N,"data-qa-id":"daterange-picker",children:[E.jsx(sp,{ref:T,onClick:e=>{const t=T&&T.current?T.current:null,n=t&&e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=n.closest("._refContainer"),i=r.classList.contains("is-shown"),o=r.getBoundingClientRect();if(!i){const e=document.getElementsByClassName("_refContainer is-shown");if(e.length)for(var a=0;a<e.length;a++)e[a].classList.remove("is-shown");setTimeout((()=>{if(u){const t=document.getElementsByClassName("._refDateRangePickerPortal is-shown");if(t.length)for(var e=0;e<t.length;e++)t[e].classList.remove("is-shown"),t[e].style.left="0",t[e].style.top="0"}}),10)}C(!i),i?(r&&r.classList.remove("is-shown"),setTimeout((()=>{if(u){const e=document.querySelector("._refDateRangePickerPortal");e&&(e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}}),10)):(D(y||""),S(x||""),M(m||""),r&&r.classList.add("is-shown"),setTimeout((()=>{if(u){const e=document.querySelector("._refDateRangePickerPortal");e&&(o&&(e.style.left=o.left+"px",e.style.top=o.top+o.height+"px"),e.classList.add("is-shown"))}}),10))},$mode:e,$size:p,children:"filterorder"===e||"filterordertofulfill"===e||"filterdashboard"===e?E.jsx(xe,{$iconLeft:"calendar",$mode:"nude",$isIndicatorArrow:!0,isIndicatorArrowColor:"#494949",children:y&&x&&"custom"===m?P.format("MMM D, YYYY")+" - "+R.format("MMM D, YYYY"):m?Vf(m):g}):E.jsxs(E.Fragment,{children:["filter"===e?E.jsx(pe,{name:"checkbox-date",id:"checkbox-date",className:"_refCheckboxContainer",defaultChecked:f,disabled:!0}):null,"popuppayment"===e?E.jsx(xp,{children:E.jsx(De,{$name:"calendar",$width:"14px"})}):null,E.jsx(lp,{children:E.jsx(up,{$size:p,children:y&&x&&"custom"===m?P.format("LL")+" - "+R.format("LL"):m?Vf(m):g})}),E.jsx(dp,{children:E.jsx(hp,{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:E.jsx("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})})})]})}),v&&(u?E.jsx(ke,{children:E.jsx(yp,{className:"_refDateRangePickerPortal",children:Z})}):Z)]})},vp=g.div`
|
|
1122
|
+
`,bp=({mode:e="default",placeholder:t,startDate:i,endDate:a,rangeDate:s,minDate:c,evModDate:l,portalId:u,isForceUpdate:d,setForceUpdate:h,isCheckType:f,size:p})=>{const g=t||_f.placeholder,m=s||_f.rangeDate,y=i||_f.startDate,x=a||_f.endDate,b=c||_f.minDate,[v,C]=n(!1),[A,w]=n(0),[B,I]=n(!1),[F,D]=n(y),[k,S]=n(x),[O,M]=n(m),N=o(null),T=o(null),L=Xf.extendMoment(Wf),G=()=>{C(!1)};r((()=>{if(A&&"filter"===e&&B){const e=N.current&&N.current?N.current.getBoundingClientRect().x:0;w(e),I(!0)}d&&(y&&D(y),x&&S(x),m&&M(m),h&&h(!1))}),[A,B,e,d,h,y,x,m]);const Y=e=>{const t=e.target.dataset.type||"";let n="",r=L().clone().format("YYYY-MM-DD");switch(t){case"today":n=L().clone().format("YYYY-MM-DD");break;case"lastweek":n=L().clone().subtract(6,"days").format("YYYY-MM-DD");break;case"lastsecondweek":n=L().clone().subtract(13,"days").format("YYYY-MM-DD");break;case"lastmonth":n=L().clone().subtract(29,"days").format("YYYY-MM-DD");break;case"lastquart":n=L().clone().subtract(89,"days").format("YYYY-MM-DD");break;default:n="",r=""}D(n),S(r),M(t),l(n,r,t,G)},P=L(y,"YYYY-MM-DD"),R=L(x,"YYYY-MM-DD"),W=L(b,"YYYY-MM-DD").format("YYYY-MM-DD"),X=L(F,"YYYY-MM-DD").startOf("day"),V=L(k,"YYYY-MM-DD").endOf("day"),z=b?new Date(W):null,_=v?"is-shown":"";let H;F&&k?H=L.range(X,V):y&&x?H=L.range(L(y,"YYYY-MM-DD").startOf("day"),L(x,"YYYY-MM-DD").endOf("day")):m&&(H=L.range(L().clone().subtract(zf(m),"days").startOf("day"),L().clone().endOf("day")));const Z=E.jsxs(ap,{$mode:e,style:{left:"-"+A+"px"},children:[E.jsxs(fp,{children:[E.jsxs(pp,{children:[E.jsx(gp,{"data-type":"today",$activated:"today"===O,onClick:Y,"data-qa-id":"daterange-picker-today",children:"Today"}),E.jsx(gp,{"data-type":"lastweek",$activated:"lastweek"===O,onClick:Y,"data-qa-id":"daterange-picker-7d",children:"Last 7 days"}),E.jsx(gp,{"data-type":"lastsecondweek",$activated:"lastsecondweek"===O,onClick:Y,"data-qa-id":"daterange-picker-14d",children:"Last 14 days"}),E.jsx(gp,{"data-type":"lastmonth",$activated:"lastmonth"===O,onClick:Y,"data-qa-id":"daterange-picker-30d",children:"Last 30 days"}),E.jsx(gp,{"data-type":"lastquart",$activated:"lastquart"===O,onClick:Y,"data-qa-id":"daterange-picker-90d",children:"Last 90 days"}),E.jsx(gp,{"data-type":"custom",$activated:"custom"===O,"data-qa-id":"daterange-picker-custom",children:"Custom Range"})]}),E.jsx(Rf,Object.assign({bemNamespace:"DateRangePicker",numberOfCalendars:2,onSelect:e=>{const t=e.start.format("YYYY-MM-DD"),n=e.end.format("YYYY-MM-DD");D(t),S(n),M("custom")},selectionType:"range",maximumDate:new Date,value:H,initialMonth:L().add(-1,"month").month(),initialYear:L().add(0,"year").year(),singleDateRange:!0},z&&{minimumDate:z}))]}),E.jsxs(mp,{children:[E.jsx(j,{children:F&&k?X.format("LL")+" - "+V.format("LL"):" "}),E.jsxs("div",{children:[E.jsx(xe,{$mode:"white",$size:"small",onClick:()=>{C(!1)},"data-qa-id":"daterange-picker-cancel",children:"Cancel"}),E.jsx(xe,{$mode:"red",$size:"small",onClick:()=>{let e="",t="";F&&k?(e=F,t=k):m?(e=L().clone().subtract(zf(m),"days").format("YYYY-MM-DD"),t=L().clone().format("YYYY-MM-DD")):y&&x&&(e=y,t=x),l(e,t,"custom",G)},"data-qa-id":"daterange-picker-apply",children:"Apply"})]})]})]});return E.jsxs(cp,{className:"_refContainer "+_,$mode:e,ref:N,"data-qa-id":"daterange-picker",children:[E.jsx(sp,{ref:T,onClick:e=>{const t=T&&T.current?T.current:null,n=t&&e.target.closest(`.${t.classList[0]}`);if(!n)return;const r=n.closest("._refContainer"),i=r.classList.contains("is-shown"),o=r.getBoundingClientRect();if(!i){const e=document.getElementsByClassName("_refContainer is-shown");if(e.length)for(var a=0;a<e.length;a++)e[a].classList.remove("is-shown");setTimeout((()=>{if(u){const t=document.getElementsByClassName("._refDateRangePickerPortal is-shown");if(t.length)for(var e=0;e<t.length;e++)t[e].classList.remove("is-shown"),t[e].style.left="0",t[e].style.top="0"}}),10)}C(!i),i?(r&&r.classList.remove("is-shown"),setTimeout((()=>{if(u){const e=document.querySelector("._refDateRangePickerPortal");e&&(e.classList.remove("is-shown"),e.style.left="0",e.style.top="0")}}),10)):(D(y||""),S(x||""),M(m||""),r&&r.classList.add("is-shown"),setTimeout((()=>{if(u){const e=document.querySelector("._refDateRangePickerPortal");e&&(o&&(e.style.left=o.left+"px",e.style.top=o.top+o.height+"px"),e.classList.add("is-shown"))}}),10))},$mode:e,$size:p,children:"filterorder"===e||"filterordertofulfill"===e||"filterdashboard"===e?E.jsx(xe,{$iconLeft:"calendar",$mode:"nude",$isIndicatorArrow:!0,isIndicatorArrowColor:"#494949",children:y&&x&&"custom"===m?P.format("MMM D, YYYY")+" - "+R.format("MMM D, YYYY"):m?Vf(m):g}):E.jsxs(E.Fragment,{children:["filter"===e?E.jsx(pe,{name:"checkbox-date",id:"checkbox-date",className:"_refCheckboxContainer",defaultChecked:f,disabled:!0}):null,"popuppayment"===e?E.jsx(xp,{children:E.jsx(De,{$name:"calendar",$width:"14px"})}):null,E.jsx(lp,{children:E.jsx(up,{$size:p,children:y&&x&&"custom"===m?P.format("LL")+" - "+R.format("LL"):m?Vf(m):g})}),E.jsx(dp,{children:E.jsx(hp,{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",children:E.jsx("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})})})]})}),v&&(u?E.jsx(ke,{children:E.jsx(yp,{className:"_refDateRangePickerPortal",children:Z})}):Z)]})},vp=g.div`
|
|
1123
1123
|
display: grid;
|
|
1124
1124
|
`,Cp=({dateTimeData:e})=>{const t=Wf(e,"YYYY-MM-DD HH:mm:ss ZZ").format("D MMM YYYY,"),n=Wf(e,"YYYY-MM-DD HH:mm:ss ZZ").format("hh:mm A");return E.jsx(vp,{children:e?E.jsxs(E.Fragment,{children:[E.jsx("span",{children:t}),E.jsx("span",{children:n})]}):"-"})},Ap=m`
|
|
1125
1125
|
display: grid;
|