@shipengine/elements 2.8.1 → 2.9.0

package/usePager.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{useRef as a,useLayoutEffect as i,useState as r,useMemo as s,useCallback as o,useEffect as c}from"react";import{Icon as l,IconSize as d,Typography as g,Table as p,TableFooter as m,TableHeader as h,TableHeaderRow as u,TableHeaderCell as b,Checkbox as v,TableBody as O,TableRow as j,TableBodyCell as S,Pagination as f,Button as C,ButtonVariant as A,Popover as T,RadioGroup as D,Radio as y,Input as L,Calendar as I}from"@shipengine/giger";import{IconNames as E}from"@shipengine/giger-theme";import{h as x,v as w,a as k}from"./vat.js";import{T as F,b as R,f as _,_ as B,i as M}from"./carrier.js";import{G as W,J as z,K as P}from"./actions-menu.js";import{Trans as Y,useTranslation as U}from"react-i18next";import{useForm as G}from"react-hook-form";import{useToggle as Z}from"react-use";import{z as N}from"zod";import{subDays as $}from"date-fns/subDays";const H=x({container:{backgroundColor:"#11003A"},getChildrenStyles:e=>n=>({height:e?"90%":"0",overflow:"scroll"}),getDrawerStyles:e=>n=>({backgroundColor:"#11003A",bottom:0,height:e?"50%":`${n.spacing(6)}px`,minWidth:"375px",position:"fixed",transformOrigin:"bottom",transition:"height 0.5s;"}),header:e=>({alignItems:"center",color:"#fff",display:"flex",height:e.spacing(6),justifyContent:"space-between",padding:e.spacing(1)})}),X=({children:t,headerContent:r,isOpen:s,toggleDrawer:o})=>{const c=a(null);return i((()=>{const e=()=>{const e=c.current;e&&e.parentElement&&(e.style.width=`${e.parentElement.clientWidth}px`)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e("div",Object.assign({"aria-label":"Drawer",css:H.getDrawerStyles(s),ref:c},{children:[e("header",Object.assign({"aria-expanded":s,css:H.header},{children:[n("div",Object.assign({onClick:o,onKeyDown:e=>{"Enter"===e.key&&o()},role:"button",tabIndex:0},{children:n(l,{css:{transform:`rotate(${s?"-90":"90"}deg)`},name:E.PAGINATION_LEFT})})),r]})),n("div",Object.assign({"aria-labelledby":"drawer",css:H.getChildrenStyles(s),role:"region"},{children:t}))]}))},K=x({container:e=>({alignItems:"center",display:"flex",flexDirection:"column",margin:"0 auto",padding:e.spacing(5),rowGap:e.spacing(),textAlign:"center"}),icon:e=>({color:e.palette.error.main}),subtitleContainer:{display:"flex",flexDirection:"column"}}),q=t=>{var{title:a,subtitle:i}=t,r=F(t,["title","subtitle"]);return e("div",Object.assign({css:K.container},r,{children:[n(l,{css:K.icon,name:E.ALERT,size:d.SIZE_LARGE}),n(g,Object.assign({variant:"heading3"},{children:a})),n("div",Object.assign({css:K.subtitleContainer},{children:Array.isArray(i)?i.map((e=>n(g,Object.assign({variant:"body1"},{children:e})))):n(g,Object.assign({variant:"body1"},{children:i}))}))]}))},J=x({getCheckboxHeader:e=>({width:e.spacing(6)}),getFilters:e=>({borderBottom:`1px solid ${e.palette.gray[200]}`,padding:`${e.spacing()}px ${e.spacing(2)}px`}),getTableHeader:e=>({background:e.palette.secondary.ultraLight}),getWrapper:e=>Object.assign({height:"auto"},e.getComponentOverride("Table")),table:{tableLayout:"initial"},tableFooter:{borderTop:"none",justifyContent:"space-between"},tableWrapper:{border:"none"}}),V=({columns:t,data:a,footerContent:i,onRowClick:c,useCheckboxes:l=!1,filters:d,emptyContent:g})=>{var f,C,A;const[T,D]=r(null!==(f=null==a?void 0:a.map((()=>!1)))&&void 0!==f?f:[]),y=s((()=>T.length>0&&T.every((e=>e))),[T]),L=s((()=>T.some((e=>e))),[T]),I=o((e=>{D((n=>{const t=[...n];return t[e]=!t[e],t}))}),[]),E=o((e=>{D((n=>{const t=[...n];for(const n of t.entries())t[n[0]]=e;return t}))}),[]);return e("div",Object.assign({css:J.getWrapper},{children:[d&&n("div",Object.assign({css:J.getFilters},{children:d})),0===a.length&&g?g:n(p,Object.assign({"data-testid":"grid",footer:i&&n(m,Object.assign({css:J.tableFooter},{children:i})),header:n(h,{children:e(u,{children:[l&&n(b,Object.assign({css:J.getCheckboxHeader},{children:n(v,{checked:null!==(C=y||L)&&void 0!==C&&C,indeterminate:null!==(A=!y&&L)&&void 0!==A&&A,onChange:e=>E(e.target.checked)})})),t.map((e=>e.headerContent)).map(((e,t)=>n(b,Object.assign({css:J.getTableHeader},{children:e}),t)))]})}),outerWrapperStyles:J.tableWrapper,tableStyles:J.table},{children:n(O,{children:a.map(((a,i)=>{var r;return e(j,Object.assign({"data-testid":"grid-row",onClick:c?()=>c(a):void 0},{children:[l&&n(S,{children:n(v,{checked:null!==(r=T[i])&&void 0!==r&&r,onChange:()=>I(i)})}),t.filter((e=>e.renderCellContent)).map(((e,t)=>n(S,{children:e.renderCellContent(a)},t)))]}),i)}))})}))]}))},Q=({date:e,short:t})=>{const{locale:a}=W();return n(g,Object.assign({component:"span",variant:"body2"},{children:t?R(new Date(e),a):_(e,a)}))},ee=({page:a,pages:i,pageSize:r,total:s,showPagination:o,onPageChange:c})=>{const l=(a-1)*r+1,d=Math.min(a*r,s);return e(t,{children:[n(g,Object.assign({component:"span",variant:"body2"},{children:n(Y,{components:[n("b",{})],count:s,i18nKey:"common:grid.row-count",values:{firstIndex:l,lastIndex:d}})})),o&&n(f,{currentPage:a,onPageChange:c,totalPages:i})]})},ne=N.object({shipmentId:N.string({errorMap:()=>({message:"schemaErrors.requiredShipmentId"})})}),te=x({mainButton:e=>({marginRight:e.spacing()}),popoverButtons:e=>({display:"flex",gap:e.spacing(),justifyContent:"flex-end"})}),ae=({filters:i,onFiltersUpdated:r})=>{const{t:s}=U(["common"]),[o,c]=Z(!1),g=a(null),p=G({resolver:w(ne)}),m=p.handleSubmit((e=>B(void 0,void 0,void 0,(function*(){c(),r(Object.assign(Object.assign({},i),{shipmentId:Object.assign(Object.assign({},i.shipmentId),{value:e.shipmentId})}))})))),h=()=>{r(Object.assign(Object.assign({},i),{shipmentId:Object.assign(Object.assign({},i.shipmentId),{value:""})}))};return n(t,{children:i.shipmentId.value?e(C,Object.assign({css:te.mainButton,onClick:h,variant:A.TEXT},{children:[n("span",{children:n(Y,{i18nKey:"common:grid.shipmentIdFilter",values:{shipmentId:i.shipmentId.value}})}),n(l,{name:E.CLOSE,size:d.SIZE_SMALL})]})):e(t,{children:[e(C,Object.assign({css:te.mainButton,onClick:c,ref:g,variant:A.TEXT},{children:[n("span",{children:s("common:grid.shipmentId")}),n(l,{name:o?E.CARET_TOP:E.CARET_BOTTOM,size:d.SIZE_SMALL})]})),n(T,Object.assign({isOpen:o,onClickAway:c,reference:g.current},{children:e("form",Object.assign({onSubmit:k.capture(m)},{children:[n(z,{"aria-required":"true",control:p.control,hint:s("common:grid.shipmentIdHint"),label:s("common:grid.shipmentId"),labelPosition:"vertical",labelWeight:"bold",name:"shipmentId",placeholder:s("common:grid.search")}),e("div",Object.assign({css:te.popoverButtons},{children:[n(C,Object.assign({disabled:!p.watch("shipmentId"),onClick:()=>{h(),c()},variant:A.OUTLINED},{children:s("common:grid.clear")})),n(P,Object.assign({control:p.control,variant:A.OUTLINED},{children:s("common:grid.apply")}))]}))]}))}))]})})},ie=x({calendarContainer:e=>({border:`1px solid ${e.palette.gray[200]}`,borderRadius:e.borderRadius.M}),calendarFooterButtons:e=>({alignSelf:"flex-end",marginTop:e.spacing()}),clearButton:e=>({marginRight:e.spacing()}),input:()=>({width:"calc((278px - 6px) / 2)"}),inputsArrow:e=>({marginLeft:e.spacing(),marginRight:e.spacing()}),inputsWrapper:e=>({alignItems:"center",display:"flex",marginBottom:e.spacing()}),mainButton:e=>({marginRight:e.spacing()}),popover:()=>({maxWidth:"initial"}),popoverCalendarWrapper:()=>({display:"flex",flexDirection:"column"}),popoverWrapper:()=>({display:"flex"}),radioGroup:e=>({marginRight:e.spacing(4)})});var re;!function(e){e.TODAY="today",e.LAST7DAYS="last_7",e.LAST30DAYS="last_30",e.LAST365DAYS="last_365",e.CUSTOM="custom"}(re||(re={}));const se={[re.LAST7DAYS]:7,[re.LAST30DAYS]:30,[re.LAST365DAYS]:365},oe=e=>{const n=new Date;return[re.LAST30DAYS,re.LAST7DAYS,re.LAST365DAYS].includes(e)?{end:n,start:$(n,se[e])}:{end:n,start:n}},ce=({filters:i,onFiltersUpdated:s})=>{var o;const{t:g}=U(["common"]),{locale:p}=W(),m=a(null),[h,u]=Z(!1),[b,v]=r(!1),[O,j]=r(null),[S,f]=r(null),[x,w]=r();return c((()=>{var e;(null===(e=i.createdDate)||void 0===e?void 0:e.value)||w(void 0)}),[i.createdDate]),(null===(o=i.createdDate)||void 0===o?void 0:o.value)?e(C,Object.assign({css:ie.mainButton,onClick:()=>{w(void 0),s(Object.assign(Object.assign({},i),{createdDate:{enabled:!0,value:null}}))},variant:A.TEXT},{children:[n("span",{children:g("common:grid.createdDateFilter",{createdDateEnd:R(i.createdDate.value.end,p),createdDateStart:R(i.createdDate.value.start,p),interpolation:{escapeValue:!1}})}),n(l,{name:E.CLOSE,size:d.SIZE_SMALL})]})):e(t,{children:[e(C,Object.assign({css:ie.mainButton,onClick:()=>{u(),w(void 0),j(null),f(null),v(!1)},ref:m,variant:A.TEXT},{children:[n("span",{children:g("common:grid.createdDate")}),n(l,{name:h?E.CARET_TOP:E.CARET_BOTTOM,size:d.SIZE_SMALL})]})),n(T,Object.assign({css:ie.popover,isOpen:h,onClickAway:u,reference:m.current},{children:e("section",Object.assign({css:ie.popoverWrapper},{children:[e(D,Object.assign({css:ie.radioGroup,name:"dateFilter",onChange:({target:{value:e}})=>{w(e),e!==re.CUSTOM?(v(!1),s(Object.assign(Object.assign({},i),{createdDate:{enabled:!0,value:oe(e)}}))):v(!0)},value:x},{children:[n(y,Object.assign({value:re.TODAY},{children:g("common:grid.dateFilterToday")})),n(y,Object.assign({value:re.LAST7DAYS},{children:g("common:grid.dateFilterLast7Days")})),n(y,Object.assign({value:re.LAST30DAYS},{children:g("common:grid.dateFilterLast30Days")})),n(y,Object.assign({value:re.LAST365DAYS},{children:g("common:grid.dateFilterLast12Months")})),n(y,Object.assign({value:re.CUSTOM},{children:g("common:grid.dateFilterCustom")}))]})),b&&e("section",Object.assign({css:ie.popoverCalendarWrapper},{children:[e("div",Object.assign({css:ie.inputsWrapper},{children:[n(L,{css:ie.input,readOnly:!0,rightContent:n(l,{name:E.CALENDAR,size:d.SIZE_SMALL}),value:O?R(O,p):void 0}),n(l,{css:ie.inputsArrow,name:E.ARROW_RIGHT,size:d.SIZE_SMALL}),n(L,{css:ie.input,readOnly:!0,rightContent:n(l,{name:E.CALENDAR,size:d.SIZE_SMALL}),value:S?R(S,p):void 0})]})),n(I,{containerStyles:ie.calendarContainer,endDate:S,filterDate:e=>!M(e),onChange:e=>{const[n,t]=e;j(n),f(t)},selected:O,selectsRange:!0,startDate:O,withBorder:!1}),e("div",Object.assign({css:ie.calendarFooterButtons},{children:[n(C,Object.assign({css:ie.clearButton,onClick:()=>{j(null),f(null)},variant:A.OUTLINED},{children:g("common:grid.clear")})),n(C,Object.assign({disabled:!O||!S,onClick:()=>{S&&O&&s(Object.assign(Object.assign({},i),{createdDate:{enabled:!0,value:{end:S,start:O}}}))}},{children:g("common:grid.apply")}))]}))]}))]}))}))]})},le=({filters:t,onFiltersUpdated:a,onClearAllFilters:i})=>{var r;const{t:s}=U(["common"]),o=Object.keys(t).some((e=>{const n=t[e];return null==n?void 0:n.value}));return e("section",{children:[t.shipmentId.enabled&&n(ae,{filters:t,onFiltersUpdated:a}),(null===(r=t.createdDate)||void 0===r?void 0:r.enabled)&&n(ce,{filters:t,onFiltersUpdated:a}),o&&n(C,Object.assign({onClick:i,variant:A.TEXT},{children:s("grid.clearAll")}))]})},de=(e=10)=>{const[n,t]=r(1),[a,i]=r(e);return{page:n,pagerProps:{currentPage:n,currentPageSize:a,onPageSelect:e=>{t(e)},onPageSizeSelect:e=>{i(e)}},pageSize:a}};export{Q as C,X as D,q as E,V as G,ee as a,le as b,de as u};
+import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{useRef as a,useLayoutEffect as i,useState as r,useMemo as s,useCallback as l,useEffect as o}from"react";import{Icon as c,IconSize as d,Typography as g,Table as p,TableFooter as m,TableHeader as b,TableHeaderRow as h,TableHeaderCell as u,Checkbox as v,TableBody as O,TableRow as j,TableBodyCell as f,Pagination as S,Button as C,ButtonVariant as A,Popover as T,RadioGroup as I,Radio as y,Input as L,Calendar as D}from"@shipengine/giger";import{IconNames as E}from"@shipengine/giger-theme";import{h as x,v as w,a as k}from"./vat.js";import{T as F,b as R,f as _,_ as B,i as M}from"./carrier.js";import{G as z,J as W,K as P}from"./actions-menu.js";import{Trans as U,useTranslation as Y}from"react-i18next";import{useForm as Z}from"react-hook-form";import{useToggle as N}from"react-use";import{z as G}from"zod";import{subDays as H}from"date-fns/subDays";const X=x({container:{backgroundColor:"#11003A"},getChildrenStyles:e=>n=>({height:e?"90%":"0",overflow:"scroll"}),getDrawerStyles:e=>n=>({backgroundColor:"#11003A",bottom:0,height:e?"50%":`${n.spacing(6)}px`,minWidth:"375px",position:"fixed",transformOrigin:"bottom",transition:"height 0.5s;"}),header:e=>({alignItems:"center",color:"#fff",display:"flex",height:e.spacing(6),justifyContent:"space-between",padding:e.spacing(1)})}),$=({children:t,headerContent:r,isOpen:s,toggleDrawer:l})=>{const o=a(null);return i((()=>{const e=()=>{const e=o.current;e&&e.parentElement&&(e.style.width=`${e.parentElement.clientWidth}px`)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e("div",Object.assign({"aria-label":"Drawer",css:X.getDrawerStyles(s),ref:o},{children:[e("header",Object.assign({"aria-expanded":s,css:X.header},{children:[n("div",Object.assign({onClick:l,onKeyDown:e=>{"Enter"===e.key&&l()},role:"button",tabIndex:0},{children:n(c,{css:{transform:`rotate(${s?"-90":"90"}deg)`},name:E.PAGINATION_LEFT})})),r]})),n("div",Object.assign({"aria-labelledby":"drawer",css:X.getChildrenStyles(s),role:"region"},{children:t}))]}))},K=x({container:e=>({alignItems:"center",display:"flex",flexDirection:"column",margin:"0 auto",padding:e.spacing(5),rowGap:e.spacing(),textAlign:"center"}),icon:e=>({color:e.palette.error.main}),subtitleContainer:{display:"flex",flexDirection:"column"}}),q=t=>{var{title:a,subtitle:i}=t,r=F(t,["title","subtitle"]);return e("div",Object.assign({css:K.container},r,{children:[n(c,{css:K.icon,name:E.ALERT,size:d.SIZE_LARGE}),n(g,Object.assign({variant:"heading3"},{children:a})),n("div",Object.assign({css:K.subtitleContainer},{children:Array.isArray(i)?i.map((e=>n(g,Object.assign({variant:"body1"},{children:e})))):n(g,Object.assign({variant:"body1"},{children:i}))}))]}))},J=x({getCheckboxHeader:e=>({width:e.spacing(6)}),getFilters:e=>({borderBottom:`1px solid ${e.palette.gray[200]}`,padding:`${e.spacing()}px ${e.spacing(2)}px`}),getTableHeader:e=>({background:e.palette.secondary.ultraLight}),getWrapper:e=>Object.assign({height:"auto"},e.getComponentOverride("Table")),table:{tableLayout:"initial"},tableFooter:{borderTop:"none",justifyContent:"space-between"},tableWrapper:{border:"none"}}),V=({columns:t,data:a,footerContent:i,onRowClick:o,useCheckboxes:c=!1,filters:d,emptyContent:g})=>{var S,C,A;const[T,I]=r(null!==(S=null==a?void 0:a.map((()=>!1)))&&void 0!==S?S:[]),y=s((()=>T.length>0&&T.every((e=>e))),[T]),L=s((()=>T.some((e=>e))),[T]),D=l((e=>{I((n=>{const t=[...n];return t[e]=!t[e],t}))}),[]),E=l((e=>{I((n=>{const t=[...n];for(const n of t.entries())t[n[0]]=e;return t}))}),[]);return e("div",Object.assign({css:J.getWrapper},{children:[d&&n("div",Object.assign({css:J.getFilters},{children:d})),0===a.length&&g?g:n(p,Object.assign({"data-testid":"grid",footer:i&&n(m,Object.assign({css:J.tableFooter},{children:i})),header:n(b,{children:e(h,{children:[c&&n(u,Object.assign({css:J.getCheckboxHeader},{children:n(v,{checked:null!==(C=y||L)&&void 0!==C&&C,indeterminate:null!==(A=!y&&L)&&void 0!==A&&A,onChange:e=>E(e.target.checked)})})),t.map((e=>e.headerContent)).map(((e,t)=>n(u,Object.assign({css:J.getTableHeader},{children:e}),t)))]})}),outerWrapperStyles:J.tableWrapper,tableStyles:J.table},{children:n(O,{children:a.map(((a,i)=>{var r;return e(j,Object.assign({"data-testid":"grid-row",onClick:o?()=>o(a):void 0},{children:[c&&n(f,{children:n(v,{checked:null!==(r=T[i])&&void 0!==r&&r,onChange:()=>D(i)})}),t.filter((e=>e.renderCellContent)).map(((e,t)=>n(f,{children:e.renderCellContent(a)},t)))]}),i)}))})}))]}))},Q=({date:e,short:t})=>{const{locale:a}=z();return n(g,Object.assign({component:"span",variant:"body2"},{children:t?R(new Date(e),a):_(e,a)}))},ee=({page:a,pages:i,pageSize:r,total:s,showPagination:l,onPageChange:o})=>{const c=(a-1)*r+1,d=Math.min(a*r,s);return e(t,{children:[n(g,Object.assign({component:"span",variant:"body2"},{children:n(U,{components:[n("b",{})],count:s,i18nKey:"common:grid.row-count",values:{firstIndex:c,lastIndex:d}})})),l&&n(S,{currentPage:a,onPageChange:o,totalPages:i})]})},ne=G.object({shipmentId:G.string({errorMap:()=>({message:"schemaErrors.requiredShipmentId"})})}),te=x({mainButton:e=>({marginRight:e.spacing()}),popoverButtons:e=>({display:"flex",gap:e.spacing(),justifyContent:"flex-end"})}),ae=({filters:i,onFiltersUpdated:r})=>{const{t:s}=Y(["common"]),[l,o]=N(!1),g=a(null),p=Z({resolver:w(ne)}),m=p.handleSubmit((e=>B(void 0,void 0,void 0,(function*(){o(),r(Object.assign(Object.assign({},i),{shipmentId:Object.assign(Object.assign({},i.shipmentId),{value:e.shipmentId})}))})))),b=()=>{r(Object.assign(Object.assign({},i),{shipmentId:Object.assign(Object.assign({},i.shipmentId),{value:""})}))};return n(t,{children:i.shipmentId.value?e(C,Object.assign({css:te.mainButton,onClick:b,variant:A.TEXT},{children:[n("span",{children:n(U,{i18nKey:"common:grid.shipmentIdFilter",values:{shipmentId:i.shipmentId.value}})}),n(c,{name:E.CLOSE,size:d.SIZE_SMALL})]})):e(t,{children:[e(C,Object.assign({css:te.mainButton,onClick:o,ref:g,variant:A.TEXT},{children:[n("span",{children:s("common:grid.shipmentId")}),n(c,{name:l?E.CARET_TOP:E.CARET_BOTTOM,size:d.SIZE_SMALL})]})),n(T,Object.assign({isOpen:l,onClickAway:o,reference:g.current},{children:e("form",Object.assign({onSubmit:k.capture(m)},{children:[n(W,{"aria-required":"true",control:p.control,hint:s("common:grid.shipmentIdHint"),label:s("common:grid.shipmentId"),labelPosition:"vertical",labelWeight:"bold",name:"shipmentId",placeholder:s("common:grid.search")}),e("div",Object.assign({css:te.popoverButtons},{children:[n(C,Object.assign({disabled:!p.watch("shipmentId"),onClick:()=>{b(),o()},variant:A.OUTLINED},{children:s("common:grid.clear")})),n(P,Object.assign({control:p.control,variant:A.OUTLINED},{children:s("common:grid.apply")}))]}))]}))}))]})})},ie=x({calendarContainer:e=>({border:`1px solid ${e.palette.gray[200]}`,borderRadius:e.borderRadius.M}),calendarFooterButtons:e=>({alignSelf:"flex-end",marginTop:e.spacing()}),clearButton:e=>({marginRight:e.spacing()}),input:()=>({width:"calc((278px - 6px) / 2)"}),inputsArrow:e=>({marginLeft:e.spacing(),marginRight:e.spacing()}),inputsWrapper:e=>({alignItems:"center",display:"flex",marginBottom:e.spacing()}),mainButton:e=>({marginRight:e.spacing()}),popover:()=>({maxWidth:"initial"}),popoverCalendarWrapper:()=>({display:"flex",flexDirection:"column"}),popoverWrapper:()=>({display:"flex"}),radioGroup:e=>({marginRight:e.spacing(4)})});var re;!function(e){e.TODAY="today",e.LAST7DAYS="last_7",e.LAST30DAYS="last_30",e.LAST365DAYS="last_365",e.CUSTOM="custom"}(re||(re={}));const se={[re.LAST7DAYS]:7,[re.LAST30DAYS]:30,[re.LAST365DAYS]:365},le=e=>{const n=new Date;return[re.LAST30DAYS,re.LAST7DAYS,re.LAST365DAYS].includes(e)?{end:n,start:H(n,se[e])}:{end:n,start:n}},oe=({filters:i,onFiltersUpdated:s})=>{var l;const{t:g}=Y(["common"]),{locale:p}=z(),m=a(null),[b,h]=N(!1),[u,v]=r(!1),[O,j]=r(null),[f,S]=r(null),[x,w]=r();return o((()=>{var e;(null===(e=i.createdDate)||void 0===e?void 0:e.value)||w(void 0)}),[i.createdDate]),(null===(l=i.createdDate)||void 0===l?void 0:l.value)?e(C,Object.assign({css:ie.mainButton,onClick:()=>{w(void 0),s(Object.assign(Object.assign({},i),{createdDate:{enabled:!0,value:null}}))},variant:A.TEXT},{children:[n("span",{children:g("common:grid.createdDateFilter",{createdDateEnd:R(i.createdDate.value.end,p),createdDateStart:R(i.createdDate.value.start,p),interpolation:{escapeValue:!1}})}),n(c,{name:E.CLOSE,size:d.SIZE_SMALL})]})):e(t,{children:[e(C,Object.assign({css:ie.mainButton,onClick:()=>{h(),w(void 0),j(null),S(null),v(!1)},ref:m,variant:A.TEXT},{children:[n("span",{children:g("common:grid.createdDate")}),n(c,{name:b?E.CARET_TOP:E.CARET_BOTTOM,size:d.SIZE_SMALL})]})),n(T,Object.assign({css:ie.popover,isOpen:b,onClickAway:h,reference:m.current},{children:e("section",Object.assign({css:ie.popoverWrapper},{children:[e(I,Object.assign({css:ie.radioGroup,name:"dateFilter",onChange:({target:{value:e}})=>{w(e),e!==re.CUSTOM?(v(!1),s(Object.assign(Object.assign({},i),{createdDate:{enabled:!0,value:le(e)}}))):v(!0)},value:x},{children:[n(y,Object.assign({value:re.TODAY},{children:g("common:grid.dateFilterToday")})),n(y,Object.assign({value:re.LAST7DAYS},{children:g("common:grid.dateFilterLast7Days")})),n(y,Object.assign({value:re.LAST30DAYS},{children:g("common:grid.dateFilterLast30Days")})),n(y,Object.assign({value:re.LAST365DAYS},{children:g("common:grid.dateFilterLast12Months")})),n(y,Object.assign({value:re.CUSTOM},{children:g("common:grid.dateFilterCustom")}))]})),u&&e("section",Object.assign({css:ie.popoverCalendarWrapper},{children:[e("div",Object.assign({css:ie.inputsWrapper},{children:[n(L,{css:ie.input,readOnly:!0,rightContent:n(c,{name:E.CALENDAR,size:d.SIZE_SMALL}),value:O?R(O,p):void 0}),n(c,{css:ie.inputsArrow,name:E.ARROW_RIGHT,size:d.SIZE_SMALL}),n(L,{css:ie.input,readOnly:!0,rightContent:n(c,{name:E.CALENDAR,size:d.SIZE_SMALL}),value:f?R(f,p):void 0})]})),n(D,{containerStyles:ie.calendarContainer,endDate:f,filterDate:e=>!M(e),onChange:e=>{const[n,t]=e;j(n),S(t)},selected:O,selectsRange:!0,startDate:O,withBorder:!1}),e("div",Object.assign({css:ie.calendarFooterButtons},{children:[n(C,Object.assign({css:ie.clearButton,onClick:()=>{j(null),S(null)},variant:A.OUTLINED},{children:g("common:grid.clear")})),n(C,Object.assign({disabled:!O||!f,onClick:()=>{f&&O&&s(Object.assign(Object.assign({},i),{createdDate:{enabled:!0,value:{end:f,start:O}}}))}},{children:g("common:grid.apply")}))]}))]}))]}))}))]})},ce=G.object({labelId:G.string({errorMap:()=>({message:"schemaErrors.requiredLabelId"})})}),de=x({getButtons:e=>({display:"flex",gap:e.spacing(),justifyContent:"flex-end"})}),ge=({filters:i,onFiltersUpdated:r})=>{const{t:s}=Y(["common"]),[l,o]=N(!1),g=a(null),p=Z({resolver:w(ce)}),m=p.handleSubmit((e=>B(void 0,void 0,void 0,(function*(){o(),r(Object.assign(Object.assign({},i),{labelId:Object.assign(Object.assign({},i.labelId),{enabled:!0,value:e.labelId})}))})))),b=()=>{r(Object.assign(Object.assign({},i),{labelId:Object.assign(Object.assign({},i.labelId),{enabled:!0,value:""})}))};return n(t,{children:i.labelId&&i.labelId.value?e(C,Object.assign({onClick:b,variant:A.TEXT},{children:[n("span",{children:n(U,{i18nKey:"common:grid.labelIdFilter",values:{labelId:i.labelId.value}})}),n(c,{name:E.CLOSE,size:d.SIZE_SMALL})]})):e(t,{children:[e(C,Object.assign({onClick:o,ref:g,variant:A.TEXT},{children:[n("span",{children:s("common:grid.labelId")}),n(c,{name:l?E.CARET_TOP:E.CARET_BOTTOM,size:d.SIZE_SMALL})]})),n(T,Object.assign({isOpen:l,onClickAway:o,reference:g.current},{children:e("form",Object.assign({onSubmit:k.capture(m)},{children:[n(W,{"aria-required":"true",control:p.control,hint:s("common:grid.labelIdHint"),label:s("common:grid.labelId"),labelPosition:"vertical",labelWeight:"bold",name:"labelId",placeholder:s("common:grid.search")}),e("div",Object.assign({css:de.getButtons},{children:[n(C,Object.assign({disabled:!p.watch("labelId"),onClick:()=>{b(),o()},variant:A.OUTLINED},{children:s("common:grid.clear")})),n(P,Object.assign({control:p.control,variant:A.OUTLINED},{children:s("common:grid.apply")}))]}))]}))}))]})})},pe=({filters:t,onFiltersUpdated:a,onClearAllFilters:i})=>{var r,s;const{t:l}=Y(["common"]),o=Object.keys(t).some((e=>{const n=t[e];return null==n?void 0:n.value}));return e("section",{children:[t.shipmentId.enabled&&n(ae,{filters:t,onFiltersUpdated:a}),(null===(r=t.labelId)||void 0===r?void 0:r.enabled)&&n(ge,{filters:t,onFiltersUpdated:a}),(null===(s=t.createdDate)||void 0===s?void 0:s.enabled)&&n(oe,{filters:t,onFiltersUpdated:a}),o&&n(C,Object.assign({onClick:i,variant:A.TEXT},{children:l("grid.clearAll")}))]})},me=(e=10)=>{const[n,t]=r(1),[a,i]=r(e);return{page:n,pagerProps:{currentPage:n,currentPageSize:a,onPageSelect:e=>{t(e)},onPageSizeSelect:e=>{i(e)}},pageSize:a}};export{Q as C,$ as D,q as E,V as G,ee as a,pe as b,me as u};