@equisoft/design-elements-react 6.1.1-snapshot.20240205135713 → 6.1.1-snapshot.20240207205347

package/dist/bundle.js

@@ -775,7 +775,7 @@
     }
 `,S=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 P=[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:O,locale:L="en-CA",maxDate:T,minDate:H,noMargin:V,onBlur:q,onCalendarClose:D,onCalendarOpen:j,onChange:A,onFocus:I,open:R,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,b.useDeviceContext)(),[X,Q]=(0,d.useState)(r),J=(0,d.useMemo)((()=>(0,M.getLocale)(P,L)),[L]),Z=(0,d.useMemo)((()=>(0,M.getLocaleMonthsShort)(J)),[J]),ee=(0,d.useMemo)((()=>(0,M.getLocaleMonthsOptions)(J)),[J]),te=(0,d.useMemo)((()=>(0,M.getYearsOptions)(H,T)),[H,T]),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;const t=null===(e=ne.current)||void 0===e?void 0:e.querySelector('.react-datepicker__day[tabindex="0"]');t&&t.focus()}),0)}(0,d.useImperativeHandle)(t,(()=>({reset:()=>{Q(r)},setDate:e=>{Q(e)}}))),(0,d.useEffect)((()=>{s&&(0,M.setLocaleFirstDayOfWeek)(J,s)}),[J,s]);const le=(0,d.useCallback)((e=>{Q(e),A&&A(e)}),[A]),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,M.getLocaleDatePlaceholder)(J))),[J,F,i]),de=(0,d.useMemo)((()=>({children:e})=>(0,u.jsxs)("div",{"aria-label":(null==X?void 0:X.toLocaleDateString(L))||K("calendarContainerLabel"),"aria-live":"polite","aria-modal":!0,className:"react-datepicker",role:"dialog",ref:ne,children:[e,c&&(0,u.jsx)(x,{children:(0,u.jsx)(g.Button,{"aria-label":K("todayButtonAriaLabel"),buttonType:"secondary","data-testid":"today-button",label:K("todayButtonLabel"),type:"button",onClick:ue})})]})),[ue,c,L,X,K]);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(S,{}),(0,u.jsx)(y.FieldContainer,{className:a,noMargin:V,fieldId:ae,label:O,required:z,tooltip:B,hint:m,valid:$,validationErrorMessage:Y||K("validationErrorMessage"),children:(0,u.jsxs)(E,{isMobile:G,children:[(0,u.jsx)(k,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)(_.CalendarHeader,Object.assign({months:Z,monthsOptions:ee,yearsOptions:te},e)),calendarContainer:de,className:"datePickerInput",dateFormat:i||(0,M.getLocaleDateFormat)(J),disabled:l,locale:L,maxDate:T||void 0,minDate:H||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)},onCalendarClose:D,onCalendarOpen:j,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;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()}},open:R,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)(C,{"aria-label":X?`${K("calendarButtonSelectedLabel")} ${X.toLocaleDateString(L)}`: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),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===(n=re.current)||void 0===n||n.setOpen(!0),oe())},ref:ie,tabIndex:0,children:(0,u.jsx)(w.Icon,{name:"calendar",size:G?"24":"16"})})]})})]})})),t.Datepicker.displayName="Datepicker";try{t.Datepicker.displayName="Datepicker",t.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:t.Datepicker.__docgenInfo,name:"Datepicker",path:"src/components/date-picker/date-picker.tsx#Datepicker"})}catch(e){}},7264:(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(88548),r=n(86400);function i(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){var t;const n=[];for(let a=0;a<12;a++)n.push(null===(t=e.localize)||void 0===t?void 0:t.month(a,{width:"abbreviated"}));return n},t.getLocaleDateFormat=i,t.getLocaleDatePlaceholder=function(e){return i(e).toUpperCase()},t.getLocaleMonthsOptions=function(e){var t,n;const a=[];for(let r=0;r<12;r++)a.push({value:null===(t=e.localize)||void 0===t?void 0:t.month(r).toLowerCase(),label:null===(n=e.localize)||void 0===n?void 0:n.month(r,{width:"abbreviated"})});return a},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)}},28428:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DesignSystem=void 0;const a=n(10896),r=n(12136),i=n(1104),o=n(4808),l=n(60149);t.DesignSystem=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})})})});try{t.DesignSystem.displayName="DesignSystem",t.DesignSystem.__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:t.DesignSystem.__docgenInfo,name:"DesignSystem",path:"src/components/design-system.tsx#DesignSystem"})}catch(e){}},12136:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDeviceContext=t.DeviceContextProvider=void 0;const a=n(10896),r=n(96496),i=n(12540),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());t.DeviceContextProvider=({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.useDeviceContext=function(){return(0,r.useContext)(l)};try{t.DeviceContextProvider.displayName="DeviceContextProvider",t.DeviceContextProvider.__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:t.DeviceContextProvider.__docgenInfo,name:"DeviceContextProvider",path:"src/components/device-context-provider/device-context-provider.tsx#DeviceContextProvider"})}catch(e){}},43612: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(10896),o=n(96496),l=r(n(93762)),u=n(94164),s=n(80448),d=n(51507),c=n(19152),m=n(12136),p=n(20132),f=n(33824),h=n(36444),v=n(21536),g=n(35032),b=n(99020),y=n(69828),w=n(68420),_=n(33740),M=(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 P=[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:O,locale:L="en-CA",maxDate:T,minDate:H,noMargin:V,onBlur:q,onCalendarClose:D,onCalendarOpen:j,onChange:A,onFocus:I,open:R,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,b.useDeviceContext)(),[X,Q]=(0,d.useState)(r),J=(0,d.useMemo)((()=>(0,M.getLocale)(P,L)),[L]),Z=(0,d.useMemo)((()=>(0,M.getLocaleMonthsShort)(J)),[J]),ee=(0,d.useMemo)((()=>(0,M.getLocaleMonthsOptions)(J)),[J]),te=(0,d.useMemo)((()=>(0,M.getYearsOptions)(H,T)),[H,T]),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;const t=null===(e=ne.current)||void 0===e?void 0:e.querySelector('.react-datepicker__day[tabindex="0"]');t&&t.focus()}),0)}(0,d.useImperativeHandle)(t,(()=>({reset:()=>{Q(r)},setDate:e=>{Q(e)}}))),(0,d.useEffect)((()=>{s&&(0,M.setLocaleFirstDayOfWeek)(J,s)}),[J,s]);const le=(0,d.useCallback)((e=>{Q(e),A&&A(e)}),[A]),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,M.getLocaleDatePlaceholder)(J))),[J,F,i]),de=(0,d.useMemo)((()=>({children:e})=>(0,u.jsxs)("div",{"aria-label":(null==X?void 0:X.toLocaleDateString(L))||K("calendarContainerLabel"),"aria-live":"polite","aria-modal":!0,className:"react-datepicker",role:"dialog",ref:ne,children:[e,c&&(0,u.jsx)(x,{children:(0,u.jsx)(g.Button,{"aria-label":K("todayButtonAriaLabel"),buttonType:"secondary","data-testid":"today-button",label:K("todayButtonLabel"),type:"button",onClick:ue})})]})),[ue,c,L,X,K]);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(S,{}),(0,u.jsx)(y.FieldContainer,{className:a,noMargin:V,fieldId:ae,label:O,required:z,tooltip:B,hint:m,valid:$,validationErrorMessage:Y||K("validationErrorMessage"),children:(0,u.jsxs)(E,{isMobile:G,children:[(0,u.jsx)(k,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)(_.CalendarHeader,Object.assign({months:Z,monthsOptions:ee,yearsOptions:te},e)),calendarContainer:de,className:"datePickerInput",dateFormat:i||(0,M.getLocaleDateFormat)(J),disabled:l,locale:L,maxDate:T||void 0,minDate:H||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:R,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)(C,{"aria-label":X?`${K("calendarButtonSelectedLabel")} ${X.toLocaleDateString(L)}`: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)(w.Icon,{name:"calendar",size:G?"24":"16"})})]})})]})})),t.Datepicker.displayName="Datepicker";try{t.Datepicker.displayName="Datepicker",t.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:t.Datepicker.__docgenInfo,name:"Datepicker",path:"src/components/date-picker/date-picker.tsx#Datepicker"})}catch(e){}},7264:(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(88548),r=n(86400);function i(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){var t;const n=[];for(let a=0;a<12;a++)n.push(null===(t=e.localize)||void 0===t?void 0:t.month(a,{width:"abbreviated"}));return n},t.getLocaleDateFormat=i,t.getLocaleDatePlaceholder=function(e){return i(e).toUpperCase()},t.getLocaleMonthsOptions=function(e){var t,n;const a=[];for(let r=0;r<12;r++)a.push({value:null===(t=e.localize)||void 0===t?void 0:t.month(r).toLowerCase(),label:null===(n=e.localize)||void 0===n?void 0:n.month(r,{width:"abbreviated"})});return a},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)}},28428:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DesignSystem=void 0;const a=n(10896),r=n(12136),i=n(1104),o=n(4808),l=n(60149);t.DesignSystem=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})})})});try{t.DesignSystem.displayName="DesignSystem",t.DesignSystem.__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:t.DesignSystem.__docgenInfo,name:"DesignSystem",path:"src/components/design-system.tsx#DesignSystem"})}catch(e){}},12136:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDeviceContext=t.DeviceContextProvider=void 0;const a=n(10896),r=n(96496),i=n(12540),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());t.DeviceContextProvider=({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.useDeviceContext=function(){return(0,r.useContext)(l)};try{t.DeviceContextProvider.displayName="DeviceContextProvider",t.DeviceContextProvider.__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:t.DeviceContextProvider.__docgenInfo,name:"DeviceContextProvider",path:"src/components/device-context-provider/device-context-provider.tsx#DeviceContextProvider"})}catch(e){}},43612: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(10896),o=n(96496),l=r(n(93762)),u=n(94164),s=n(80448),d=n(51507),c=n(19152),m=n(12136),p=n(20132),f=n(33824),h=n(36444),v=n(21536),g=n(35032),b=n(99020),y=n(69828),w=n(68420),_=n(33740),M=(0,l.default)(p.FieldContainer)`
     position: relative;
 `,E=(0,l.default)(h.Listbox)`
     position: absolute;

package/package.json

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