@televet/kibble-ui 3.0.13-franklin-1 → 3.0.13

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.
Files changed (145) hide show
  1. package/build/{alert.component-08e02a01.js → alert.component-4d48d218.js} +2 -2
  2. package/build/{alert.component-08e02a01.js.map → alert.component-4d48d218.js.map} +1 -1
  3. package/build/{avatar.component-92acde54.js → avatar.component-dd61be1f.js} +2 -2
  4. package/build/{avatar.component-92acde54.js.map → avatar.component-dd61be1f.js.map} +1 -1
  5. package/build/avatarGroup.component-50a37594.js +2 -0
  6. package/build/{avatarGroup.component-2e4d7707.js.map → avatarGroup.component-50a37594.js.map} +1 -1
  7. package/build/button.component-15b49687.js +2 -0
  8. package/build/{button.component-c427cfcc.js.map → button.component-15b49687.js.map} +1 -1
  9. package/build/chakra/index.js +1 -1
  10. package/build/{chakra-ui-modal.esm-8092955a.js → chakra-ui-modal.esm-2c76cb7b.js} +2 -2
  11. package/build/{chakra-ui-modal.esm-8092955a.js.map → chakra-ui-modal.esm-2c76cb7b.js.map} +1 -1
  12. package/build/{chakra-ui-skeleton.esm-521bb4b7.js → chakra-ui-skeleton.esm-93e41d9f.js} +2 -2
  13. package/build/{chakra-ui-skeleton.esm-521bb4b7.js.map → chakra-ui-skeleton.esm-93e41d9f.js.map} +1 -1
  14. package/build/{checkbox.component-ff4a4003.js → checkbox.component-ca33f17c.js} +2 -2
  15. package/build/{checkbox.component-ff4a4003.js.map → checkbox.component-ca33f17c.js.map} +1 -1
  16. package/build/checkboxGroup.component-7a918704.js +2 -0
  17. package/build/{checkboxGroup.component-1d74ce5c.js.map → checkboxGroup.component-7a918704.js.map} +1 -1
  18. package/build/{color.record-cc264e0d.js → color.record-f5dba322.js} +2 -2
  19. package/build/{color.record-cc264e0d.js.map → color.record-f5dba322.js.map} +1 -1
  20. package/build/components/Alert/index.js +1 -1
  21. package/build/components/Avatar/index.js +1 -1
  22. package/build/components/AvatarGroup/index.js +1 -1
  23. package/build/components/Button/index.js +1 -1
  24. package/build/components/Checkbox/index.js +1 -1
  25. package/build/components/CheckboxGroup/index.js +1 -1
  26. package/build/components/DatePicker/index.js +1 -1
  27. package/build/components/Icon/index.js +1 -1
  28. package/build/components/Link/index.js +1 -1
  29. package/build/components/Menu/components/MenuButton/index.js +1 -1
  30. package/build/components/Menu/components/MenuItem/index.js +1 -1
  31. package/build/components/Menu/components/MenuList/index.js +1 -1
  32. package/build/components/Menu/index.js +1 -1
  33. package/build/components/Modal/components/ModalBody/index.js +1 -1
  34. package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
  35. package/build/components/Modal/components/ModalExpandButton/index.js +1 -1
  36. package/build/components/Modal/components/ModalFooter/index.js +1 -1
  37. package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
  38. package/build/components/Modal/components/ModalHeader/index.js +1 -1
  39. package/build/components/Modal/index.js +1 -1
  40. package/build/components/Popover/components/PopoverFooter/index.js +1 -1
  41. package/build/components/Popover/components/PopoverHeader/index.js +1 -1
  42. package/build/components/Popover/index.js +1 -1
  43. package/build/components/RadioButtonGroup/index.js +1 -1
  44. package/build/components/RadioGroup/index.js +1 -1
  45. package/build/components/Select/index.js +1 -1
  46. package/build/components/SortableList/components/DragHandle/index.js +1 -1
  47. package/build/components/SortableList/index.js +1 -1
  48. package/build/components/Switch/index.js +1 -1
  49. package/build/components/Tabs/components/Tab/index.js +1 -1
  50. package/build/components/Tabs/index.js +1 -1
  51. package/build/components/TabsLayout/index.js +1 -1
  52. package/build/components/TextInput/index.js +1 -1
  53. package/build/components/Textarea/index.js +1 -1
  54. package/build/components/TimePicker/index.js +1 -1
  55. package/build/components/TimeRange/index.js +1 -1
  56. package/build/components/Toast/index.js +1 -1
  57. package/build/components/index.js +1 -1
  58. package/build/{conversationCard.component-461817c2.js → conversationCard.component-8cf3cb66.js} +2 -2
  59. package/build/{conversationCard.component-461817c2.js.map → conversationCard.component-8cf3cb66.js.map} +1 -1
  60. package/build/{datepicker.component-99f9007e.js → datepicker.component-c38c1102.js} +2 -2
  61. package/build/{datepicker.component-99f9007e.js.map → datepicker.component-c38c1102.js.map} +1 -1
  62. package/build/dragHandle.component-87559e3a.js +2 -0
  63. package/build/{dragHandle.component-4180e134.js.map → dragHandle.component-87559e3a.js.map} +1 -1
  64. package/build/{icon.component-8fca09a3.js → icon.component-8d0ca544.js} +1 -1
  65. package/build/{icon.component-8fca09a3.js.map → icon.component-8d0ca544.js.map} +1 -1
  66. package/build/icons/index.d.ts +1 -1
  67. package/build/icons/index.js +1 -1
  68. package/build/icons/index.js.map +1 -1
  69. package/build/{index-c47ce06b.js → index-8fecff45.js} +1 -1
  70. package/build/{index-c47ce06b.js.map → index-8fecff45.js.map} +1 -1
  71. package/build/index.js +1 -1
  72. package/build/{link.component-a60b8009.js → link.component-a45bd0f4.js} +2 -2
  73. package/build/{link.component-a60b8009.js.map → link.component-a45bd0f4.js.map} +1 -1
  74. package/build/{menu.component-76107342.js → menu.component-6addfd4a.js} +2 -2
  75. package/build/{menu.component-76107342.js.map → menu.component-6addfd4a.js.map} +1 -1
  76. package/build/{menuButton.component-12b5fa03.js → menuButton.component-4552e39b.js} +2 -2
  77. package/build/{menuButton.component-12b5fa03.js.map → menuButton.component-4552e39b.js.map} +1 -1
  78. package/build/{menuItem.component-d31b4803.js → menuItem.component-5d94368e.js} +2 -2
  79. package/build/{menuItem.component-d31b4803.js.map → menuItem.component-5d94368e.js.map} +1 -1
  80. package/build/{menuList.component-d7f4a7ff.js → menuList.component-1f658cfe.js} +2 -2
  81. package/build/{menuList.component-d7f4a7ff.js.map → menuList.component-1f658cfe.js.map} +1 -1
  82. package/build/{modalBody.component-bbf482ce.js → modalBody.component-64a6b636.js} +2 -2
  83. package/build/{modalBody.component-bbf482ce.js.map → modalBody.component-64a6b636.js.map} +1 -1
  84. package/build/modalCloseButton.component-b8750057.js +2 -0
  85. package/build/{modalCloseButton.component-3e2893c2.js.map → modalCloseButton.component-b8750057.js.map} +1 -1
  86. package/build/{modalExpandButton.component-b2298efc.js → modalExpandButton.component-e82f4fca.js} +2 -2
  87. package/build/{modalExpandButton.component-b2298efc.js.map → modalExpandButton.component-e82f4fca.js.map} +1 -1
  88. package/build/{modalFooter.component-15697294.js → modalFooter.component-87129be4.js} +2 -2
  89. package/build/{modalFooter.component-15697294.js.map → modalFooter.component-87129be4.js.map} +1 -1
  90. package/build/{modalFooterButtons.component-ff5a744a.js → modalFooterButtons.component-43364bf5.js} +2 -2
  91. package/build/{modalFooterButtons.component-ff5a744a.js.map → modalFooterButtons.component-43364bf5.js.map} +1 -1
  92. package/build/{modalHeader.component-cd4f489b.js → modalHeader.component-5876efa7.js} +2 -2
  93. package/build/{modalHeader.component-cd4f489b.js.map → modalHeader.component-5876efa7.js.map} +1 -1
  94. package/build/patterns/ConversationCard/index.js +1 -1
  95. package/build/patterns/StyledAvatar/index.js +1 -1
  96. package/build/patterns/TagBlock/index.js +1 -1
  97. package/build/patterns/index.js +1 -1
  98. package/build/{popover.component-1f2af454.js → popover.component-902fefb6.js} +2 -2
  99. package/build/{popover.component-1f2af454.js.map → popover.component-902fefb6.js.map} +1 -1
  100. package/build/{popoverFooter.component-ce63a294.js → popoverFooter.component-c68647aa.js} +2 -2
  101. package/build/{popoverFooter.component-ce63a294.js.map → popoverFooter.component-c68647aa.js.map} +1 -1
  102. package/build/{popoverHeader.component-d397c037.js → popoverHeader.component-8d58bacd.js} +2 -2
  103. package/build/{popoverHeader.component-d397c037.js.map → popoverHeader.component-8d58bacd.js.map} +1 -1
  104. package/build/{radioGroup.component-f070a4be.js → radioGroup.component-32f61d36.js} +2 -2
  105. package/build/{radioGroup.component-f070a4be.js.map → radioGroup.component-32f61d36.js.map} +1 -1
  106. package/build/{select.component-180e4c49.js → select.component-455fdcbd.js} +2 -2
  107. package/build/{select.component-180e4c49.js.map → select.component-455fdcbd.js.map} +1 -1
  108. package/build/{styledAvatar.types-ce7a7adb.js → styledAvatar.types-2540b39f.js} +2 -2
  109. package/build/{styledAvatar.types-ce7a7adb.js.map → styledAvatar.types-2540b39f.js.map} +1 -1
  110. package/build/{switch.component-502828b6.js → switch.component-b10c0f86.js} +2 -2
  111. package/build/{switch.component-502828b6.js.map → switch.component-b10c0f86.js.map} +1 -1
  112. package/build/{tab.component-f8d9cbe2.js → tab.component-bf82a8a4.js} +2 -2
  113. package/build/{tab.component-f8d9cbe2.js.map → tab.component-bf82a8a4.js.map} +1 -1
  114. package/build/{tabs.component-4cc8d121.js → tabs.component-7130dcff.js} +2 -2
  115. package/build/{tabs.component-4cc8d121.js.map → tabs.component-7130dcff.js.map} +1 -1
  116. package/build/{tabsLayout.component-ce3d001f.js → tabsLayout.component-87f867f4.js} +2 -2
  117. package/build/{tabsLayout.component-ce3d001f.js.map → tabsLayout.component-87f867f4.js.map} +1 -1
  118. package/build/{tagBlock.component-b656f24e.js → tagBlock.component-995091dd.js} +2 -2
  119. package/build/{tagBlock.component-b656f24e.js.map → tagBlock.component-995091dd.js.map} +1 -1
  120. package/build/{textInput.component-03cdf2a9.js → textInput.component-daebc8ef.js} +2 -2
  121. package/build/{textInput.component-03cdf2a9.js.map → textInput.component-daebc8ef.js.map} +1 -1
  122. package/build/{textarea.component-e62b5ac2.js → textarea.component-4975fe4e.js} +2 -2
  123. package/build/{textarea.component-e62b5ac2.js.map → textarea.component-4975fe4e.js.map} +1 -1
  124. package/build/theme/index.js +1 -1
  125. package/build/theme/tokens/colors/index.js +1 -1
  126. package/build/theme/tokens/index.js +1 -1
  127. package/build/{theme.provider-774244a4.js → theme.provider-6802032a.js} +2 -2
  128. package/build/{theme.provider-774244a4.js.map → theme.provider-6802032a.js.map} +1 -1
  129. package/build/{timePicker.component-c5df3bfb.js → timePicker.component-6265ee22.js} +2 -2
  130. package/build/{timePicker.component-c5df3bfb.js.map → timePicker.component-6265ee22.js.map} +1 -1
  131. package/build/{timeRange.component-78df9aac.js → timeRange.component-a5b363c7.js} +2 -2
  132. package/build/{timeRange.component-78df9aac.js.map → timeRange.component-a5b363c7.js.map} +1 -1
  133. package/build/{useExpandButton-9cffadc3.js → useExpandButton-478244d5.js} +2 -2
  134. package/build/{useExpandButton-9cffadc3.js.map → useExpandButton-478244d5.js.map} +1 -1
  135. package/build/{useToast-567c9d25.js → useToast-6a6f0bf3.js} +2 -2
  136. package/build/{useToast-567c9d25.js.map → useToast-6a6f0bf3.js.map} +1 -1
  137. package/build/{withFormControl-7a1e24fb.js → withFormControl-a4a73b4d.js} +2 -2
  138. package/build/{withFormControl-7a1e24fb.js.map → withFormControl-a4a73b4d.js.map} +1 -1
  139. package/package.json +1 -1
  140. package/build/avatarGroup.component-2e4d7707.js +0 -2
  141. package/build/button.component-c427cfcc.js +0 -2
  142. package/build/checkboxGroup.component-1d74ce5c.js +0 -2
  143. package/build/dragHandle.component-4180e134.js +0 -2
  144. package/build/icons/FormsFilled.d.ts +0 -10
  145. package/build/modalCloseButton.component-3e2893c2.js +0 -2
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),t=require("./icon.component-8fca09a3.js"),n=require("./popover.component-1f2af454.js"),r=require("./index-7708e04e.js"),o=require("./textInput.component-03cdf2a9.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js"),i=require("./timePicker.types-eedca939.js"),l=require("./useIconTextSizeMap-301c4f35.js"),u=require("./chakra-ui-hooks.esm-20b27af2.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e);const d=({value:t,innerRef:n,isSelected:r,handleClick:o})=>{const i=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return c.default.createElement(a.Box,{ref:n,onClick:i,background:r?"background.primary":"background.default",color:r?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:r?"background.primary.hover":"background.primaryAlpha.hover"}},t)},p=({options:t,optionType:n,selectedValue:r,handleClick:o,isOpen:i=!1})=>{const l=e.useRef(null),u=e.useRef(null);return e.useEffect((()=>{var e,t;i&&u.current&&l.current&&(u.current.scrollTop=(null===(e=l.current)||void 0===e?void 0:e.offsetTop)-(null===(t=u.current)||void 0===t?void 0:t.offsetTop))}),[i]),c.default.createElement(a.Flex,{direction:"column",gap:1,ref:u,overflowY:"auto","data-testid":`${n}-scroll-container`,sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>c.default.createElement(d,{key:`${n}-option-${e}`,innerRef:e===r?l:null,value:e,isSelected:e===r,handleClick:o,"data-testid":e}))))};exports.TimePicker=({initialTime:s,minuteInterval:d=5,inputProps:m,placement:f,dataTestId:k="time-picker",onTimeChange:h})=>{const{isOpen:b,onOpen:g,onClose:v}=u.useDisclosure(),[M,x]=e.useState(s),[C,E]=e.useState(),[T,y]=e.useState(),[S,j]=e.useState(),O=e.useMemo((()=>M?r.format(M,"h:mm aa"):""),[M]),q=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},w=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),A=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=d)e.push(t);return e.map(q)}),[d]),P=[i.Meridiem.AM,i.Meridiem.PM],I=e.useCallback(((e,t,n)=>{const r=e||"12",o=t||"00",a=n||"AM";let l=0;e||E("12"),t||y("00"),n||j("AM"),a===i.Meridiem.PM&&Number(r)<12&&(l=12),a===i.Meridiem.AM&&12===Number(r)&&(l=-12);const u=Number(r)+l,s=(new Date).setHours(u,Number(o),0,0),c=new Date(s);x(c),h&&h(c)}),[h]),z=e.useCallback((e=>{E(e),I(e,T,S)}),[I,S,T]),R=e.useCallback((e=>{y(e),I(C,e,S)}),[I,C,S]),D=e.useCallback((e=>{j(e),I(C,T,e)}),[I,C,T]);return e.useEffect((()=>{if(s){const e=new Date(s);let t=e.getHours()%12||12;x(s),E(t.toString()),y(e.getMinutes().toString()),j(e.getHours()>11?i.Meridiem.PM:i.Meridiem.AM)}}),[s]),c.default.createElement(n.Popover,{isOpen:b,onOpen:g,onClose:v,placement:f,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:c.default.createElement(a.Box,{w:"100%"},c.default.createElement(o.WrappedTextInput,Object.assign({placeholder:"12:00 AM",rightElement:c.default.createElement(a.Flex,{cursor:(null==m?void 0:m.isDisabled)?"not-allowed":"pointer",h:"100%",align:"center"},c.default.createElement(t.Icon,{size:l.useIconTextSizeMap((null==m?void 0:m.size)||"md"),name:"clock"})),value:O,isReadOnly:!0,"data-testid":k,cursor:"pointer"},m)))},c.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},c.default.createElement(p,{options:w,optionType:"hour",selectedValue:C,handleClick:z,isOpen:b}),c.default.createElement(p,{options:A,optionType:"minute",selectedValue:T?q(T):void 0,handleClick:R,isOpen:b}),c.default.createElement(p,{options:P,optionType:"meridiem",selectedValue:S,handleClick:D,isOpen:b})))};
2
- //# sourceMappingURL=timePicker.component-c5df3bfb.js.map
1
+ "use strict";var e=require("react"),t=require("./icon.component-8d0ca544.js"),n=require("./popover.component-902fefb6.js"),r=require("./index-7708e04e.js"),o=require("./textInput.component-daebc8ef.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js"),i=require("./timePicker.types-eedca939.js"),l=require("./useIconTextSizeMap-301c4f35.js"),u=require("./chakra-ui-hooks.esm-20b27af2.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e);const d=({value:t,innerRef:n,isSelected:r,handleClick:o})=>{const i=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return c.default.createElement(a.Box,{ref:n,onClick:i,background:r?"background.primary":"background.default",color:r?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:r?"background.primary.hover":"background.primaryAlpha.hover"}},t)},p=({options:t,optionType:n,selectedValue:r,handleClick:o,isOpen:i=!1})=>{const l=e.useRef(null),u=e.useRef(null);return e.useEffect((()=>{var e,t;i&&u.current&&l.current&&(u.current.scrollTop=(null===(e=l.current)||void 0===e?void 0:e.offsetTop)-(null===(t=u.current)||void 0===t?void 0:t.offsetTop))}),[i]),c.default.createElement(a.Flex,{direction:"column",gap:1,ref:u,overflowY:"auto","data-testid":`${n}-scroll-container`,sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>c.default.createElement(d,{key:`${n}-option-${e}`,innerRef:e===r?l:null,value:e,isSelected:e===r,handleClick:o,"data-testid":e}))))};exports.TimePicker=({initialTime:s,minuteInterval:d=5,inputProps:m,placement:f,dataTestId:k="time-picker",onTimeChange:b})=>{const{isOpen:h,onOpen:g,onClose:v}=u.useDisclosure(),[M,x]=e.useState(s),[C,E]=e.useState(),[T,y]=e.useState(),[S,j]=e.useState(),O=e.useMemo((()=>M?r.format(M,"h:mm aa"):""),[M]),q=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},w=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),A=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=d)e.push(t);return e.map(q)}),[d]),P=[i.Meridiem.AM,i.Meridiem.PM],I=e.useCallback(((e,t,n)=>{const r=e||"12",o=t||"00",a=n||"AM";let l=0;e||E("12"),t||y("00"),n||j("AM"),a===i.Meridiem.PM&&Number(r)<12&&(l=12),a===i.Meridiem.AM&&12===Number(r)&&(l=-12);const u=Number(r)+l,s=(new Date).setHours(u,Number(o),0,0),c=new Date(s);x(c),b&&b(c)}),[b]),z=e.useCallback((e=>{E(e),I(e,T,S)}),[I,S,T]),R=e.useCallback((e=>{y(e),I(C,e,S)}),[I,C,S]),D=e.useCallback((e=>{j(e),I(C,T,e)}),[I,C,T]);return e.useEffect((()=>{if(s){const e=new Date(s);let t=e.getHours()%12||12;x(s),E(t.toString()),y(e.getMinutes().toString()),j(e.getHours()>11?i.Meridiem.PM:i.Meridiem.AM)}}),[s]),c.default.createElement(n.Popover,{isOpen:h,onOpen:g,onClose:v,placement:f,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:c.default.createElement(a.Box,{w:"100%"},c.default.createElement(o.WrappedTextInput,Object.assign({placeholder:"12:00 AM",rightElement:c.default.createElement(a.Flex,{cursor:(null==m?void 0:m.isDisabled)?"not-allowed":"pointer",h:"100%",align:"center"},c.default.createElement(t.Icon,{size:l.useIconTextSizeMap((null==m?void 0:m.size)||"md"),name:"clock"})),value:O,isReadOnly:!0,"data-testid":k,cursor:"pointer"},m)))},c.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},c.default.createElement(p,{options:w,optionType:"hour",selectedValue:C,handleClick:z,isOpen:h}),c.default.createElement(p,{options:A,optionType:"minute",selectedValue:T?q(T):void 0,handleClick:R,isOpen:h}),c.default.createElement(p,{options:P,optionType:"meridiem",selectedValue:S,handleClick:D,isOpen:h})))};
2
+ //# sourceMappingURL=timePicker.component-6265ee22.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"timePicker.component-c5df3bfb.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\n\ninterface TimeOptionProps {\n value: string;\n innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n isSelected: boolean;\n handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n const onClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent || '';\n handleClick(selectedValue);\n },\n [handleClick],\n );\n\n return (\n <Box\n ref={innerRef}\n onClick={onClick}\n background={isSelected ? 'background.primary' : 'background.default'}\n color={isSelected ? 'text.onContrast' : 'text.subtle'}\n fontSize=\"sm\"\n textAlign=\"center\"\n px={3}\n py={1}\n borderRadius=\"md\"\n cursor=\"pointer\"\n _hover={{\n background: isSelected ? 'background.primary.hover' : 'background.primaryAlpha.hover',\n }}\n >\n {value}\n </Box>\n );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n options: string[];\n optionType: 'hour' | 'minute' | 'meridiem';\n selectedValue?: string;\n handleClick: (value: string) => void;\n isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n options,\n optionType,\n selectedValue,\n handleClick,\n isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n const itemRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (isOpen && containerRef.current && itemRef.current) {\n containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n }\n }, [isOpen]);\n\n return (\n <Flex\n direction=\"column\"\n gap={1}\n ref={containerRef}\n overflowY=\"auto\"\n data-testid={`${optionType}-scroll-container`}\n sx={{\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n }}\n >\n {options.map((option) => {\n return (\n <TimeOption\n key={`${optionType}-option-${option}`}\n innerRef={option === selectedValue ? itemRef : null}\n value={option}\n isSelected={option === selectedValue}\n handleClick={handleClick}\n data-testid={option}\n />\n );\n })}\n </Flex>\n );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { PlacementWithLogical, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n initialTime?: Date;\n minuteInterval?: number;\n inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n placement?: PlacementWithLogical;\n onTimeChange?: (time: Date) => void;\n dataTestId?: string;\n}\n\nexport const TimePicker = ({\n initialTime,\n minuteInterval = 5,\n inputProps,\n placement,\n dataTestId = 'time-picker',\n onTimeChange,\n}: TimePickerProps): JSX.Element => {\n const { isOpen, onOpen, onClose } = useDisclosure();\n\n // selectedTime should always be UTC\n const [selectedTime, setSelectedTime] = useState(initialTime);\n\n // convert to local time for display\n const [selectedHour, setSelectedHour] = useState<string | undefined>();\n const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n const [selectedMeridiem, setSelectedMeridiem] = useState<string | undefined>();\n\n const formattedTime = useMemo(() => {\n if (!selectedTime) return '';\n return format(selectedTime, 'h:mm aa');\n }, [selectedTime]);\n\n const formatNumber = (number: number | string): string => {\n const formattedValue = number.toString();\n if (formattedValue.length === 1) {\n return `0${formattedValue}`;\n }\n\n return formattedValue;\n };\n\n const hourOptions = useMemo(() => {\n return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n }, []);\n\n const minuteOptions = useMemo(() => {\n const minutes = [];\n for (let i = 0; i < 60; i += minuteInterval) {\n minutes.push(i);\n }\n\n return minutes.map(formatNumber);\n }, [minuteInterval]);\n\n const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n const handleTimeChange = useCallback(\n (hour?: string, minute?: string, meridiem?: string) => {\n const _hour = hour || '12';\n const _minute = minute || '00';\n const _meridiem = meridiem || 'AM';\n let meridiemAdjustment = 0;\n\n if (!hour) {\n setSelectedHour('12');\n }\n if (!minute) {\n setSelectedMinute('00');\n }\n if (!meridiem) {\n setSelectedMeridiem('AM');\n }\n\n // set 1-11pm to 13-23. Don't set 12pm to 24\n if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n meridiemAdjustment = 12;\n }\n\n // set 12am to 00\n if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n meridiemAdjustment = -12;\n }\n\n const hours = Number(_hour) + meridiemAdjustment;\n const time = new Date().setHours(hours, Number(_minute), 0, 0);\n const date = new Date(time);\n setSelectedTime(date);\n\n if (onTimeChange) {\n onTimeChange(date);\n }\n },\n [onTimeChange],\n );\n\n const handleHourClick = useCallback(\n (value: string) => {\n setSelectedHour(value);\n handleTimeChange(value, selectedMinute, selectedMeridiem);\n },\n [handleTimeChange, selectedMeridiem, selectedMinute],\n );\n\n const handleMinuteClick = useCallback(\n (value: string) => {\n setSelectedMinute(value);\n handleTimeChange(selectedHour, value, selectedMeridiem);\n },\n [handleTimeChange, selectedHour, selectedMeridiem],\n );\n\n const handleMeridiemClick = useCallback(\n (value: string) => {\n setSelectedMeridiem(value);\n handleTimeChange(selectedHour, selectedMinute, value);\n },\n [handleTimeChange, selectedHour, selectedMinute],\n );\n\n useEffect(() => {\n // Set default selections based on value passed in\n if (initialTime) {\n const localTime = new Date(initialTime);\n\n // calculate hours\n const hours = localTime.getHours();\n let adjustedHours = hours % 12 || 12;\n\n setSelectedTime(initialTime);\n setSelectedHour(adjustedHours.toString());\n setSelectedMinute(localTime.getMinutes().toString());\n setSelectedMeridiem(localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM);\n }\n }, [initialTime]);\n\n return (\n <Popover\n isOpen={isOpen}\n onOpen={onOpen}\n onClose={onClose}\n placement={placement}\n contentProps={{ width: 'max-content' }}\n variant=\"default\"\n size=\"sm\"\n anchor={\n <Box w=\"100%\">\n <TextInput\n placeholder=\"12:00 AM\"\n rightElement={\n <Flex cursor={inputProps?.isDisabled ? 'not-allowed' : 'pointer'} h=\"100%\" align=\"center\">\n <Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />\n </Flex>\n }\n value={formattedTime}\n isReadOnly\n data-testid={dataTestId}\n cursor={'pointer'}\n {...inputProps}\n />\n </Box>\n }\n >\n <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n <ScrollContainer\n options={hourOptions}\n optionType=\"hour\"\n selectedValue={selectedHour}\n handleClick={handleHourClick}\n isOpen={isOpen}\n />\n <ScrollContainer\n options={minuteOptions}\n optionType=\"minute\"\n selectedValue={selectedMinute ? formatNumber(selectedMinute) : undefined}\n handleClick={handleMinuteClick}\n isOpen={isOpen}\n />\n <ScrollContainer\n options={meridiemOptions}\n optionType=\"meridiem\"\n selectedValue={selectedMeridiem}\n handleClick={handleMeridiemClick}\n isOpen={isOpen}\n />\n </Flex>\n </Popover>\n );\n};\n"],"names":["TimeOption","value","innerRef","isSelected","handleClick","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","color","fontSize","textAlign","px","py","borderRadius","cursor","_hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","_a","offsetTop","_b","Flex","direction","gap","overflowY","sx","display","map","option","key","initialTime","minuteInterval","inputProps","placement","dataTestId","onTimeChange","onOpen","onClose","useDisclosure","selectedTime","setSelectedTime","useState","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","toString","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","Meridiem","AM","PM","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","Number","hours","time","Date","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","getHours","getMinutes","Popover","contentProps","width","variant","size","anchor","w","TextInput","Object","assign","placeholder","rightElement","isDisabled","h","align","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow","undefined"],"mappings":"udAUO,MAAMA,EAAa,EAAGC,MAAAA,EAAOC,SAAAA,EAAUC,WAAAA,EAAYC,YAAAA,MACxD,MAAMC,EAAUC,eACbC,IACC,MAAMC,EAAgBD,EAAME,cAAcC,aAAe,GACzDN,EAAYI,KAEd,CAACJ,IAGH,OACEO,EAAA,QAAAC,cAACC,EAAGA,IAAA,CACFC,IAAKZ,EACLG,QAASA,EACTU,WAAYZ,EAAa,qBAAuB,qBAChDa,MAAOb,EAAa,kBAAoB,cACxCc,SAAS,KACTC,UAAU,SACVC,GAAI,EACJC,GAAI,EACJC,aAAa,KACbC,OAAO,UACPC,OAAQ,CACNR,WAAYZ,EAAa,2BAA6B,kCAGvDF,ICvBMuB,EAAkB,EAC7BC,QAAAA,EACAC,WAAAA,EACAlB,cAAAA,EACAJ,YAAAA,EACAuB,OAAAA,GAAS,MAET,MAAMC,EAAUC,SAAuB,MACjCC,EAAeD,SAAuB,MAQ5C,OANAE,EAAAA,WAAU,aACJJ,GAAUG,EAAaE,SAAWJ,EAAQI,UAC5CF,EAAaE,QAAQC,mBAAYC,EAAAN,EAAQI,8BAASG,YAAkC,UAAtBL,EAAaE,eAAS,IAAAI,OAAA,EAAAA,EAAAD,cAErF,CAACR,IAGFhB,EAAAA,QAACC,cAAAyB,EAAIA,KACH,CAAAC,UAAU,SACVC,IAAK,EACLzB,IAAKgB,EACLU,UAAU,OACG,cAAA,GAAGd,qBAChBe,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZjB,EAAQkB,KAAKC,GAEVjC,UAACC,cAAAZ,GACC6C,IAAK,GAAGnB,YAAqBkB,IAC7B1C,SAAU0C,IAAWpC,EAAgBoB,EAAU,KAC/C3B,MAAO2C,EACPzC,WAAYyC,IAAWpC,EACvBJ,YAAaA,gBACAwC,2BC9BC,EACxBE,YAAAA,EACAC,eAAAA,EAAiB,EACjBC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EAAa,cACbC,aAAAA,MAEA,MAAMxB,OAAEA,EAAMyB,OAAEA,EAAMC,QAAEA,GAAYC,EAAaA,iBAG1CC,EAAcC,GAAmBC,EAAQA,SAACX,IAG1CY,EAAcC,GAAmBF,EAAQA,YACzCG,EAAgBC,GAAqBJ,EAAQA,YAC7CK,EAAkBC,GAAuBN,EAAQA,WAElDO,EAAgBC,EAAAA,SAAQ,IACvBV,EACEW,EAAMA,OAACX,EAAc,WADF,IAEzB,CAACA,IAEEY,EAAgBC,IACpB,MAAMC,EAAiBD,EAAOE,WAC9B,OAA8B,IAA1BD,EAAeE,OACV,IAAIF,IAGNA,GAGHG,EAAcP,EAAAA,SAAQ,IACnB,CAAC,GAAI,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAAItB,KAAK8B,GAASA,EAAKH,cACjE,IAEGI,EAAgBT,EAAAA,SAAQ,KAC5B,MAAMU,EAAU,GAChB,IAAK,IAAIC,EAAI,EAAGA,EAAI,GAAIA,GAAK7B,EAC3B4B,EAAQE,KAAKD,GAGf,OAAOD,EAAQhC,IAAIwB,KAClB,CAACpB,IAEE+B,EAAkB,CAACC,EAAQA,SAACC,GAAID,EAAQA,SAACE,IAEzCC,EAAmB5E,EAAWA,aAClC,CAACmE,EAAeU,EAAiBC,KAC/B,MAAMC,EAAQZ,GAAQ,KAChBa,EAAUH,GAAU,KACpBI,EAAYH,GAAY,KAC9B,IAAII,EAAqB,EAEpBf,GACHd,EAAgB,MAEbwB,GACHtB,EAAkB,MAEfuB,GACHrB,EAAoB,MAIlBwB,IAAcR,EAAAA,SAASE,IAAMQ,OAAOJ,GAAS,KAC/CG,EAAqB,IAInBD,IAAcR,EAAAA,SAASC,IAAwB,KAAlBS,OAAOJ,KACtCG,GAAsB,IAGxB,MAAME,EAAQD,OAAOJ,GAASG,EACxBG,GAAO,IAAIC,MAAOC,SAASH,EAAOD,OAAOH,GAAU,EAAG,GACtDQ,EAAO,IAAIF,KAAKD,GACtBnC,EAAgBsC,GAEZ3C,GACFA,EAAa2C,KAGjB,CAAC3C,IAGG4C,EAAkBzF,eACrBL,IACC0D,EAAgB1D,GAChBiF,EAAiBjF,EAAO2D,EAAgBE,KAE1C,CAACoB,EAAkBpB,EAAkBF,IAGjCoC,EAAoB1F,eACvBL,IACC4D,EAAkB5D,GAClBiF,EAAiBxB,EAAczD,EAAO6D,KAExC,CAACoB,EAAkBxB,EAAcI,IAG7BmC,EAAsB3F,eACzBL,IACC8D,EAAoB9D,GACpBiF,EAAiBxB,EAAcE,EAAgB3D,KAEjD,CAACiF,EAAkBxB,EAAcE,IAmBnC,OAhBA7B,EAAAA,WAAU,KAER,GAAIe,EAAa,CACf,MAAMoD,EAAY,IAAIN,KAAK9C,GAI3B,IAAIqD,EADUD,EAAUE,WACI,IAAM,GAElC5C,EAAgBV,GAChBa,EAAgBwC,EAAc7B,YAC9BT,EAAkBqC,EAAUG,aAAa/B,YACzCP,EAAoBmC,EAAUE,WAAa,GAAKrB,EAAAA,SAASE,GAAKF,WAASC,OAExE,CAAClC,IAGFnC,EAAC,QAAAC,cAAA0F,WACC3E,OAAQA,EACRyB,OAAQA,EACRC,QAASA,EACTJ,UAAWA,EACXsD,aAAc,CAAEC,MAAO,eACvBC,QAAQ,UACRC,KAAK,KACLC,OACEhG,EAAAA,QAAAC,cAACC,EAAAA,IAAI,CAAA+F,EAAE,QACLjG,EAAAA,QAAAC,cAACiG,EAAAA,iBACCC,OAAAC,OAAA,CAAAC,YAAY,WACZC,aACEtG,EAAC,QAAAC,cAAAyB,EAAIA,MAACf,QAAQ0B,MAAAA,OAAU,EAAVA,EAAYkE,YAAa,cAAgB,UAAWC,EAAE,OAAOC,MAAM,UAC/EzG,EAAAA,QAAAC,cAACyG,EAAAA,KAAK,CAAAX,KAAMY,EAAkBA,oBAACtE,MAAAA,SAAAA,EAAY0D,OAAQ,MAAOa,KAAK,WAGnEtH,MAAO+D,EACPwD,YACa,EAAA,cAAAtE,EACb5B,OAAQ,WACJ0B,MAKVrC,UAAAC,cAACyB,EAAIA,KAAA,CAACoF,OAAO,QAAQlF,IAAK,IAAKmF,SAAS,UACtC/G,EAAAA,QAACC,cAAAY,GACCC,QAAS+C,EACT9C,WAAW,OACXlB,cAAekD,EACftD,YAAa2F,EACbpE,OAAQA,IAEVhB,EAAA,QAAAC,cAACY,EAAe,CACdC,QAASiD,EACThD,WAAW,SACXlB,cAAeoD,EAAiBO,EAAaP,QAAkB+D,EAC/DvH,YAAa4F,EACbrE,OAAQA,IAEVhB,EAAC,QAAAC,cAAAY,EACC,CAAAC,QAASqD,EACTpD,WAAW,WACXlB,cAAesD,EACf1D,YAAa6F,EACbtE,OAAQA"}
1
+ {"version":3,"file":"timePicker.component-6265ee22.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\n\ninterface TimeOptionProps {\n value: string;\n innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n isSelected: boolean;\n handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n const onClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent || '';\n handleClick(selectedValue);\n },\n [handleClick],\n );\n\n return (\n <Box\n ref={innerRef}\n onClick={onClick}\n background={isSelected ? 'background.primary' : 'background.default'}\n color={isSelected ? 'text.onContrast' : 'text.subtle'}\n fontSize=\"sm\"\n textAlign=\"center\"\n px={3}\n py={1}\n borderRadius=\"md\"\n cursor=\"pointer\"\n _hover={{\n background: isSelected ? 'background.primary.hover' : 'background.primaryAlpha.hover',\n }}\n >\n {value}\n </Box>\n );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n options: string[];\n optionType: 'hour' | 'minute' | 'meridiem';\n selectedValue?: string;\n handleClick: (value: string) => void;\n isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n options,\n optionType,\n selectedValue,\n handleClick,\n isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n const itemRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (isOpen && containerRef.current && itemRef.current) {\n containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n }\n }, [isOpen]);\n\n return (\n <Flex\n direction=\"column\"\n gap={1}\n ref={containerRef}\n overflowY=\"auto\"\n data-testid={`${optionType}-scroll-container`}\n sx={{\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n }}\n >\n {options.map((option) => {\n return (\n <TimeOption\n key={`${optionType}-option-${option}`}\n innerRef={option === selectedValue ? itemRef : null}\n value={option}\n isSelected={option === selectedValue}\n handleClick={handleClick}\n data-testid={option}\n />\n );\n })}\n </Flex>\n );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { PlacementWithLogical, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n initialTime?: Date;\n minuteInterval?: number;\n inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n placement?: PlacementWithLogical;\n onTimeChange?: (time: Date) => void;\n dataTestId?: string;\n}\n\nexport const TimePicker = ({\n initialTime,\n minuteInterval = 5,\n inputProps,\n placement,\n dataTestId = 'time-picker',\n onTimeChange,\n}: TimePickerProps): JSX.Element => {\n const { isOpen, onOpen, onClose } = useDisclosure();\n\n // selectedTime should always be UTC\n const [selectedTime, setSelectedTime] = useState(initialTime);\n\n // convert to local time for display\n const [selectedHour, setSelectedHour] = useState<string | undefined>();\n const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n const [selectedMeridiem, setSelectedMeridiem] = useState<string | undefined>();\n\n const formattedTime = useMemo(() => {\n if (!selectedTime) return '';\n return format(selectedTime, 'h:mm aa');\n }, [selectedTime]);\n\n const formatNumber = (number: number | string): string => {\n const formattedValue = number.toString();\n if (formattedValue.length === 1) {\n return `0${formattedValue}`;\n }\n\n return formattedValue;\n };\n\n const hourOptions = useMemo(() => {\n return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n }, []);\n\n const minuteOptions = useMemo(() => {\n const minutes = [];\n for (let i = 0; i < 60; i += minuteInterval) {\n minutes.push(i);\n }\n\n return minutes.map(formatNumber);\n }, [minuteInterval]);\n\n const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n const handleTimeChange = useCallback(\n (hour?: string, minute?: string, meridiem?: string) => {\n const _hour = hour || '12';\n const _minute = minute || '00';\n const _meridiem = meridiem || 'AM';\n let meridiemAdjustment = 0;\n\n if (!hour) {\n setSelectedHour('12');\n }\n if (!minute) {\n setSelectedMinute('00');\n }\n if (!meridiem) {\n setSelectedMeridiem('AM');\n }\n\n // set 1-11pm to 13-23. Don't set 12pm to 24\n if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n meridiemAdjustment = 12;\n }\n\n // set 12am to 00\n if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n meridiemAdjustment = -12;\n }\n\n const hours = Number(_hour) + meridiemAdjustment;\n const time = new Date().setHours(hours, Number(_minute), 0, 0);\n const date = new Date(time);\n setSelectedTime(date);\n\n if (onTimeChange) {\n onTimeChange(date);\n }\n },\n [onTimeChange],\n );\n\n const handleHourClick = useCallback(\n (value: string) => {\n setSelectedHour(value);\n handleTimeChange(value, selectedMinute, selectedMeridiem);\n },\n [handleTimeChange, selectedMeridiem, selectedMinute],\n );\n\n const handleMinuteClick = useCallback(\n (value: string) => {\n setSelectedMinute(value);\n handleTimeChange(selectedHour, value, selectedMeridiem);\n },\n [handleTimeChange, selectedHour, selectedMeridiem],\n );\n\n const handleMeridiemClick = useCallback(\n (value: string) => {\n setSelectedMeridiem(value);\n handleTimeChange(selectedHour, selectedMinute, value);\n },\n [handleTimeChange, selectedHour, selectedMinute],\n );\n\n useEffect(() => {\n // Set default selections based on value passed in\n if (initialTime) {\n const localTime = new Date(initialTime);\n\n // calculate hours\n const hours = localTime.getHours();\n let adjustedHours = hours % 12 || 12;\n\n setSelectedTime(initialTime);\n setSelectedHour(adjustedHours.toString());\n setSelectedMinute(localTime.getMinutes().toString());\n setSelectedMeridiem(localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM);\n }\n }, [initialTime]);\n\n return (\n <Popover\n isOpen={isOpen}\n onOpen={onOpen}\n onClose={onClose}\n placement={placement}\n contentProps={{ width: 'max-content' }}\n variant=\"default\"\n size=\"sm\"\n anchor={\n <Box w=\"100%\">\n <TextInput\n placeholder=\"12:00 AM\"\n rightElement={\n <Flex cursor={inputProps?.isDisabled ? 'not-allowed' : 'pointer'} h=\"100%\" align=\"center\">\n <Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />\n </Flex>\n }\n value={formattedTime}\n isReadOnly\n data-testid={dataTestId}\n cursor={'pointer'}\n {...inputProps}\n />\n </Box>\n }\n >\n <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n <ScrollContainer\n options={hourOptions}\n optionType=\"hour\"\n selectedValue={selectedHour}\n handleClick={handleHourClick}\n isOpen={isOpen}\n />\n <ScrollContainer\n options={minuteOptions}\n optionType=\"minute\"\n selectedValue={selectedMinute ? formatNumber(selectedMinute) : undefined}\n handleClick={handleMinuteClick}\n isOpen={isOpen}\n />\n <ScrollContainer\n options={meridiemOptions}\n optionType=\"meridiem\"\n selectedValue={selectedMeridiem}\n handleClick={handleMeridiemClick}\n isOpen={isOpen}\n />\n </Flex>\n </Popover>\n );\n};\n"],"names":["TimeOption","value","innerRef","isSelected","handleClick","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","color","fontSize","textAlign","px","py","borderRadius","cursor","_hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","_a","offsetTop","_b","Flex","direction","gap","overflowY","sx","display","map","option","key","initialTime","minuteInterval","inputProps","placement","dataTestId","onTimeChange","onOpen","onClose","useDisclosure","selectedTime","setSelectedTime","useState","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","toString","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","Meridiem","AM","PM","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","Number","hours","time","Date","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","getHours","getMinutes","Popover","contentProps","width","variant","size","anchor","w","TextInput","Object","assign","placeholder","rightElement","isDisabled","h","align","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow","undefined"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),t=require("./timePicker.component-c5df3bfb.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e);exports.TimeRange=({startTimePickerProps:e,endTimePickerProps:a,dashContainerProps:c})=>i.default.createElement(r.Flex,null,i.default.createElement(t.TimePicker,Object.assign({},e)),i.default.createElement(r.Box,Object.assign({alignSelf:"center",mx:1},c),"-"),i.default.createElement(t.TimePicker,Object.assign({},a)));
2
- //# sourceMappingURL=timeRange.component-78df9aac.js.map
1
+ "use strict";var e=require("react"),t=require("./timePicker.component-6265ee22.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e);exports.TimeRange=({startTimePickerProps:e,endTimePickerProps:a,dashContainerProps:n})=>i.default.createElement(r.Flex,null,i.default.createElement(t.TimePicker,Object.assign({},e)),i.default.createElement(r.Box,Object.assign({alignSelf:"center",mx:1},n),"-"),i.default.createElement(t.TimePicker,Object.assign({},a)));
2
+ //# sourceMappingURL=timeRange.component-a5b363c7.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"timeRange.component-78df9aac.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n startTimePickerProps: TimePickerProps;\n endTimePickerProps: TimePickerProps;\n dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n startTimePickerProps,\n endTimePickerProps,\n dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n return (\n <Flex>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n -\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","Object","assign","Box","alignSelf","mx"],"mappings":"yOAUyB,EACvBA,qBAAAA,EACAC,mBAAAA,EACAC,mBAAAA,KAGEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,aAAeC,OAAAC,OAAA,GAAAR,IAChBG,EAAAA,QAACE,cAAAI,EAAAA,IAAIF,OAAAC,OAAA,CAAAE,UAAU,SAASC,GAAI,GAAOT,GAE7B,KACNC,UAAAE,cAACC,EAAAA,WAAeC,OAAAC,OAAA,GAAAP"}
1
+ {"version":3,"file":"timeRange.component-a5b363c7.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n startTimePickerProps: TimePickerProps;\n endTimePickerProps: TimePickerProps;\n dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n startTimePickerProps,\n endTimePickerProps,\n dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n return (\n <Flex>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n -\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","Object","assign","Box","alignSelf","mx"],"mappings":"yOAUyB,EACvBA,qBAAAA,EACAC,mBAAAA,EACAC,mBAAAA,KAGEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,aAAeC,OAAAC,OAAA,GAAAR,IAChBG,EAAAA,QAACE,cAAAI,EAAAA,IAAIF,OAAAC,OAAA,CAAAE,UAAU,SAASC,GAAI,GAAOT,GAE7B,KACNC,UAAAE,cAACC,EAAAA,WAAeC,OAAAC,OAAA,GAAAP"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-d370ebec.js"),t=require("./chakra-ui-modal.esm-8092955a.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a);exports.Modal=a=>{var{children:i,isOpen:n,onClose:o,isCentered:r=!0,allowEscape:d=!0,useFullScreenMobile:u=!0,initialFocusRef:c,scrollBehavior:m,size:b="xl",isExpanded:p=!1,dataTestId:x="modal"}=a,v=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const f=s.useBreakpointValue({base:"full",md:b}),h=s.useBreakpointValue({base:0,md:"xl"}),k=s.useBreakpointValue({base:u?0:16,md:16});return l.default.createElement(t.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!c,isOpen:n,onClose:o,scrollBehavior:m,isCentered:r,size:u||p?f:b,motionPreset:"slideInBottom","data-testid":x},v),l.default.createElement(t.ModalOverlay,{bg:p?"neutral.100":"blackAlpha.600",style:{transition:"background-color 0.7s ease-in-out"},className:"Modal__Overlay","data-testid":`${x}-overlay`}),l.default.createElement(t.ModalContent,Object.assign({backgroundColor:"background.overlay","data-testid":`${x}-content`,m:k},!u&&{mx:5},{borderRadius:p?"none":u?h:"xl",minH:Object.assign({md:p?"100%":"100px"},u&&{base:"-webkit-fill-available"}),minW:{md:p?"650px":"300px"},maxH:"inside"===m?"100%":void 0,transition:"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out",className:"Modal__Content"}),i))},exports.useExpandButton=()=>{const[e,s]=a.useState(!1);return{isExpanded:e,handleExpandClick:()=>{s((e=>!e))}}};
2
- //# sourceMappingURL=useExpandButton-9cffadc3.js.map
1
+ "use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-d370ebec.js"),t=require("./chakra-ui-modal.esm-2c76cb7b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a);exports.Modal=a=>{var{children:i,isOpen:n,onClose:o,isCentered:r=!0,allowEscape:d=!0,useFullScreenMobile:u=!0,initialFocusRef:c,scrollBehavior:m,size:b="xl",isExpanded:p=!1,dataTestId:x="modal"}=a,v=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const f=s.useBreakpointValue({base:"full",md:b}),h=s.useBreakpointValue({base:0,md:"xl"}),k=s.useBreakpointValue({base:u?0:16,md:16});return l.default.createElement(t.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!c,isOpen:n,onClose:o,scrollBehavior:m,isCentered:r,size:u||p?f:b,motionPreset:"slideInBottom","data-testid":x},v),l.default.createElement(t.ModalOverlay,{bg:p?"neutral.100":"blackAlpha.600",style:{transition:"background-color 0.7s ease-in-out"},className:"Modal__Overlay","data-testid":`${x}-overlay`}),l.default.createElement(t.ModalContent,Object.assign({backgroundColor:"background.overlay","data-testid":`${x}-content`,m:k},!u&&{mx:5},{borderRadius:p?"none":u?h:"xl",minH:Object.assign({md:p?"100%":"100px"},u&&{base:"-webkit-fill-available"}),minW:{md:p?"650px":"300px"},maxH:"inside"===m?"100%":void 0,transition:"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out",className:"Modal__Content"}),i))},exports.useExpandButton=()=>{const[e,s]=a.useState(!1);return{isExpanded:e,handleExpandClick:()=>{s((e=>!e))}}};
2
+ //# sourceMappingURL=useExpandButton-478244d5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useExpandButton-9cffadc3.js","sources":["../src/components/Modal/modal.component.tsx","../src/components/Modal/hooks/useExpandButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Modal as CModal,\n ModalProps as CModalProps,\n ModalContent,\n ModalOverlay,\n useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\n\nexport interface ModalProps extends CModalProps {\n allowEscape?: boolean;\n isCentered?: boolean;\n useFullScreenMobile?: boolean;\n size?: string;\n scrollBehavior?: 'inside' | 'outside';\n children: ReactNode;\n initialFocusRef?: React.RefObject<FocusableElement>;\n isExpanded?: boolean;\n dataTestId?: string;\n}\n\nexport const Modal = ({\n children,\n isOpen,\n onClose,\n isCentered = true,\n allowEscape = true,\n useFullScreenMobile = true,\n initialFocusRef,\n scrollBehavior,\n size = 'xl',\n isExpanded = false,\n dataTestId = 'modal',\n ...rest\n}: ModalProps): JSX.Element => {\n // Responsive values for full screen modals on phones.\n const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: 'xl' });\n const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n const Modal: JSX.Element = (\n <CModal\n closeOnEsc={allowEscape}\n closeOnOverlayClick={allowEscape}\n autoFocus={!!initialFocusRef}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior={scrollBehavior}\n isCentered={isCentered}\n size={useFullScreenMobile || isExpanded ? fullScreenMobileSize : size}\n motionPreset=\"slideInBottom\"\n data-testid={dataTestId}\n {...rest}\n >\n <ModalOverlay\n bg={isExpanded ? 'neutral.100' : 'blackAlpha.600'}\n style={{ transition: 'background-color 0.7s ease-in-out' }}\n className=\"Modal__Overlay\"\n data-testid={`${dataTestId}-overlay`}\n />\n <ModalContent\n backgroundColor=\"background.overlay\"\n data-testid={`${dataTestId}-content`}\n m={modalMargin}\n {...(!useFullScreenMobile && { mx: 5 })}\n borderRadius={isExpanded ? 'none' : useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n minH={{ md: isExpanded ? '100%' : '100px', ...(useFullScreenMobile && { base: '-webkit-fill-available' }) }}\n minW={{ md: isExpanded ? '650px' : '300px' }}\n maxH={scrollBehavior === 'inside' ? '100%' : undefined}\n transition=\"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out\"\n className=\"Modal__Content\"\n >\n {children}\n </ModalContent>\n </CModal>\n );\n\n return Modal;\n};\n","import { useState } from \"react\";\n\ninterface UseExpandButtonOutput {\n isExpanded: boolean;\n handleExpandClick: () => void;\n}\n\nexport const useExpandButton = (): UseExpandButtonOutput => {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const handleExpandClick = (): void => {\n setIsExpanded(currentValue => !currentValue);\n };\n \n return { isExpanded, handleExpandClick };\n}\n"],"names":["_a","children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Object","assign","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","bg","style","transition","className","ModalContent","backgroundColor","m","mx","borderRadius","minH","minW","maxH","undefined","setIsExpanded","useState","handleExpandClick","currentValue"],"mappings":"8QAsBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,YACjBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,KAAIC,WACXA,GAAa,EAAKC,WAClBA,EAAa,SAAOX,EACjBY,EAAIC,EAAAA,OAAAb,EAZa,sJAepB,MAAMc,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIR,IAC9DS,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMV,EAAsB,EAAI,GAAIW,GAAI,KAuCjF,OApCEG,EAAAA,QAACC,cAAAC,EAAAA,MACCC,OAAAC,OAAA,CAAAC,WAAYpB,EACZqB,oBAAqBrB,EACrBsB,YAAapB,EACbL,OAAQA,EACRC,QAASA,EACTK,eAAgBA,EAChBJ,WAAYA,EACZK,KAAMH,GAAuBI,EAAaI,EAAuBL,EACjEmB,aAAa,gBAAe,cACfjB,GACTC,GAEJQ,UAAAC,cAACQ,EAAAA,aAAY,CACXC,GAAIpB,EAAa,cAAgB,iBACjCqB,MAAO,CAAEC,WAAY,qCACrBC,UAAU,iBAAgB,cACb,GAAGtB,cAElBS,EAAAA,QAACC,cAAAa,EAAAA,aACCX,OAAAC,OAAA,CAAAW,gBAAgB,mCACH,GAAGxB,YAChByB,EAAGjB,IACGb,GAAuB,CAAE+B,GAAI,GACnC,CAAAC,aAAc5B,EAAa,OAASJ,EAAsBY,EAA+B,KACzFqB,KAAIhB,OAAAC,OAAA,CAAIP,GAAIP,EAAa,OAAS,SAAaJ,GAAuB,CAAEU,KAAM,2BAC9EwB,KAAM,CAAEvB,GAAIP,EAAa,QAAU,SACnC+B,KAAyB,WAAnBjC,EAA8B,YAASkC,EAC7CV,WAAW,0FACXC,UAAU,mBAEThC,6BClEsB,KAC7B,MAAOS,EAAYiC,GAAiBC,EAAQA,UAAC,GAM7C,MAAO,CAAElC,WAAAA,EAAYmC,kBAJK,KACxBF,GAAcG,IAAiBA"}
1
+ {"version":3,"file":"useExpandButton-478244d5.js","sources":["../src/components/Modal/modal.component.tsx","../src/components/Modal/hooks/useExpandButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Modal as CModal,\n ModalProps as CModalProps,\n ModalContent,\n ModalOverlay,\n useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\n\nexport interface ModalProps extends CModalProps {\n allowEscape?: boolean;\n isCentered?: boolean;\n useFullScreenMobile?: boolean;\n size?: string;\n scrollBehavior?: 'inside' | 'outside';\n children: ReactNode;\n initialFocusRef?: React.RefObject<FocusableElement>;\n isExpanded?: boolean;\n dataTestId?: string;\n}\n\nexport const Modal = ({\n children,\n isOpen,\n onClose,\n isCentered = true,\n allowEscape = true,\n useFullScreenMobile = true,\n initialFocusRef,\n scrollBehavior,\n size = 'xl',\n isExpanded = false,\n dataTestId = 'modal',\n ...rest\n}: ModalProps): JSX.Element => {\n // Responsive values for full screen modals on phones.\n const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: 'xl' });\n const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n const Modal: JSX.Element = (\n <CModal\n closeOnEsc={allowEscape}\n closeOnOverlayClick={allowEscape}\n autoFocus={!!initialFocusRef}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior={scrollBehavior}\n isCentered={isCentered}\n size={useFullScreenMobile || isExpanded ? fullScreenMobileSize : size}\n motionPreset=\"slideInBottom\"\n data-testid={dataTestId}\n {...rest}\n >\n <ModalOverlay\n bg={isExpanded ? 'neutral.100' : 'blackAlpha.600'}\n style={{ transition: 'background-color 0.7s ease-in-out' }}\n className=\"Modal__Overlay\"\n data-testid={`${dataTestId}-overlay`}\n />\n <ModalContent\n backgroundColor=\"background.overlay\"\n data-testid={`${dataTestId}-content`}\n m={modalMargin}\n {...(!useFullScreenMobile && { mx: 5 })}\n borderRadius={isExpanded ? 'none' : useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n minH={{ md: isExpanded ? '100%' : '100px', ...(useFullScreenMobile && { base: '-webkit-fill-available' }) }}\n minW={{ md: isExpanded ? '650px' : '300px' }}\n maxH={scrollBehavior === 'inside' ? '100%' : undefined}\n transition=\"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out\"\n className=\"Modal__Content\"\n >\n {children}\n </ModalContent>\n </CModal>\n );\n\n return Modal;\n};\n","import { useState } from \"react\";\n\ninterface UseExpandButtonOutput {\n isExpanded: boolean;\n handleExpandClick: () => void;\n}\n\nexport const useExpandButton = (): UseExpandButtonOutput => {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const handleExpandClick = (): void => {\n setIsExpanded(currentValue => !currentValue);\n };\n \n return { isExpanded, handleExpandClick };\n}\n"],"names":["_a","children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Object","assign","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","bg","style","transition","className","ModalContent","backgroundColor","m","mx","borderRadius","minH","minW","maxH","undefined","setIsExpanded","useState","handleExpandClick","currentValue"],"mappings":"8QAsBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,YACjBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,KAAIC,WACXA,GAAa,EAAKC,WAClBA,EAAa,SAAOX,EACjBY,EAAIC,EAAAA,OAAAb,EAZa,sJAepB,MAAMc,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIR,IAC9DS,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMV,EAAsB,EAAI,GAAIW,GAAI,KAuCjF,OApCEG,EAAAA,QAACC,cAAAC,EAAAA,MACCC,OAAAC,OAAA,CAAAC,WAAYpB,EACZqB,oBAAqBrB,EACrBsB,YAAapB,EACbL,OAAQA,EACRC,QAASA,EACTK,eAAgBA,EAChBJ,WAAYA,EACZK,KAAMH,GAAuBI,EAAaI,EAAuBL,EACjEmB,aAAa,gBAAe,cACfjB,GACTC,GAEJQ,UAAAC,cAACQ,EAAAA,aAAY,CACXC,GAAIpB,EAAa,cAAgB,iBACjCqB,MAAO,CAAEC,WAAY,qCACrBC,UAAU,iBAAgB,cACb,GAAGtB,cAElBS,EAAAA,QAACC,cAAAa,EAAAA,aACCX,OAAAC,OAAA,CAAAW,gBAAgB,mCACH,GAAGxB,YAChByB,EAAGjB,IACGb,GAAuB,CAAE+B,GAAI,GACnC,CAAAC,aAAc5B,EAAa,OAASJ,EAAsBY,EAA+B,KACzFqB,KAAIhB,OAAAC,OAAA,CAAIP,GAAIP,EAAa,OAAS,SAAaJ,GAAuB,CAAEU,KAAM,2BAC9EwB,KAAM,CAAEvB,GAAIP,EAAa,QAAU,SACnC+B,KAAyB,WAAnBjC,EAA8B,YAASkC,EAC7CV,WAAW,0FACXC,UAAU,mBAEThC,6BClEsB,KAC7B,MAAOS,EAAYiC,GAAiBC,EAAQA,UAAC,GAM7C,MAAO,CAAElC,WAAAA,EAAYmC,kBAJK,KACxBF,GAAcG,IAAiBA"}
@@ -1,2 +1,2 @@
1
- "use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-434904f8.js"),o=require("./chakra-ui-theme.esm-23420bf9.js"),r=require("./chakra-ui-hooks.esm-20b27af2.js"),i=require("./alert.component-08e02a01.js"),s=require("./useTheme-ee73b181.js"),a=require("react-dom"),u=require("./index-c47ce06b.js"),c=require("./index-5a9be08d.js"),l=require("./motion-7de675ca.js");function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var d=f(e);function p(){return p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(this,arguments)}var v=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,s=void 0===i?{}:i,a=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,p({ref:n,style:p({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},s)},a))}));("production"!==process.env.NODE_ENV&&(v.displayName="VisuallyHidden",v.propTypes={as:u.PropTypes.any,children:u.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function m(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function h(t){return e.forwardRef(t)}function y(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function b(){return b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var g,E={polite:-1,assertive:-1},O={polite:{},assertive:{}},j={polite:null,assertive:null},T=h((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,s=t.type,a=void 0===s?"polite":s,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){m(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,b({},u,{ref:l,"data-reach-alert":!0}),i)}),[i,u]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),s=e.useRef(!1);e.useEffect((function(){var e=y(o.current);s.current?r!==t?(i.current&&i.current.unmount(),i.current=x(t,e),i.current.mount(n)):i.current&&i.current.update(n):(s.current=!0,i.current=x(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(a,f,c),f}));function x(t,e){var n=++E[t];return{mount:function o(r){if(j[t])O[t][n]=r,w();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),j[t]=i,e.body.appendChild(j[t]),o(r)}},update:function(e){O[t][n]=e,w()},unmount:function(){delete O[t][n],w()}}}function w(){null!=g&&window.clearTimeout(g),g=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;j[n]&&a.render(e.createElement(v,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),j[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function _(t,e){return _=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},_(t,e)}function C(t,e){var n=N(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(T.displayName="Alert",T.propTypes={children:u.PropTypes.node,type:u.PropTypes.oneOf(["assertive","polite"])});var N=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var k={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},q=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,s=t.onRequestRemove,a=t.requestClose,u=void 0!==a&&a,c=t.position,f=void 0===c?"bottom":c,p=t.duration,v=void 0===p?5e3:p,m=t.containerStyle,h=void 0===m?{}:m,y=d.useState(v),b=y[0],g=y[1],E=l.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var O=function(){E&&s()};d.useEffect((function(){E&&u&&s()}),[E,u,s]),r.useTimeout(O,b);var j=d.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(f)}),[f]);return d.createElement(l.motion.li,{layout:!0,className:"chakra-toast",variants:k,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:f},style:j},d.createElement(T,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:O}):o))};n.__DEV__&&(q.displayName="Toast");var S=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=C(o,t),i=r.position,s=r.index;return i&&-1!==s&&(o[i][s]=A({},o[i][s],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var s=null!=(o=e.id)?o:r.counter,a=null!=(i=e.position)?i:"top";return{id:s,message:t,position:a,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(s),a)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=N(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=C(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,_(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return d.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},d.createElement(c.AnimatePresence,{initial:!1},n.map((function(t){return d.createElement(q,A({key:t.id},t))}))))}))},r}(d.Component);S.counter=0;var D=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}a.render(d.createElement(S,{notify:this.bindFunctions}),e)}};function P(t,e){var n;if(!t)return;const o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}const V=e=>{const{position:n,duration:o,id:r,onCloseComplete:s,containerStyle:a}=e,u=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return d.createElement(i.Alert,Object.assign({id:r,isToast:!0},u))},R={title:"",duration:5e3,position:"top"},M={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:R};exports.useToast=t=>{const e=s.useTheme(),o=r.useLatestRef(t);return(({theme:t=M.theme,defaultOptions:e=M.defaultOptions}=M)=>{const o=(e,o)=>d.createElement(n.ThemeProvider,{theme:t},d.createElement(V,Object.assign({},e,o))),r=n=>{const r=Object.assign(Object.assign({},e),n);return r.position=P(r.position,t.direction),D.notify((t=>o(t,r)),r)};return r.close=D.close,r.closeAll=D.closeAll,r.update=(n,r)=>{if(!n)return;const i=Object.assign(Object.assign({},e),r);i.position=P(i.position,t.direction),D.update(n,Object.assign(Object.assign({},i),{message:t=>o(t,i)}))},r.isActive=D.isActive,r})({theme:e,defaultOptions:Object.assign(Object.assign({},R),o.current)})};
2
- //# sourceMappingURL=useToast-567c9d25.js.map
1
+ "use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-434904f8.js"),o=require("./chakra-ui-theme.esm-23420bf9.js"),r=require("./chakra-ui-hooks.esm-20b27af2.js"),i=require("./alert.component-4d48d218.js"),s=require("./useTheme-ee73b181.js"),a=require("react-dom"),u=require("./index-8fecff45.js"),c=require("./index-5a9be08d.js"),l=require("./motion-7de675ca.js");function f(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var d=f(e);function p(){return p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},p.apply(this,arguments)}var v=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,s=void 0===i?{}:i,a=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,p({ref:n,style:p({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},s)},a))}));("production"!==process.env.NODE_ENV&&(v.displayName="VisuallyHidden",v.propTypes={as:u.PropTypes.any,children:u.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function m(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function h(t){return e.forwardRef(t)}function y(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function b(){return b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var g,E={polite:-1,assertive:-1},O={polite:{},assertive:{}},j={polite:null,assertive:null},T=h((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,s=t.type,a=void 0===s?"polite":s,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){m(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,b({},u,{ref:l,"data-reach-alert":!0}),i)}),[i,u]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),s=e.useRef(!1);e.useEffect((function(){var e=y(o.current);s.current?r!==t?(i.current&&i.current.unmount(),i.current=x(t,e),i.current.mount(n)):i.current&&i.current.update(n):(s.current=!0,i.current=x(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(a,f,c),f}));function x(t,e){var n=++E[t];return{mount:function o(r){if(j[t])O[t][n]=r,w();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),j[t]=i,e.body.appendChild(j[t]),o(r)}},update:function(e){O[t][n]=e,w()},unmount:function(){delete O[t][n],w()}}}function w(){null!=g&&window.clearTimeout(g),g=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;j[n]&&a.render(e.createElement(v,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),j[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function _(t,e){return _=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},_(t,e)}function C(t,e){var n=N(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(T.displayName="Alert",T.propTypes={children:u.PropTypes.node,type:u.PropTypes.oneOf(["assertive","polite"])});var N=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var k={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},q=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,s=t.onRequestRemove,a=t.requestClose,u=void 0!==a&&a,c=t.position,f=void 0===c?"bottom":c,p=t.duration,v=void 0===p?5e3:p,m=t.containerStyle,h=void 0===m?{}:m,y=d.useState(v),b=y[0],g=y[1],E=l.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var O=function(){E&&s()};d.useEffect((function(){E&&u&&s()}),[E,u,s]),r.useTimeout(O,b);var j=d.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(f)}),[f]);return d.createElement(l.motion.li,{layout:!0,className:"chakra-toast",variants:k,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:f},style:j},d.createElement(T,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:O}):o))};n.__DEV__&&(q.displayName="Toast");var S=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=C(o,t),i=r.position,s=r.index;return i&&-1!==s&&(o[i][s]=A({},o[i][s],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var s=null!=(o=e.id)?o:r.counter,a=null!=(i=e.position)?i:"top";return{id:s,message:t,position:a,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(s),a)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=N(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=C(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,_(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return d.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},d.createElement(c.AnimatePresence,{initial:!1},n.map((function(t){return d.createElement(q,A({key:t.id},t))}))))}))},r}(d.Component);S.counter=0;var D=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}a.render(d.createElement(S,{notify:this.bindFunctions}),e)}};function P(t,e){var n;if(!t)return;const o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}const V=e=>{const{position:n,duration:o,id:r,onCloseComplete:s,containerStyle:a}=e,u=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return d.createElement(i.Alert,Object.assign({id:r,isToast:!0},u))},R={title:"",duration:5e3,position:"top"},M={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:R};exports.useToast=t=>{const e=s.useTheme(),o=r.useLatestRef(t);return(({theme:t=M.theme,defaultOptions:e=M.defaultOptions}=M)=>{const o=(e,o)=>d.createElement(n.ThemeProvider,{theme:t},d.createElement(V,Object.assign({},e,o))),r=n=>{const r=Object.assign(Object.assign({},e),n);return r.position=P(r.position,t.direction),D.notify((t=>o(t,r)),r)};return r.close=D.close,r.closeAll=D.closeAll,r.update=(n,r)=>{if(!n)return;const i=Object.assign(Object.assign({},e),r);i.position=P(i.position,t.direction),D.update(n,Object.assign(Object.assign({},i),{message:t=>o(t,i)}))},r.isActive=D.isActive,r})({theme:e,defaultOptions:Object.assign(Object.assign({},R),o.current)})};
2
+ //# sourceMappingURL=useToast-6a6f0bf3.js.map