@equisoft/design-elements-react 6.2.1-snapshot.20240430143457 → 6.2.1-snapshot.20240501145036

package/dist/bundle.js

@@ -625,7 +625,7 @@ color: ${({disabled:e,theme:t})=>e?t.component["combobox-clear-button-disabled-i
 `,f=o.default.div`
     height: ${({isMobile:e})=>e?2.5:2}rem;
     width: ${({isMobile:e})=>e?5.5:5}rem;
-`,h=({changeMonth:e,changeYear:t,date:n,decreaseMonth:a,increaseMonth:o,months:u,monthsOptions:h,nextMonthButtonDisabled:v,prevMonthButtonDisabled:g,yearsOptions:b})=>{const{t:y}=(0,l.useTranslation)("datepicker"),{isMobile:w}=(0,s.useDeviceContext)();return(0,r.jsxs)(c,{isMobile:w,"data-testid":"calendar-header",children:[(0,r.jsx)(m,{"aria-label":y("monthPreviousButtonLabel"),"data-testid":"month-previous",onClick:a,disabled:g,buttonType:"tertiary",iconName:"chevronLeft"}),(0,r.jsxs)(p,{children:[(0,r.jsx)(f,{isMobile:w,style:{marginRight:"8px"},children:(0,r.jsx)(d.DropdownList,{ariaLabel:y("monthSelectLabel"),"data-testid":"month-select",options:h,onChange:t=>{e(u.indexOf(t.label))},value:h[(0,i.getMonth)(n)].value})}),(0,r.jsx)(f,{isMobile:w,children:(0,r.jsx)(d.DropdownList,{ariaLabel:y("yearSelectLabel"),"data-testid":"year-select",options:b,onChange:e=>{t(parseInt(e.value,10))},value:(0,i.getYear)(n).toString()})})]}),(0,r.jsx)(m,{"aria-label":y("monthNextButtonLabel"),"data-testid":"month-next",onClick:o,disabled:v,buttonType:"tertiary",iconName:"chevronRight"})]})};t.CalendarHeader=h;try{h.displayName="CalendarHeader",h.__docgenInfo={description:"",displayName:"CalendarHeader",props:{date:{defaultValue:null,description:"",name:"date",required:!0,type:{name:"Date"}},months:{defaultValue:null,description:"",name:"months",required:!0,type:{name:"string[]"}},monthsOptions:{defaultValue:null,description:"",name:"monthsOptions",required:!0,type:{name:"DropdownListOption[]"}},nextMonthButtonDisabled:{defaultValue:null,description:"",name:"nextMonthButtonDisabled",required:!0,type:{name:"boolean"}},prevMonthButtonDisabled:{defaultValue:null,description:"",name:"prevMonthButtonDisabled",required:!0,type:{name:"boolean"}},yearsOptions:{defaultValue:null,description:"",name:"yearsOptions",required:!0,type:{name:"DropdownListOption[]"}},changeMonth:{defaultValue:null,description:"",name:"changeMonth",required:!0,type:{name:"(month: number) => void"}},changeYear:{defaultValue:null,description:"",name:"changeYear",required:!0,type:{name:"(year: number) => void"}},decreaseMonth:{defaultValue:null,description:"",name:"decreaseMonth",required:!0,type:{name:"() => void"}},increaseMonth:{defaultValue:null,description:"",name:"increaseMonth",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date-picker/calendar-header.tsx#CalendarHeader"]={docgenInfo:h.__docgenInfo,name:"CalendarHeader",path:"src/components/date-picker/calendar-header.tsx#CalendarHeader"})}catch(e){}},57037:function(e,t,n){"use strict";var a=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return r(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Datepicker=void 0;const u=n(97905),s=n(11432),d=n(39155),c=i(n(46668)),m=l(n(35930)),p=i(n(88694)),f=n(90605),h=n(6940),v=n(27150),g=n(25781),b=n(84268),y=n(89129),w=n(52089),M=n(77465),_=n(86835),E=n(51018),k=n(716),C=n(94094),x=p.default.div`
+`,h=({changeMonth:e,changeYear:t,date:n,decreaseMonth:a,increaseMonth:o,months:u,monthsOptions:h,nextMonthButtonDisabled:v,prevMonthButtonDisabled:g,yearsOptions:b})=>{const{t:y}=(0,l.useTranslation)("datepicker"),{isMobile:w}=(0,s.useDeviceContext)();return(0,r.jsxs)(c,{isMobile:w,"data-testid":"calendar-header",children:[(0,r.jsx)(m,{"aria-label":y("monthPreviousButtonLabel"),"data-testid":"month-previous",onClick:a,disabled:g,buttonType:"tertiary",iconName:"chevronLeft",type:"button"}),(0,r.jsxs)(p,{children:[(0,r.jsx)(f,{isMobile:w,style:{marginRight:"8px"},children:(0,r.jsx)(d.DropdownList,{ariaLabel:y("monthSelectLabel"),"data-testid":"month-select",options:h,onChange:t=>{e(u.indexOf(t.label))},value:h[(0,i.getMonth)(n)].value})}),(0,r.jsx)(f,{isMobile:w,children:(0,r.jsx)(d.DropdownList,{ariaLabel:y("yearSelectLabel"),"data-testid":"year-select",options:b,onChange:e=>{t(parseInt(e.value,10))},value:(0,i.getYear)(n).toString()})})]}),(0,r.jsx)(m,{"aria-label":y("monthNextButtonLabel"),"data-testid":"month-next",onClick:o,disabled:v,buttonType:"tertiary",iconName:"chevronRight",type:"button"})]})};t.CalendarHeader=h;try{h.displayName="CalendarHeader",h.__docgenInfo={description:"",displayName:"CalendarHeader",props:{date:{defaultValue:null,description:"",name:"date",required:!0,type:{name:"Date"}},months:{defaultValue:null,description:"",name:"months",required:!0,type:{name:"string[]"}},monthsOptions:{defaultValue:null,description:"",name:"monthsOptions",required:!0,type:{name:"DropdownListOption[]"}},nextMonthButtonDisabled:{defaultValue:null,description:"",name:"nextMonthButtonDisabled",required:!0,type:{name:"boolean"}},prevMonthButtonDisabled:{defaultValue:null,description:"",name:"prevMonthButtonDisabled",required:!0,type:{name:"boolean"}},yearsOptions:{defaultValue:null,description:"",name:"yearsOptions",required:!0,type:{name:"DropdownListOption[]"}},changeMonth:{defaultValue:null,description:"",name:"changeMonth",required:!0,type:{name:"(month: number) => void"}},changeYear:{defaultValue:null,description:"",name:"changeYear",required:!0,type:{name:"(year: number) => void"}},decreaseMonth:{defaultValue:null,description:"",name:"decreaseMonth",required:!0,type:{name:"() => void"}},increaseMonth:{defaultValue:null,description:"",name:"increaseMonth",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date-picker/calendar-header.tsx#CalendarHeader"]={docgenInfo:h.__docgenInfo,name:"CalendarHeader",path:"src/components/date-picker/calendar-header.tsx#CalendarHeader"})}catch(e){}},57037:function(e,t,n){"use strict";var a=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return r(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Datepicker=void 0;const u=n(97905),s=n(11432),d=n(39155),c=i(n(46668)),m=l(n(35930)),p=i(n(88694)),f=n(90605),h=n(6940),v=n(27150),g=n(25781),b=n(84268),y=n(89129),w=n(52089),M=n(77465),_=n(86835),E=n(51018),k=n(716),C=n(94094),x=p.default.div`
     display: flex;
 
     .popper {
@@ -793,7 +793,7 @@ color: ${({disabled:e,theme:t})=>e?t.component["combobox-clear-button-disabled-i
     }
 `,P=p.createGlobalStyle`
     ${m.default.toString()}
-`;(0,c.registerLocale)("en-CA",s.enCA),(0,c.registerLocale)("en-US",s.enUS),(0,c.registerLocale)("fr-CA",s.frCA);const L=[s.enUS,s.enCA,s.frCA];t.Datepicker=(0,d.forwardRef)(((e,t)=>{var n,{className:a,defaultDate:r,dateFormat:i,disabled:l,firstDayOfWeek:s,hasTodayButton:c,hint:m,id:p,label:g,locale:_="en-CA",maxDate:C,minDate:V,noMargin:O,onBlur:q,onCalendarClose:D,onCalendarOpen:j,onChange:R,onFocus:I,open:A,placeholder:F,required:z,openToDate:W,startOpen:N,tooltip:B,valid:$=!0,validationErrorMessage:Y}=e,U=o(e,["className","defaultDate","dateFormat","disabled","firstDayOfWeek","hasTodayButton","hint","id","label","locale","maxDate","minDate","noMargin","onBlur","onCalendarClose","onCalendarOpen","onChange","onFocus","open","placeholder","required","openToDate","startOpen","tooltip","valid","validationErrorMessage"]);const{t:K}=(0,f.useTranslation)("datepicker"),{isMobile:G}=(0,y.useDeviceContext)(),[X,Q]=(0,d.useState)(r),J=(0,d.useMemo)((()=>(0,k.getLocale)(L,_)),[_]),Z=(0,d.useMemo)((()=>(0,k.getLocaleMonthsShort)(J)),[J]),ee=(0,d.useMemo)((()=>(0,k.getLocaleMonthsOptions)(J)),[J]),te=(0,d.useMemo)((()=>(0,k.getYearsOptions)(V,C)),[V,C]),ne=(0,d.useRef)(null),ae=(0,d.useMemo)((()=>p||(0,v.v4)()),[p]),re=(0,d.useRef)(null),ie=(0,d.useRef)(null);function oe(){setTimeout((()=>{var e,t;const n=null===(e=ne.current)||void 0===e?void 0:e.querySelector('.react-datepicker__day[tabindex="0"]');n&&!(null===(t=ie.current)||void 0===t?void 0:t.matches(":focus"))&&n.focus()}),0)}(0,d.useImperativeHandle)(t,(()=>({reset:()=>{Q(r)},setDate:e=>{Q(e)}}))),(0,d.useEffect)((()=>{s&&(0,k.setLocaleFirstDayOfWeek)(J,s)}),[J,s]);const le=(0,d.useCallback)((e=>{Q(e),R&&R(e)}),[R]),ue=(0,d.useCallback)((()=>{var e;le(new Date),null===(e=re.current)||void 0===e||e.setOpen(!1)}),[le]),se=(0,d.useMemo)((()=>F||(i?i.toUpperCase():(0,k.getLocaleDatePlaceholder)(J))),[J,F,i]),de=(0,d.useMemo)((()=>({children:e})=>(0,u.jsxs)("div",{"aria-label":(null==X?void 0:X.toLocaleDateString(_))||K("calendarContainerLabel"),"aria-live":"polite","aria-modal":!0,className:"react-datepicker",role:"dialog",ref:ne,children:[e,c&&(0,u.jsx)(H,{children:(0,u.jsx)(b.Button,{"aria-label":K("todayButtonAriaLabel"),buttonType:"secondary","data-testid":"today-button",label:K("todayButtonLabel"),type:"button",onClick:ue})})]})),[ue,c,_,X,K]);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(P,{}),(0,u.jsx)(w.FieldContainer,{className:a,noMargin:O,fieldId:ae,label:g,required:z,tooltip:B,hint:m,valid:$,validationErrorMessage:Y||K("validationErrorMessage"),children:(0,u.jsxs)(x,{isMobile:G,children:[(0,u.jsx)(T,Object.assign({customInput:(0,u.jsx)("input",{type:"text","data-testid":null!==(n=U["data-testid"])&&void 0!==n?n:"text-input"}),isMobile:G,id:ae,ref:re,renderCustomHeader:e=>(0,u.jsx)(E.CalendarHeader,Object.assign({months:Z,monthsOptions:ee,yearsOptions:te},e)),calendarContainer:de,className:"datePickerInput",dateFormat:i||(0,k.getLocaleDateFormat)(J),disabled:l,locale:_,maxDate:C||void 0,minDate:V||void 0,onChange:le,onSelect:function(){var e;null===(e=ie.current)||void 0===e||e.focus()},onBlur:function(e){var t,n;const a=null===(t=re.current)||void 0===t?void 0:t.isCalendarOpen();void 0!==a&&(null===(n=re.current)||void 0===n||n.setOpen(a,!1)),q&&q(e)},onFocus:I,onClickOutside:function(e){re.current&&ie.current&&(0,h.eventIsInside)(e,ie.current)&&re.current.setOpen(!0)},onInputClick:function(){var e;null===(e=re.current)||void 0===e||e.setOpen(!1,!0)},onKeyDown:function(e){var t,n,a,r;switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":oe();break;case"Escape":e.stopPropagation(),null===(t=re.current)||void 0===t||t.setOpen(!1),null===(n=ie.current)||void 0===n||n.focus();break;case"Enter":case" ":(null===(a=re.current)||void 0===a?void 0:a.isCalendarOpen())&&(e.stopPropagation(),null===(r=re.current)||void 0===r||r.setOpen(!1),null==D||D())}},open:A,openToDate:W||void 0,placeholderText:se,popperClassName:"popper",popperPlacement:"bottom-start",preventOpenOnFocus:!0,selected:X,showPopperArrow:!1,startOpen:N,valid:$,withPortal:G},U)),(0,u.jsx)(S,{"aria-label":X?`${K("calendarButtonSelectedLabel")} ${X.toLocaleDateString(_)}`:K("calendarButtonLabel"),"data-testid":"calendar-button",type:"button",disabled:l,isMobile:G,onKeyDown:function(e){var t;"Enter"!==e.key&&" "!==e.key||(null===(t=re.current)||void 0===t||t.setOpen(!0),null==j||j(),oe())},onMouseDown:function(){var e,t,n;(null===(e=re.current)||void 0===e?void 0:e.isCalendarOpen())?(null===(t=re.current)||void 0===t||t.setOpen(!1),null==D||D()):(null===(n=re.current)||void 0===n||n.setOpen(!0),null==j||j(),oe())},ref:ie,tabIndex:0,children:(0,u.jsx)(M.Icon,{name:"calendar",size:G?"24":"16"})})]})})]})})),t.Datepicker.displayName="Datepicker";try{Datepicker.displayName="Datepicker",Datepicker.__docgenInfo={description:"",displayName:"Datepicker",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},defaultDate:{defaultValue:null,description:"Sets default selected date",name:"defaultDate",required:!1,type:{name:"Date"}},dateFormat:{defaultValue:null,description:"Sets date format (e.g.: dd/MM/yyyy).",name:"dateFormat",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},noMargin:{defaultValue:null,description:"Disables default margin",name:"noMargin",required:!1,type:{name:"boolean"}},firstDayOfWeek:{defaultValue:null,description:"",name:"firstDayOfWeek",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},hasTodayButton:{defaultValue:null,description:"",name:"hasTodayButton",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Sets input label",name:"label",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"TooltipProps"}},locale:{defaultValue:{value:"en-CA"},description:"Sets localization",name:"locale",required:!1,type:{name:"enum",value:[{value:'"fr-CA"'},{value:'"en-CA"'},{value:'"en-US"'}]}},maxDate:{defaultValue:null,description:"",name:"maxDate",required:!1,type:{name:"Date | null"}},minDate:{defaultValue:null,description:"",name:"minDate",required:!1,type:{name:"Date | null"}},name:{defaultValue:null,description:"Sets input name",name:"name",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"Toggles calendar (controlled)",name:"open",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean"}},openToDate:{defaultValue:null,description:"Sets calendar date when initially open",name:"openToDate",required:!1,type:{name:"Date | null"}},startOpen:{defaultValue:null,description:"Sets calendar initially open (uncontrolled)",name:"startOpen",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},valid:{defaultValue:{value:!0},description:"Sets input validity",name:"valid",required:!1,type:{name:"boolean"}},validationErrorMessage:{defaultValue:null,description:"Sets error message",name:"validationErrorMessage",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"Sets input value (controlled)",name:"value",required:!1,type:{name:"string"}},hint:{defaultValue:null,description:"",name:"hint",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((event: FocusEvent<HTMLInputElement, Element>) => void)"}},onCalendarClose:{defaultValue:null,description:"",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}},onCalendarOpen:{defaultValue:null,description:"",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((date: Date) => void)"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((event: FocusEvent<HTMLInputElement, Element>) => void)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<DatepickerHandles>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date-picker/date-picker.tsx#Datepicker"]={docgenInfo:Datepicker.__docgenInfo,name:"Datepicker",path:"src/components/date-picker/date-picker.tsx#Datepicker"})}catch(e){}},716:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.setLocaleFirstDayOfWeek=t.getYearsOptions=t.getLocaleMonthsOptions=t.getLocaleDatePlaceholder=t.getLocaleDateFormat=t.getLocaleMonthsShort=t.getLocale=void 0;const a=n(11432),r=n(23656),i=[0,1,2,3,4,5,6,7,8,9,10,11];function o(e=a.enCA){return new Intl.DateTimeFormat(e.code).formatToParts(new Date).map((e=>{switch(e.type){case"day":return"dd";case"month":return"MM";case"year":return"yyyy";default:return e.value}})).join("")}t.getLocale=function(e,t){return e.find((e=>e.code===t))||a.enCA},t.getLocaleMonthsShort=function(e){return i.map((t=>{var n;return null===(n=e.localize)||void 0===n?void 0:n.month(t,{width:"abbreviated"})}))},t.getLocaleDateFormat=o,t.getLocaleDatePlaceholder=function(e){return o(e).toUpperCase()},t.getLocaleMonthsOptions=function(e){return i.map((t=>{var n,a;return{value:null===(n=e.localize)||void 0===n?void 0:n.month(t).toLowerCase(),label:null===(a=e.localize)||void 0===a?void 0:a.month(t,{width:"abbreviated"})}}))},t.getYearsOptions=function(e,t){return e&&t&&e>t?[]:(0,r.range)(e?e.getUTCFullYear():1920,t?t.getUTCFullYear():(new Date).getUTCFullYear()).map((e=>({value:e.toString(),label:e.toString()})))},t.setLocaleFirstDayOfWeek=function(e,t){const n={weekStartsOn:t};Object.assign(e.options||{},n)}},13040:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DesignSystem=void 0;const a=n(97905),r=n(89129),i=n(15497),o=n(81177),l=n(65207),u=e=>(0,a.jsx)(r.DeviceContextProvider,{staticDevice:e.staticDevice,children:(0,a.jsx)(o.ThemeWrapper,{theme:e.theme,isolateStyles:e.isolateStyles,children:(0,a.jsx)(i.IntlProvider,{language:e.language,children:(0,a.jsx)(l.ToastProvider,{children:e.children})})})});t.DesignSystem=u;try{u.displayName="DesignSystem",u.__docgenInfo={description:"",displayName:"DesignSystem",props:{isolateStyles:{defaultValue:{value:"false"},description:"When true, components are mounted in the Shadow DOM",name:"isolateStyles",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"ThemeCustomization"}},staticDevice:{defaultValue:null,description:"",name:"staticDevice",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"tablet"'},{value:'"mobile"'}]}},language:{defaultValue:{value:"en"},description:"",name:"language",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/design-system.tsx#DesignSystem"]={docgenInfo:u.__docgenInfo,name:"DesignSystem",path:"src/components/design-system.tsx#DesignSystem"})}catch(e){}},89129:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDeviceContext=t.DeviceContextProvider=void 0;const a=n(97905),r=n(39155),i=n(53023),o=(e=void 0)=>{let t=!1,n=!1,a=!1;const r={device:"desktop",isDesktop:!0,isTablet:!1,isMobile:!1,breakpoints:i.breakpoints};return e?("desktop"===e?t=!0:"tablet"===e?n=!0:"mobile"===e&&(a=!0),{device:e,isDesktop:t,isTablet:n,isMobile:a,breakpoints:i.breakpoints}):r},l=(0,r.createContext)(o()),u=({children:e,staticDevice:t})=>{const[n,u]=(0,r.useState)(o(t));function s(){const e=(e=>{let t="desktop";return e>=i.breakpoints.desktop?t="desktop":e<i.breakpoints.desktop&&e>i.breakpoints.mobile?t="tablet":e<=i.breakpoints.mobile&&(t="mobile"),t})(window.innerWidth||document.documentElement.clientWidth);u(o(e))}return(0,r.useEffect)((()=>{if(!t)return s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}}),[t]),(0,a.jsx)(l.Provider,{value:n,children:e})};t.DeviceContextProvider=u,t.useDeviceContext=function(){return(0,r.useContext)(l)};try{u.displayName="DeviceContextProvider",u.__docgenInfo={description:"",displayName:"DeviceContextProvider",props:{staticDevice:{defaultValue:null,description:"",name:"staticDevice",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"tablet"'},{value:'"mobile"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/device-context-provider/device-context-provider.tsx#DeviceContextProvider"]={docgenInfo:u.__docgenInfo,name:"DeviceContextProvider",path:"src/components/device-context-provider/device-context-provider.tsx#DeviceContextProvider"})}catch(e){}},50665:function(e,t,n){"use strict";var a=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownList=void 0;const i=n(97905),o=n(39155),l=r(n(88694)),u=n(4544),s=n(90605),d=n(94094),c=n(44290),m=n(89129),p=n(52089),f=n(77465),h=n(95709),v=n(91043),g=n(76681),b=n(6519),y=n(3176),w=n(63569),M=n(24041),_=n(41912),E=n(25357),k=n(18393),C=(0,l.default)(p.FieldContainer)`
+`;(0,c.registerLocale)("en-CA",s.enCA),(0,c.registerLocale)("en-US",s.enUS),(0,c.registerLocale)("fr-CA",s.frCA);const L=[s.enUS,s.enCA,s.frCA];t.Datepicker=(0,d.forwardRef)(((e,t)=>{var n,{className:a,defaultDate:r,dateFormat:i,disabled:l,firstDayOfWeek:s,hasTodayButton:c,hint:m,id:p,label:g,locale:_="en-CA",maxDate:C,minDate:V,noMargin:O,onBlur:q,onCalendarClose:D,onCalendarOpen:j,onChange:R,onFocus:I,open:A,placeholder:F,required:z,openToDate:W,startOpen:N,tooltip:B,valid:$=!0,validationErrorMessage:Y}=e,U=o(e,["className","defaultDate","dateFormat","disabled","firstDayOfWeek","hasTodayButton","hint","id","label","locale","maxDate","minDate","noMargin","onBlur","onCalendarClose","onCalendarOpen","onChange","onFocus","open","placeholder","required","openToDate","startOpen","tooltip","valid","validationErrorMessage"]);const{t:K}=(0,f.useTranslation)("datepicker"),{isMobile:G}=(0,y.useDeviceContext)(),[X,Q]=(0,d.useState)(r),J=(0,d.useMemo)((()=>(0,k.getLocale)(L,_)),[_]),Z=(0,d.useMemo)((()=>(0,k.getLocaleMonthsShort)(J)),[J]),ee=(0,d.useMemo)((()=>(0,k.getLocaleMonthsOptions)(J)),[J]),te=(0,d.useMemo)((()=>(0,k.getYearsOptions)(V,C)),[V,C]),ne=(0,d.useRef)(null),ae=(0,d.useMemo)((()=>p||(0,v.v4)()),[p]),re=(0,d.useRef)(null),ie=(0,d.useRef)(null);function oe(){setTimeout((()=>{var e,t;const n=null===(e=ne.current)||void 0===e?void 0:e.querySelector('.react-datepicker__day[tabindex="0"]');n&&!(null===(t=ie.current)||void 0===t?void 0:t.matches(":focus"))&&n.focus()}),0)}(0,d.useImperativeHandle)(t,(()=>({reset:()=>{Q(r)},setDate:e=>{Q(e)}}))),(0,d.useEffect)((()=>{s&&(0,k.setLocaleFirstDayOfWeek)(J,s)}),[J,s]);const le=(0,d.useCallback)((e=>{Q(e),R&&R(e)}),[R]),ue=(0,d.useCallback)((()=>{var e;le(new Date),null===(e=re.current)||void 0===e||e.setOpen(!1)}),[le]),se=(0,d.useMemo)((()=>F||(i?i.toUpperCase():(0,k.getLocaleDatePlaceholder)(J))),[J,F,i]),de=(0,d.useMemo)((()=>({children:e})=>(0,u.jsxs)("div",{"aria-label":(null==X?void 0:X.toLocaleDateString(_))||K("calendarContainerLabel"),"aria-live":"polite","aria-modal":!0,className:"react-datepicker",role:"dialog",ref:ne,children:[e,c&&(0,u.jsx)(H,{children:(0,u.jsx)(b.Button,{"aria-label":K("todayButtonAriaLabel"),buttonType:"secondary","data-testid":"today-button",label:K("todayButtonLabel"),type:"button",onClick:ue})})]})),[ue,c,_,X,K]);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(P,{}),(0,u.jsx)(w.FieldContainer,{className:a,noMargin:O,fieldId:ae,label:g,required:z,tooltip:B,hint:m,valid:$,validationErrorMessage:Y||K("validationErrorMessage"),children:(0,u.jsxs)(x,{isMobile:G,children:[(0,u.jsx)(T,Object.assign({customInput:(0,u.jsx)("input",{type:"text","data-testid":null!==(n=U["data-testid"])&&void 0!==n?n:"text-input"}),isMobile:G,id:ae,ref:re,renderCustomHeader:e=>(0,u.jsx)(E.CalendarHeader,Object.assign({months:Z,monthsOptions:ee,yearsOptions:te},e)),calendarContainer:de,className:"datePickerInput",dateFormat:i||(0,k.getLocaleDateFormat)(J),disabled:l,locale:_,maxDate:C||void 0,minDate:V||void 0,onChange:le,onSelect:function(){var e;null===(e=ie.current)||void 0===e||e.focus()},onBlur:function(e){var t,n;const a=null===(t=re.current)||void 0===t?void 0:t.isCalendarOpen();void 0!==a&&(null===(n=re.current)||void 0===n||n.setOpen(a,!1)),q&&q(e)},onFocus:I,onClickOutside:function(e){re.current&&ie.current&&(0,h.eventIsInside)(e,ie.current)&&re.current.setOpen(!0)},onInputClick:function(){var e;null===(e=re.current)||void 0===e||e.setOpen(!1,!0)},onKeyDown:function(e){var t,n,a,r;switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":oe();break;case"Escape":e.stopPropagation(),null===(t=re.current)||void 0===t||t.setOpen(!1),null===(n=ie.current)||void 0===n||n.focus();break;case"Enter":case" ":(null===(a=re.current)||void 0===a?void 0:a.isCalendarOpen())&&(e.stopPropagation(),null===(r=re.current)||void 0===r||r.setOpen(!1),null==D||D())}},open:A,openToDate:W||void 0,placeholderText:se,popperClassName:"popper",popperPlacement:"bottom-start",preventOpenOnFocus:!0,selected:X,showPopperArrow:!1,startOpen:N,required:z,valid:$,withPortal:G},U)),(0,u.jsx)(S,{"aria-label":X?`${K("calendarButtonSelectedLabel")} ${X.toLocaleDateString(_)}`:K("calendarButtonLabel"),"data-testid":"calendar-button",type:"button",disabled:l,isMobile:G,onKeyDown:function(e){var t;"Enter"!==e.key&&" "!==e.key||(null===(t=re.current)||void 0===t||t.setOpen(!0),null==j||j(),oe())},onMouseDown:function(){var e,t,n;(null===(e=re.current)||void 0===e?void 0:e.isCalendarOpen())?(null===(t=re.current)||void 0===t||t.setOpen(!1),null==D||D()):(null===(n=re.current)||void 0===n||n.setOpen(!0),null==j||j(),oe())},ref:ie,tabIndex:0,children:(0,u.jsx)(M.Icon,{name:"calendar",size:G?"24":"16"})})]})})]})})),t.Datepicker.displayName="Datepicker";try{Datepicker.displayName="Datepicker",Datepicker.__docgenInfo={description:"",displayName:"Datepicker",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},defaultDate:{defaultValue:null,description:"Sets default selected date",name:"defaultDate",required:!1,type:{name:"Date"}},dateFormat:{defaultValue:null,description:"Sets date format (e.g.: dd/MM/yyyy).",name:"dateFormat",required:!1,type:{name:"string"}},"data-testid":{defaultValue:null,description:"",name:"data-testid",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},noMargin:{defaultValue:null,description:"Disables default margin",name:"noMargin",required:!1,type:{name:"boolean"}},firstDayOfWeek:{defaultValue:null,description:"",name:"firstDayOfWeek",required:!1,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"},{value:"5"},{value:"6"}]}},hasTodayButton:{defaultValue:null,description:"",name:"hasTodayButton",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Sets input label",name:"label",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"TooltipProps"}},locale:{defaultValue:{value:"en-CA"},description:"Sets localization",name:"locale",required:!1,type:{name:"enum",value:[{value:'"fr-CA"'},{value:'"en-CA"'},{value:'"en-US"'}]}},maxDate:{defaultValue:null,description:"",name:"maxDate",required:!1,type:{name:"Date | null"}},minDate:{defaultValue:null,description:"",name:"minDate",required:!1,type:{name:"Date | null"}},name:{defaultValue:null,description:"Sets input name",name:"name",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"Toggles calendar (controlled)",name:"open",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean"}},openToDate:{defaultValue:null,description:"Sets calendar date when initially open",name:"openToDate",required:!1,type:{name:"Date | null"}},startOpen:{defaultValue:null,description:"Sets calendar initially open (uncontrolled)",name:"startOpen",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},valid:{defaultValue:{value:!0},description:"Sets input validity",name:"valid",required:!1,type:{name:"boolean"}},validationErrorMessage:{defaultValue:null,description:"Sets error message",name:"validationErrorMessage",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"Sets input value (controlled)",name:"value",required:!1,type:{name:"string"}},hint:{defaultValue:null,description:"",name:"hint",required:!1,type:{name:"string"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((event: FocusEvent<HTMLInputElement, Element>) => void)"}},onCalendarClose:{defaultValue:null,description:"",name:"onCalendarClose",required:!1,type:{name:"(() => void)"}},onCalendarOpen:{defaultValue:null,description:"",name:"onCalendarOpen",required:!1,type:{name:"(() => void)"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((date: Date) => void)"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((event: FocusEvent<HTMLInputElement, Element>) => void)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<DatepickerHandles>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/date-picker/date-picker.tsx#Datepicker"]={docgenInfo:Datepicker.__docgenInfo,name:"Datepicker",path:"src/components/date-picker/date-picker.tsx#Datepicker"})}catch(e){}},716:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.setLocaleFirstDayOfWeek=t.getYearsOptions=t.getLocaleMonthsOptions=t.getLocaleDatePlaceholder=t.getLocaleDateFormat=t.getLocaleMonthsShort=t.getLocale=void 0;const a=n(11432),r=n(23656),i=[0,1,2,3,4,5,6,7,8,9,10,11];function o(e=a.enCA){return new Intl.DateTimeFormat(e.code).formatToParts(new Date).map((e=>{switch(e.type){case"day":return"dd";case"month":return"MM";case"year":return"yyyy";default:return e.value}})).join("")}t.getLocale=function(e,t){return e.find((e=>e.code===t))||a.enCA},t.getLocaleMonthsShort=function(e){return i.map((t=>{var n;return null===(n=e.localize)||void 0===n?void 0:n.month(t,{width:"abbreviated"})}))},t.getLocaleDateFormat=o,t.getLocaleDatePlaceholder=function(e){return o(e).toUpperCase()},t.getLocaleMonthsOptions=function(e){return i.map((t=>{var n,a;return{value:null===(n=e.localize)||void 0===n?void 0:n.month(t).toLowerCase(),label:null===(a=e.localize)||void 0===a?void 0:a.month(t,{width:"abbreviated"})}}))},t.getYearsOptions=function(e,t){return e&&t&&e>t?[]:(0,r.range)(e?e.getUTCFullYear():1920,t?t.getUTCFullYear():(new Date).getUTCFullYear()).map((e=>({value:e.toString(),label:e.toString()})))},t.setLocaleFirstDayOfWeek=function(e,t){const n={weekStartsOn:t};Object.assign(e.options||{},n)}},13040:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DesignSystem=void 0;const a=n(97905),r=n(89129),i=n(15497),o=n(81177),l=n(65207),u=e=>(0,a.jsx)(r.DeviceContextProvider,{staticDevice:e.staticDevice,children:(0,a.jsx)(o.ThemeWrapper,{theme:e.theme,isolateStyles:e.isolateStyles,children:(0,a.jsx)(i.IntlProvider,{language:e.language,children:(0,a.jsx)(l.ToastProvider,{children:e.children})})})});t.DesignSystem=u;try{u.displayName="DesignSystem",u.__docgenInfo={description:"",displayName:"DesignSystem",props:{isolateStyles:{defaultValue:{value:"false"},description:"When true, components are mounted in the Shadow DOM",name:"isolateStyles",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"ThemeCustomization"}},staticDevice:{defaultValue:null,description:"",name:"staticDevice",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"tablet"'},{value:'"mobile"'}]}},language:{defaultValue:{value:"en"},description:"",name:"language",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/design-system.tsx#DesignSystem"]={docgenInfo:u.__docgenInfo,name:"DesignSystem",path:"src/components/design-system.tsx#DesignSystem"})}catch(e){}},89129:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDeviceContext=t.DeviceContextProvider=void 0;const a=n(97905),r=n(39155),i=n(53023),o=(e=void 0)=>{let t=!1,n=!1,a=!1;const r={device:"desktop",isDesktop:!0,isTablet:!1,isMobile:!1,breakpoints:i.breakpoints};return e?("desktop"===e?t=!0:"tablet"===e?n=!0:"mobile"===e&&(a=!0),{device:e,isDesktop:t,isTablet:n,isMobile:a,breakpoints:i.breakpoints}):r},l=(0,r.createContext)(o()),u=({children:e,staticDevice:t})=>{const[n,u]=(0,r.useState)(o(t));function s(){const e=(e=>{let t="desktop";return e>=i.breakpoints.desktop?t="desktop":e<i.breakpoints.desktop&&e>i.breakpoints.mobile?t="tablet":e<=i.breakpoints.mobile&&(t="mobile"),t})(window.innerWidth||document.documentElement.clientWidth);u(o(e))}return(0,r.useEffect)((()=>{if(!t)return s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}}),[t]),(0,a.jsx)(l.Provider,{value:n,children:e})};t.DeviceContextProvider=u,t.useDeviceContext=function(){return(0,r.useContext)(l)};try{u.displayName="DeviceContextProvider",u.__docgenInfo={description:"",displayName:"DeviceContextProvider",props:{staticDevice:{defaultValue:null,description:"",name:"staticDevice",required:!1,type:{name:"enum",value:[{value:'"desktop"'},{value:'"tablet"'},{value:'"mobile"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/device-context-provider/device-context-provider.tsx#DeviceContextProvider"]={docgenInfo:u.__docgenInfo,name:"DeviceContextProvider",path:"src/components/device-context-provider/device-context-provider.tsx#DeviceContextProvider"})}catch(e){}},50665:function(e,t,n){"use strict";var a=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownList=void 0;const i=n(97905),o=n(39155),l=r(n(88694)),u=n(4544),s=n(90605),d=n(94094),c=n(44290),m=n(89129),p=n(52089),f=n(77465),h=n(95709),v=n(91043),g=n(76681),b=n(6519),y=n(3176),w=n(63569),M=n(24041),_=n(41912),E=n(25357),k=n(18393),C=(0,l.default)(p.FieldContainer)`
     position: relative;
 `,x=(0,l.default)(h.Listbox)`
     margin-top: var(--spacing-half);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "6.2.1-snapshot.20240430143457",
+  "version": "6.2.1-snapshot.20240501145036",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",