@televet/kibble-ui 3.0.7 → 3.0.8

package/build/{timePicker.component-05a7f662.js → timePicker.component-f86ccaf6.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./icon.component-61259515.js"),n=require("./popover.component-5abea140.js"),r=require("./index-7708e04e.js"),o=require("./textInput.component-94c116dc.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./timePicker.types-eedca939.js"),l=require("./useIconTextSizeMap-301c4f35.js"),u=require("./chakra-ui-hooks.esm-21b313f3.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})))};
-//# sourceMappingURL=timePicker.component-05a7f662.js.map
+"use strict";var e=require("react"),t=require("./icon.component-3662253d.js"),n=require("./popover.component-bc4e0e7f.js"),r=require("./index-7708e04e.js"),o=require("./textInput.component-71e352c1.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})))};
+//# sourceMappingURL=timePicker.component-f86ccaf6.js.map

package/build/{timePicker.component-05a7f662.js.map → timePicker.component-f86ccaf6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timePicker.component-05a7f662.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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"}
+{"version":3,"file":"timePicker.component-f86ccaf6.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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"}

package/build/{timeRange.component-84370119.js → timeRange.component-0f82741e.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./timePicker.component-05a7f662.js"),r=require("./chakra-ui-layout.esm-6ee578f7.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)));
-//# sourceMappingURL=timeRange.component-84370119.js.map
+"use strict";var e=require("react"),t=require("./timePicker.component-f86ccaf6.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)));
+//# sourceMappingURL=timeRange.component-0f82741e.js.map

package/build/{timeRange.component-84370119.js.map → timeRange.component-0f82741e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.component-84370119.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"}
+{"version":3,"file":"timeRange.component-0f82741e.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"}

package/build/{timestamp.component-c0c80c32.js → timestamp.component-16be4ef2.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./text.component-906b3f66.js"),r=require("./tooltip.component-197bff7c.js"),a=require("./index-7708e04e.js"),i=require("./index-ebcb699d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e);function n(e,t){a.requiredArgs(2,arguments);var r=i.startOfDay(e),s=i.startOfDay(t);return r.getTime()===s.getTime()}exports.Timestamp=({date:e,timeFormat:i="h:mma",dateFormat:s="M/d/yy",shouldTodayDisplayTimeOnly:l=!0,tooltipLabel:u,textProps:m})=>{const c=a.format(e,function(e){return a.requiredArgs(1,arguments),n(e,Date.now())}(e)&&l?i:s);return o.default.createElement(t.WrappedText,Object.assign({className:"Timestamp",variant:"subtle",size:"xs",textTransform:"lowercase"},m),o.default.createElement(r.Tooltip,{isDisabled:!u,titleCaseLabel:!1,label:u||""},c))};
-//# sourceMappingURL=timestamp.component-c0c80c32.js.map
+"use strict";var e=require("react"),t=require("./text.component-a1231840.js"),r=require("./tooltip.component-e2205174.js"),a=require("./index-7708e04e.js"),i=require("./index-ebcb699d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e);function n(e,t){a.requiredArgs(2,arguments);var r=i.startOfDay(e),s=i.startOfDay(t);return r.getTime()===s.getTime()}exports.Timestamp=({date:e,timeFormat:i="h:mma",dateFormat:s="M/d/yy",shouldTodayDisplayTimeOnly:l=!0,tooltipLabel:u,textProps:m})=>{const d=a.format(e,function(e){return a.requiredArgs(1,arguments),n(e,Date.now())}(e)&&l?i:s);return o.default.createElement(t.WrappedText,Object.assign({className:"Timestamp",variant:"subtle",size:"xs",textTransform:"lowercase"},m),o.default.createElement(r.Tooltip,{isDisabled:!u,titleCaseLabel:!1,label:u||""},d))};
+//# sourceMappingURL=timestamp.component-16be4ef2.js.map

package/build/{timestamp.component-c0c80c32.js.map → timestamp.component-16be4ef2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timestamp.component-c0c80c32.js","sources":["../node_modules/date-fns/esm/isSameDay/index.js","../src/patterns/Timestamp/timestamp.component.tsx","../node_modules/date-fns/esm/isToday/index.js"],"sourcesContent":["import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}","import React from 'react';\nimport { Text, TextProps } from 'components/Text';\nimport { Tooltip } from 'components/Tooltip';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\n\nexport interface TimestampProps {\n  date: Date;\n  timeFormat?: string;\n  dateFormat?: string;\n  shouldTodayDisplayTimeOnly?: boolean;\n  tooltipLabel?: string;\n  textProps?: Omit<TextProps, 'children'>;\n}\n\nexport const Timestamp = ({\n  date,\n  timeFormat = 'h:mma',\n  dateFormat = 'M/d/yy',\n  shouldTodayDisplayTimeOnly = true,\n  tooltipLabel,\n  textProps,\n}: TimestampProps): JSX.Element => {\n  const stamp = format(date, isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat);\n\n  return (\n    <Text className=\"Timestamp\" variant=\"subtle\" size=\"xs\" textTransform=\"lowercase\" {...textProps}>\n      <Tooltip isDisabled={!tooltipLabel} titleCaseLabel={false} label={tooltipLabel || ''}>\n        {stamp}\n      </Tooltip>\n    </Text>\n  );\n};\n","import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}"],"names":["isSameDay","dirtyDateLeft","dirtyDateRight","requiredArgs","arguments","dateLeftStartOfDay","startOfDay","dateRightStartOfDay","getTime","date","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","format","dirtyDate","Date","now","isToday","React","Text","Object","assign","className","variant","size","textTransform","createElement","Tooltip","isDisabled","titleCaseLabel","label"],"mappings":"gRA+Be,SAASA,EAAUC,EAAeC,GAC/CC,eAAa,EAAGC,WAChB,IAAIC,EAAqBC,aAAWL,GAChCM,EAAsBD,aAAWJ,GACrC,OAAOG,EAAmBG,YAAcD,EAAoBC,4BCpBrC,EACvBC,KAAAA,EACAC,WAAAA,EAAa,QACbC,WAAAA,EAAa,SACbC,2BAAAA,GAA6B,EAC7BC,aAAAA,EACAC,UAAAA,MAEA,MAAMC,EAAQC,SAAOP,ECCR,SAAiBQ,GAE9B,OADAd,eAAa,EAAGC,WACTJ,EAAUiB,EAAWC,KAAKC,ODHNC,CAAQX,IAASG,EAA6BF,EAAaC,GAEtF,OACEU,EAAAA,sBAACC,EAAAA,YAAIC,OAAAC,OAAA,CAACC,UAAU,YAAYC,QAAQ,SAASC,KAAK,KAAKC,cAAc,aAAgBd,GACnFO,EAAAA,QAACQ,cAAAC,EAAAA,SAAQC,YAAalB,EAAcmB,gBAAgB,EAAOC,MAAOpB,GAAgB,IAC/EE"}
+{"version":3,"file":"timestamp.component-16be4ef2.js","sources":["../node_modules/date-fns/esm/isSameDay/index.js","../src/patterns/Timestamp/timestamp.component.tsx","../node_modules/date-fns/esm/isToday/index.js"],"sourcesContent":["import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}","import React from 'react';\nimport { Text, TextProps } from 'components/Text';\nimport { Tooltip } from 'components/Tooltip';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\n\nexport interface TimestampProps {\n  date: Date;\n  timeFormat?: string;\n  dateFormat?: string;\n  shouldTodayDisplayTimeOnly?: boolean;\n  tooltipLabel?: string;\n  textProps?: Omit<TextProps, 'children'>;\n}\n\nexport const Timestamp = ({\n  date,\n  timeFormat = 'h:mma',\n  dateFormat = 'M/d/yy',\n  shouldTodayDisplayTimeOnly = true,\n  tooltipLabel,\n  textProps,\n}: TimestampProps): JSX.Element => {\n  const stamp = format(date, isToday(date) && shouldTodayDisplayTimeOnly ? timeFormat : dateFormat);\n\n  return (\n    <Text className=\"Timestamp\" variant=\"subtle\" size=\"xs\" textTransform=\"lowercase\" {...textProps}>\n      <Tooltip isDisabled={!tooltipLabel} titleCaseLabel={false} label={tooltipLabel || ''}>\n        {stamp}\n      </Tooltip>\n    </Text>\n  );\n};\n","import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}"],"names":["isSameDay","dirtyDateLeft","dirtyDateRight","requiredArgs","arguments","dateLeftStartOfDay","startOfDay","dateRightStartOfDay","getTime","date","timeFormat","dateFormat","shouldTodayDisplayTimeOnly","tooltipLabel","textProps","stamp","format","dirtyDate","Date","now","isToday","React","Text","Object","assign","className","variant","size","textTransform","createElement","Tooltip","isDisabled","titleCaseLabel","label"],"mappings":"gRA+Be,SAASA,EAAUC,EAAeC,GAC/CC,eAAa,EAAGC,WAChB,IAAIC,EAAqBC,aAAWL,GAChCM,EAAsBD,aAAWJ,GACrC,OAAOG,EAAmBG,YAAcD,EAAoBC,4BCpBrC,EACvBC,KAAAA,EACAC,WAAAA,EAAa,QACbC,WAAAA,EAAa,SACbC,2BAAAA,GAA6B,EAC7BC,aAAAA,EACAC,UAAAA,MAEA,MAAMC,EAAQC,SAAOP,ECCR,SAAiBQ,GAE9B,OADAd,eAAa,EAAGC,WACTJ,EAAUiB,EAAWC,KAAKC,ODHNC,CAAQX,IAASG,EAA6BF,EAAaC,GAEtF,OACEU,EAAAA,sBAACC,EAAAA,YAAIC,OAAAC,OAAA,CAACC,UAAU,YAAYC,QAAQ,SAASC,KAAK,KAAKC,cAAc,aAAgBd,GACnFO,EAAAA,QAACQ,cAAAC,EAAAA,SAAQC,YAAalB,EAAcmB,gBAAgB,EAAOC,MAAOpB,GAAgB,IAC/EE"}

package/build/{tooltip.component-197bff7c.js → tooltip.component-e2205174.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),o=require("./chakra-ui-popper.esm-c15ff4a5.js"),n=require("./chakra-ui-portal.esm-bbcb5d1d.js"),a=require("./chakra-ui-system.esm-c70df670.js"),t=require("./chakra-ui-visually-hidden.esm-b758df74.js"),l=require("./chakra-ui-hooks.esm-21b313f3.js"),i=require("./motion-7de675ca.js"),s=require("./index-5a9be08d.js"),c=require("./use-animation-state-5054a9f7.esm-c89cafc4.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),r.default=e,Object.freeze(r)}var p=d(r),f=u(r);function g(){return g=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},g.apply(this,arguments)}function b(e,r){if(null==e)return{};var o,n,a={},t=Object.keys(e);for(n=0;n<t.length;n++)o=t[n],r.indexOf(o)>=0||(a[o]=e[o]);return a}var m={exit:{scale:.85,opacity:0,transition:{opacity:{duration:.15,easings:"easeInOut"},scale:{duration:.2,easings:"easeInOut"}}},enter:{scale:1,opacity:1,transition:{opacity:{easings:"easeOut",duration:.2},scale:{duration:.2,ease:[.175,.885,.4,1.1]}}}},v=["openDelay","closeDelay","closeOnClick","closeOnMouseDown","closeOnEsc","onOpen","onClose","placement","id","isOpen","defaultIsOpen","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction"];var w=["children","label","shouldWrapChildren","aria-label","hasArrow","bg","portalProps","background","backgroundColor","bgColor"],h=a.chakra(i.motion.div),O=a.forwardRef((function(e,r){var i,u,d=a.useStyleConfig("Tooltip",e),f=a.omitThemingProps(e),O=a.useTheme(),k=f.children,y=f.label,C=f.shouldWrapChildren,P=f["aria-label"],E=f.hasArrow,j=f.bg,_=f.portalProps,T=f.background,D=f.backgroundColor,A=f.bgColor,x=b(f,w),I=null!=(i=null!=(u=null!=T?T:D)?u:j)?i:A;I&&(d.bg=I,d[o.cssVars.arrowBg.var]=a.getCSSVar(O,"colors",I));var S,q=function(e){void 0===e&&(e={});var r=e,n=r.openDelay,t=void 0===n?0:n,i=r.closeDelay,s=void 0===i?0:i,u=r.closeOnClick,d=void 0===u||u,f=r.closeOnMouseDown,m=r.closeOnEsc,w=void 0===m||m,h=r.onOpen,O=r.onClose,k=r.placement,y=r.id,C=r.isOpen,P=r.defaultIsOpen,E=r.arrowSize,j=void 0===E?10:E,_=r.arrowShadowColor,T=r.arrowPadding,D=r.modifiers,A=r.isDisabled,x=r.gutter,I=r.offset,S=r.direction,q=b(r,v),z=l.useDisclosure({isOpen:C,defaultIsOpen:P,onOpen:h,onClose:O}),M=z.isOpen,R=z.onOpen,V=z.onClose,H=o.usePopper({enabled:M,placement:k,arrowPadding:T,modifiers:D,gutter:x,offset:I,direction:S}),F=H.referenceRef,L=H.getPopperProps,B=H.getArrowInnerProps,N=H.getArrowProps,W=l.useId(y,"tooltip"),G=p.useRef(null),J=p.useRef(),K=p.useRef(),Q=p.useCallback((function(){A||(J.current=window.setTimeout(R,t))}),[A,R,t]),U=p.useCallback((function(){J.current&&clearTimeout(J.current),K.current=window.setTimeout(V,s)}),[s,V]),X=p.useCallback((function(){d&&U()}),[d,U]),Y=p.useCallback((function(){f&&U()}),[f,U]),Z=p.useCallback((function(e){M&&"Escape"===e.key&&U()}),[M,U]);c.useEventListener("keydown",w?Z:void 0),p.useEffect((function(){return function(){clearTimeout(J.current),clearTimeout(K.current)}}),[]),c.useEventListener("mouseleave",U,(function(){return G.current}));var $=p.useCallback((function(e,r){return void 0===e&&(e={}),void 0===r&&(r=null),g({},e,{ref:a.mergeRefs(G,r,F),onMouseEnter:a.callAllHandlers(e.onMouseEnter,Q),onClick:a.callAllHandlers(e.onClick,X),onMouseDown:a.callAllHandlers(e.onMouseDown,Y),onFocus:a.callAllHandlers(e.onFocus,Q),onBlur:a.callAllHandlers(e.onBlur,U),"aria-describedby":M?W:void 0})}),[Q,U,Y,M,W,X,F]),ee=p.useCallback((function(e,r){var n;return void 0===e&&(e={}),void 0===r&&(r=null),L(g({},e,{style:g({},e.style,(n={},n[o.cssVars.arrowSize.var]=j?a.px(j):void 0,n[o.cssVars.arrowShadowColor.var]=_,n))}),r)}),[L,j,_]),re=p.useCallback((function(e,r){return void 0===e&&(e={}),void 0===r&&(r=null),g({ref:r},q,e,{id:W,role:"tooltip",style:g({},e.style,{position:"relative",transformOrigin:o.cssVars.transformOrigin.varRef})})}),[q,W]);return{isOpen:M,show:Q,hide:U,getTriggerProps:$,getTooltipProps:re,getTooltipPositionerProps:ee,getArrowProps:N,getArrowInnerProps:B}}(g({},x,{direction:O.direction}));if(a.isString(k)||C)S=p.createElement(a.chakra.span,g({tabIndex:0},q.getTriggerProps()),k);else{var z=p.Children.only(k);S=p.cloneElement(z,q.getTriggerProps(z.props,z.ref))}var M=!!P,R=q.getTooltipProps({},r),V=M?a.omit(R,["role","id"]):R,H=a.pick(R,["role","id"]);return y?p.createElement(p.Fragment,null,S,p.createElement(s.AnimatePresence,null,q.isOpen&&p.createElement(n.Portal,_,p.createElement(a.chakra.div,g({},q.getTooltipPositionerProps(),{__css:{zIndex:d.zIndex,pointerEvents:"none"}}),p.createElement(h,g({variants:m},V,{initial:"exit",animate:"enter",exit:"exit",__css:d}),y,M&&p.createElement(t.VisuallyHidden,H,P),E&&p.createElement(a.chakra.div,{"data-popper-arrow":!0,className:"chakra-tooltip__arrow-wrapper"},p.createElement(a.chakra.div,{"data-popper-arrow-inner":!0,className:"chakra-tooltip__arrow",__css:{bg:d.bg}}))))))):p.createElement(p.Fragment,null,k)}));a.__DEV__&&(O.displayName="Tooltip");exports.Tooltip=r=>{var{children:o,label:n,openDelay:a=350,placement:t="top",titleCaseLabel:l=!1}=r,i=e.__rest(r,["children","label","openDelay","placement","titleCaseLabel"]);return f.default.createElement(O,Object.assign({hasArrow:!0,arrowSize:10,label:n,openDelay:a,placement:t},i),o)};
-//# sourceMappingURL=tooltip.component-197bff7c.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),o=require("./chakra-ui-popper.esm-b9439d86.js"),n=require("./chakra-ui-portal.esm-309fc8f3.js"),a=require("./chakra-ui-system.esm-434904f8.js"),t=require("./chakra-ui-visually-hidden.esm-9f62b36b.js"),l=require("./chakra-ui-hooks.esm-20b27af2.js"),i=require("./motion-7de675ca.js"),s=require("./index-5a9be08d.js"),c=require("./use-animation-state-5054a9f7.esm-ffd221fb.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),r.default=e,Object.freeze(r)}var p=d(r),f=u(r);function g(){return g=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},g.apply(this,arguments)}function b(e,r){if(null==e)return{};var o,n,a={},t=Object.keys(e);for(n=0;n<t.length;n++)o=t[n],r.indexOf(o)>=0||(a[o]=e[o]);return a}var m={exit:{scale:.85,opacity:0,transition:{opacity:{duration:.15,easings:"easeInOut"},scale:{duration:.2,easings:"easeInOut"}}},enter:{scale:1,opacity:1,transition:{opacity:{easings:"easeOut",duration:.2},scale:{duration:.2,ease:[.175,.885,.4,1.1]}}}},v=["openDelay","closeDelay","closeOnClick","closeOnMouseDown","closeOnEsc","onOpen","onClose","placement","id","isOpen","defaultIsOpen","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction"];var w=["children","label","shouldWrapChildren","aria-label","hasArrow","bg","portalProps","background","backgroundColor","bgColor"],h=a.chakra(i.motion.div),O=a.forwardRef((function(e,r){var i,u,d=a.useStyleConfig("Tooltip",e),f=a.omitThemingProps(e),O=a.useTheme(),k=f.children,y=f.label,C=f.shouldWrapChildren,P=f["aria-label"],E=f.hasArrow,j=f.bg,_=f.portalProps,T=f.background,D=f.backgroundColor,A=f.bgColor,x=b(f,w),I=null!=(i=null!=(u=null!=T?T:D)?u:j)?i:A;I&&(d.bg=I,d[o.cssVars.arrowBg.var]=a.getCSSVar(O,"colors",I));var S,q=function(e){void 0===e&&(e={});var r=e,n=r.openDelay,t=void 0===n?0:n,i=r.closeDelay,s=void 0===i?0:i,u=r.closeOnClick,d=void 0===u||u,f=r.closeOnMouseDown,m=r.closeOnEsc,w=void 0===m||m,h=r.onOpen,O=r.onClose,k=r.placement,y=r.id,C=r.isOpen,P=r.defaultIsOpen,E=r.arrowSize,j=void 0===E?10:E,_=r.arrowShadowColor,T=r.arrowPadding,D=r.modifiers,A=r.isDisabled,x=r.gutter,I=r.offset,S=r.direction,q=b(r,v),z=l.useDisclosure({isOpen:C,defaultIsOpen:P,onOpen:h,onClose:O}),M=z.isOpen,R=z.onOpen,V=z.onClose,H=o.usePopper({enabled:M,placement:k,arrowPadding:T,modifiers:D,gutter:x,offset:I,direction:S}),F=H.referenceRef,L=H.getPopperProps,B=H.getArrowInnerProps,N=H.getArrowProps,W=l.useId(y,"tooltip"),G=p.useRef(null),J=p.useRef(),K=p.useRef(),Q=p.useCallback((function(){A||(J.current=window.setTimeout(R,t))}),[A,R,t]),U=p.useCallback((function(){J.current&&clearTimeout(J.current),K.current=window.setTimeout(V,s)}),[s,V]),X=p.useCallback((function(){d&&U()}),[d,U]),Y=p.useCallback((function(){f&&U()}),[f,U]),Z=p.useCallback((function(e){M&&"Escape"===e.key&&U()}),[M,U]);c.useEventListener("keydown",w?Z:void 0),p.useEffect((function(){return function(){clearTimeout(J.current),clearTimeout(K.current)}}),[]),c.useEventListener("mouseleave",U,(function(){return G.current}));var $=p.useCallback((function(e,r){return void 0===e&&(e={}),void 0===r&&(r=null),g({},e,{ref:a.mergeRefs(G,r,F),onMouseEnter:a.callAllHandlers(e.onMouseEnter,Q),onClick:a.callAllHandlers(e.onClick,X),onMouseDown:a.callAllHandlers(e.onMouseDown,Y),onFocus:a.callAllHandlers(e.onFocus,Q),onBlur:a.callAllHandlers(e.onBlur,U),"aria-describedby":M?W:void 0})}),[Q,U,Y,M,W,X,F]),ee=p.useCallback((function(e,r){var n;return void 0===e&&(e={}),void 0===r&&(r=null),L(g({},e,{style:g({},e.style,(n={},n[o.cssVars.arrowSize.var]=j?a.px(j):void 0,n[o.cssVars.arrowShadowColor.var]=_,n))}),r)}),[L,j,_]),re=p.useCallback((function(e,r){return void 0===e&&(e={}),void 0===r&&(r=null),g({ref:r},q,e,{id:W,role:"tooltip",style:g({},e.style,{position:"relative",transformOrigin:o.cssVars.transformOrigin.varRef})})}),[q,W]);return{isOpen:M,show:Q,hide:U,getTriggerProps:$,getTooltipProps:re,getTooltipPositionerProps:ee,getArrowProps:N,getArrowInnerProps:B}}(g({},x,{direction:O.direction}));if(a.isString(k)||C)S=p.createElement(a.chakra.span,g({tabIndex:0},q.getTriggerProps()),k);else{var z=p.Children.only(k);S=p.cloneElement(z,q.getTriggerProps(z.props,z.ref))}var M=!!P,R=q.getTooltipProps({},r),V=M?a.omit(R,["role","id"]):R,H=a.pick(R,["role","id"]);return y?p.createElement(p.Fragment,null,S,p.createElement(s.AnimatePresence,null,q.isOpen&&p.createElement(n.Portal,_,p.createElement(a.chakra.div,g({},q.getTooltipPositionerProps(),{__css:{zIndex:d.zIndex,pointerEvents:"none"}}),p.createElement(h,g({variants:m},V,{initial:"exit",animate:"enter",exit:"exit",__css:d}),y,M&&p.createElement(t.VisuallyHidden,H,P),E&&p.createElement(a.chakra.div,{"data-popper-arrow":!0,className:"chakra-tooltip__arrow-wrapper"},p.createElement(a.chakra.div,{"data-popper-arrow-inner":!0,className:"chakra-tooltip__arrow",__css:{bg:d.bg}}))))))):p.createElement(p.Fragment,null,k)}));a.__DEV__&&(O.displayName="Tooltip");exports.Tooltip=r=>{var{children:o,label:n,openDelay:a=350,placement:t="top",titleCaseLabel:l=!1}=r,i=e.__rest(r,["children","label","openDelay","placement","titleCaseLabel"]);return f.default.createElement(O,Object.assign({hasArrow:!0,arrowSize:10,label:n,openDelay:a,placement:t},i),o)};
+//# sourceMappingURL=tooltip.component-e2205174.js.map

package/build/{tooltip.component-197bff7c.js.map → tooltip.component-e2205174.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component-197bff7c.js","sources":["../node_modules/@chakra-ui/tooltip/dist/chakra-ui-tooltip.esm.js","../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import { usePopper, popperCSSVars } from '@chakra-ui/popper';\nimport { Portal } from '@chakra-ui/portal';\nimport { chakra, forwardRef, useStyleConfig, omitThemingProps, useTheme } from '@chakra-ui/system';\nimport { callAllHandlers, px, getCSSVar, isString, omit, pick, __DEV__ } from '@chakra-ui/utils';\nimport { VisuallyHidden } from '@chakra-ui/visually-hidden';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport * as React from 'react';\nimport { useDisclosure, useId, useEventListener } from '@chakra-ui/hooks';\nimport { mergeRefs } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar scale = {\n  exit: {\n    scale: 0.85,\n    opacity: 0,\n    transition: {\n      opacity: {\n        duration: 0.15,\n        easings: \"easeInOut\"\n      },\n      scale: {\n        duration: 0.2,\n        easings: \"easeInOut\"\n      }\n    }\n  },\n  enter: {\n    scale: 1,\n    opacity: 1,\n    transition: {\n      opacity: {\n        easings: \"easeOut\",\n        duration: 0.2\n      },\n      scale: {\n        duration: 0.2,\n        ease: [0.175, 0.885, 0.4, 1.1]\n      }\n    }\n  }\n};\n\nvar _excluded$1 = [\"openDelay\", \"closeDelay\", \"closeOnClick\", \"closeOnMouseDown\", \"closeOnEsc\", \"onOpen\", \"onClose\", \"placement\", \"id\", \"isOpen\", \"defaultIsOpen\", \"arrowSize\", \"arrowShadowColor\", \"arrowPadding\", \"modifiers\", \"isDisabled\", \"gutter\", \"offset\", \"direction\"];\nfunction useTooltip(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var _props = props,\n      _props$openDelay = _props.openDelay,\n      openDelay = _props$openDelay === void 0 ? 0 : _props$openDelay,\n      _props$closeDelay = _props.closeDelay,\n      closeDelay = _props$closeDelay === void 0 ? 0 : _props$closeDelay,\n      _props$closeOnClick = _props.closeOnClick,\n      closeOnClick = _props$closeOnClick === void 0 ? true : _props$closeOnClick,\n      closeOnMouseDown = _props.closeOnMouseDown,\n      _props$closeOnEsc = _props.closeOnEsc,\n      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,\n      onOpenProp = _props.onOpen,\n      onCloseProp = _props.onClose,\n      placement = _props.placement,\n      id = _props.id,\n      isOpenProp = _props.isOpen,\n      defaultIsOpen = _props.defaultIsOpen,\n      _props$arrowSize = _props.arrowSize,\n      arrowSize = _props$arrowSize === void 0 ? 10 : _props$arrowSize,\n      arrowShadowColor = _props.arrowShadowColor,\n      arrowPadding = _props.arrowPadding,\n      modifiers = _props.modifiers,\n      isDisabled = _props.isDisabled,\n      gutter = _props.gutter,\n      offset = _props.offset,\n      direction = _props.direction,\n      htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n  var _useDisclosure = useDisclosure({\n    isOpen: isOpenProp,\n    defaultIsOpen: defaultIsOpen,\n    onOpen: onOpenProp,\n    onClose: onCloseProp\n  }),\n      isOpen = _useDisclosure.isOpen,\n      onOpen = _useDisclosure.onOpen,\n      onClose = _useDisclosure.onClose;\n\n  var _usePopper = usePopper({\n    enabled: isOpen,\n    placement: placement,\n    arrowPadding: arrowPadding,\n    modifiers: modifiers,\n    gutter: gutter,\n    offset: offset,\n    direction: direction\n  }),\n      referenceRef = _usePopper.referenceRef,\n      getPopperProps = _usePopper.getPopperProps,\n      getArrowInnerProps = _usePopper.getArrowInnerProps,\n      getArrowProps = _usePopper.getArrowProps;\n\n  var tooltipId = useId(id, \"tooltip\");\n  var ref = React.useRef(null);\n  var enterTimeout = React.useRef();\n  var exitTimeout = React.useRef();\n  var openWithDelay = React.useCallback(function () {\n    if (!isDisabled) {\n      enterTimeout.current = window.setTimeout(onOpen, openDelay);\n    }\n  }, [isDisabled, onOpen, openDelay]);\n  var closeWithDelay = React.useCallback(function () {\n    if (enterTimeout.current) {\n      clearTimeout(enterTimeout.current);\n    }\n\n    exitTimeout.current = window.setTimeout(onClose, closeDelay);\n  }, [closeDelay, onClose]);\n  var onClick = React.useCallback(function () {\n    if (closeOnClick) {\n      closeWithDelay();\n    }\n  }, [closeOnClick, closeWithDelay]);\n  var onMouseDown = React.useCallback(function () {\n    if (closeOnMouseDown) {\n      closeWithDelay();\n    }\n  }, [closeOnMouseDown, closeWithDelay]);\n  var onKeyDown = React.useCallback(function (event) {\n    if (isOpen && event.key === \"Escape\") {\n      closeWithDelay();\n    }\n  }, [isOpen, closeWithDelay]);\n  useEventListener(\"keydown\", closeOnEsc ? onKeyDown : undefined);\n  React.useEffect(function () {\n    return function () {\n      clearTimeout(enterTimeout.current);\n      clearTimeout(exitTimeout.current);\n    };\n  }, []);\n  /**\n   * This allows for catching mouseleave events when the tooltip\n   * trigger is disabled. There's currently a known issue in\n   * React regarding the onMouseLeave polyfill.\n   * @see https://github.com/facebook/react/issues/11972\n   */\n\n  useEventListener(\"mouseleave\", closeWithDelay, function () {\n    return ref.current;\n  });\n  var getTriggerProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var triggerProps = _extends({}, props, {\n      ref: mergeRefs(ref, _ref, referenceRef),\n      onMouseEnter: callAllHandlers(props.onMouseEnter, openWithDelay),\n      onClick: callAllHandlers(props.onClick, onClick),\n      onMouseDown: callAllHandlers(props.onMouseDown, onMouseDown),\n      onFocus: callAllHandlers(props.onFocus, openWithDelay),\n      onBlur: callAllHandlers(props.onBlur, closeWithDelay),\n      \"aria-describedby\": isOpen ? tooltipId : undefined\n    });\n\n    return triggerProps;\n  }, [openWithDelay, closeWithDelay, onMouseDown, isOpen, tooltipId, onClick, referenceRef]);\n  var getTooltipPositionerProps = React.useCallback(function (props, forwardedRef) {\n    var _extends2;\n\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return getPopperProps(_extends({}, props, {\n      style: _extends({}, props.style, (_extends2 = {}, _extends2[popperCSSVars.arrowSize[\"var\"]] = arrowSize ? px(arrowSize) : undefined, _extends2[popperCSSVars.arrowShadowColor[\"var\"]] = arrowShadowColor, _extends2))\n    }), forwardedRef);\n  }, [getPopperProps, arrowSize, arrowShadowColor]);\n  var getTooltipProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var tooltipProps = _extends({\n      ref: _ref\n    }, htmlProps, props, {\n      id: tooltipId,\n      role: \"tooltip\",\n      style: _extends({}, props.style, {\n        position: \"relative\",\n        transformOrigin: popperCSSVars.transformOrigin.varRef\n      })\n    });\n\n    return tooltipProps;\n  }, [htmlProps, tooltipId]);\n  return {\n    isOpen: isOpen,\n    show: openWithDelay,\n    hide: closeWithDelay,\n    getTriggerProps: getTriggerProps,\n    getTooltipProps: getTooltipProps,\n    getTooltipPositionerProps: getTooltipPositionerProps,\n    getArrowProps: getArrowProps,\n    getArrowInnerProps: getArrowInnerProps\n  };\n}\n\nvar _excluded = [\"children\", \"label\", \"shouldWrapChildren\", \"aria-label\", \"hasArrow\", \"bg\", \"portalProps\", \"background\", \"backgroundColor\", \"bgColor\"];\nvar StyledTooltip = chakra(motion.div);\n/**\n * Tooltips display informative text when users hover, focus on, or tap an element.\n *\n * @see Docs     https://chakra-ui.com/docs/overlay/tooltip\n * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices/#tooltip\n */\n\nvar Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _ref, _ref2;\n\n  var styles = useStyleConfig(\"Tooltip\", props);\n  var ownProps = omitThemingProps(props);\n  var theme = useTheme();\n\n  var children = ownProps.children,\n      label = ownProps.label,\n      shouldWrapChildren = ownProps.shouldWrapChildren,\n      ariaLabel = ownProps[\"aria-label\"],\n      hasArrow = ownProps.hasArrow,\n      bg = ownProps.bg,\n      portalProps = ownProps.portalProps,\n      background = ownProps.background,\n      backgroundColor = ownProps.backgroundColor,\n      bgColor = ownProps.bgColor,\n      rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n  var userDefinedBg = (_ref = (_ref2 = background != null ? background : backgroundColor) != null ? _ref2 : bg) != null ? _ref : bgColor;\n\n  if (userDefinedBg) {\n    styles.bg = userDefinedBg;\n    styles[popperCSSVars.arrowBg[\"var\"]] = getCSSVar(theme, \"colors\", userDefinedBg);\n  }\n\n  var tooltip = useTooltip(_extends({}, rest, {\n    direction: theme.direction\n  }));\n  var shouldWrap = isString(children) || shouldWrapChildren;\n  var trigger;\n\n  if (shouldWrap) {\n    trigger = /*#__PURE__*/React.createElement(chakra.span, _extends({\n      tabIndex: 0\n    }, tooltip.getTriggerProps()), children);\n  } else {\n    /**\n     * Ensure tooltip has only one child node\n     */\n    var child = React.Children.only(children);\n    trigger = /*#__PURE__*/React.cloneElement(child, tooltip.getTriggerProps(child.props, child.ref));\n  }\n\n  var hasAriaLabel = !!ariaLabel;\n\n  var _tooltipProps = tooltip.getTooltipProps({}, ref);\n\n  var tooltipProps = hasAriaLabel ? omit(_tooltipProps, [\"role\", \"id\"]) : _tooltipProps;\n  var hiddenProps = pick(_tooltipProps, [\"role\", \"id\"]);\n  /**\n   * If the `label` is empty, there's no point showing the tooltip.\n   * Let's simply return the children\n   */\n\n  if (!label) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, children);\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, trigger, /*#__PURE__*/React.createElement(AnimatePresence, null, tooltip.isOpen && /*#__PURE__*/React.createElement(Portal, portalProps, /*#__PURE__*/React.createElement(chakra.div, _extends({}, tooltip.getTooltipPositionerProps(), {\n    __css: {\n      zIndex: styles.zIndex,\n      pointerEvents: \"none\"\n    }\n  }), /*#__PURE__*/React.createElement(StyledTooltip, _extends({\n    variants: scale\n  }, tooltipProps, {\n    initial: \"exit\",\n    animate: \"enter\",\n    exit: \"exit\",\n    __css: styles\n  }), label, hasAriaLabel && /*#__PURE__*/React.createElement(VisuallyHidden, hiddenProps, ariaLabel), hasArrow && /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow\": true,\n    className: \"chakra-tooltip__arrow-wrapper\"\n  }, /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow-inner\": true,\n    className: \"chakra-tooltip__arrow\",\n    __css: {\n      bg: styles.bg\n    }\n  })))))));\n});\n\nif (__DEV__) {\n  Tooltip.displayName = \"Tooltip\";\n}\n\nexport { Tooltip, useTooltip };\n","import React from 'react';\nimport { Tooltip as CTooltip, TooltipProps as CTooltipProps, PlacementWithLogical } from '@chakra-ui/react';\n\nexport interface TooltipProps extends CTooltipProps {\n  label: string;\n  placement?: PlacementWithLogical;\n  titleCaseLabel?: boolean;\n}\n\nexport const Tooltip = ({\n  children,\n  label,\n  openDelay = 350,\n  placement = 'top',\n  titleCaseLabel = false,\n  ...rest\n}: TooltipProps): JSX.Element => {\n  return (\n    <CTooltip hasArrow arrowSize={10} label={label} openDelay={openDelay} placement={placement} {...rest}>\n      {children}\n    </CTooltip>\n  );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","scale","exit","opacity","transition","duration","easings","enter","ease","_excluded$1","_excluded","StyledTooltip","chakra","motion","div","Tooltip","forwardRef","props","ref","_ref","_ref2","styles","useStyleConfig","ownProps","omitThemingProps","theme","useTheme","children","label","shouldWrapChildren","ariaLabel","hasArrow","bg","portalProps","background","backgroundColor","bgColor","rest","userDefinedBg","popperCSSVars","arrowBg","getCSSVar","trigger","tooltip","_props","_props$openDelay","openDelay","_props$closeDelay","closeDelay","_props$closeOnClick","closeOnClick","closeOnMouseDown","_props$closeOnEsc","closeOnEsc","onOpenProp","onOpen","onCloseProp","onClose","placement","id","isOpenProp","isOpen","defaultIsOpen","_props$arrowSize","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction","htmlProps","_useDisclosure","useDisclosure","_usePopper","usePopper","enabled","referenceRef","getPopperProps","getArrowInnerProps","getArrowProps","tooltipId","useId","React","useRef","enterTimeout","exitTimeout","openWithDelay","useCallback","current","window","setTimeout","closeWithDelay","clearTimeout","onClick","onMouseDown","onKeyDown","event","useEventListener","undefined","useEffect","getTriggerProps","mergeRefs","onMouseEnter","callAllHandlers","onFocus","onBlur","getTooltipPositionerProps","forwardedRef","_extends2","style","px","getTooltipProps","role","position","transformOrigin","varRef","show","hide","useTooltip","isString","createElement","span","tabIndex","child","Children","only","cloneElement","hasAriaLabel","_tooltipProps","tooltipProps","omit","hiddenProps","pick","Fragment","AnimatePresence","Portal","__css","zIndex","pointerEvents","variants","initial","animate","VisuallyHidden","className","__DEV__","displayName","_a","titleCaseLabel","__rest","CTooltip"],"mappings":"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"}
+{"version":3,"file":"tooltip.component-e2205174.js","sources":["../node_modules/@chakra-ui/tooltip/dist/chakra-ui-tooltip.esm.js","../src/components/Tooltip/tooltip.component.tsx"],"sourcesContent":["import { usePopper, popperCSSVars } from '@chakra-ui/popper';\nimport { Portal } from '@chakra-ui/portal';\nimport { chakra, forwardRef, useStyleConfig, omitThemingProps, useTheme } from '@chakra-ui/system';\nimport { callAllHandlers, px, getCSSVar, isString, omit, pick, __DEV__ } from '@chakra-ui/utils';\nimport { VisuallyHidden } from '@chakra-ui/visually-hidden';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport * as React from 'react';\nimport { useDisclosure, useId, useEventListener } from '@chakra-ui/hooks';\nimport { mergeRefs } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar scale = {\n  exit: {\n    scale: 0.85,\n    opacity: 0,\n    transition: {\n      opacity: {\n        duration: 0.15,\n        easings: \"easeInOut\"\n      },\n      scale: {\n        duration: 0.2,\n        easings: \"easeInOut\"\n      }\n    }\n  },\n  enter: {\n    scale: 1,\n    opacity: 1,\n    transition: {\n      opacity: {\n        easings: \"easeOut\",\n        duration: 0.2\n      },\n      scale: {\n        duration: 0.2,\n        ease: [0.175, 0.885, 0.4, 1.1]\n      }\n    }\n  }\n};\n\nvar _excluded$1 = [\"openDelay\", \"closeDelay\", \"closeOnClick\", \"closeOnMouseDown\", \"closeOnEsc\", \"onOpen\", \"onClose\", \"placement\", \"id\", \"isOpen\", \"defaultIsOpen\", \"arrowSize\", \"arrowShadowColor\", \"arrowPadding\", \"modifiers\", \"isDisabled\", \"gutter\", \"offset\", \"direction\"];\nfunction useTooltip(props) {\n  if (props === void 0) {\n    props = {};\n  }\n\n  var _props = props,\n      _props$openDelay = _props.openDelay,\n      openDelay = _props$openDelay === void 0 ? 0 : _props$openDelay,\n      _props$closeDelay = _props.closeDelay,\n      closeDelay = _props$closeDelay === void 0 ? 0 : _props$closeDelay,\n      _props$closeOnClick = _props.closeOnClick,\n      closeOnClick = _props$closeOnClick === void 0 ? true : _props$closeOnClick,\n      closeOnMouseDown = _props.closeOnMouseDown,\n      _props$closeOnEsc = _props.closeOnEsc,\n      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,\n      onOpenProp = _props.onOpen,\n      onCloseProp = _props.onClose,\n      placement = _props.placement,\n      id = _props.id,\n      isOpenProp = _props.isOpen,\n      defaultIsOpen = _props.defaultIsOpen,\n      _props$arrowSize = _props.arrowSize,\n      arrowSize = _props$arrowSize === void 0 ? 10 : _props$arrowSize,\n      arrowShadowColor = _props.arrowShadowColor,\n      arrowPadding = _props.arrowPadding,\n      modifiers = _props.modifiers,\n      isDisabled = _props.isDisabled,\n      gutter = _props.gutter,\n      offset = _props.offset,\n      direction = _props.direction,\n      htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n  var _useDisclosure = useDisclosure({\n    isOpen: isOpenProp,\n    defaultIsOpen: defaultIsOpen,\n    onOpen: onOpenProp,\n    onClose: onCloseProp\n  }),\n      isOpen = _useDisclosure.isOpen,\n      onOpen = _useDisclosure.onOpen,\n      onClose = _useDisclosure.onClose;\n\n  var _usePopper = usePopper({\n    enabled: isOpen,\n    placement: placement,\n    arrowPadding: arrowPadding,\n    modifiers: modifiers,\n    gutter: gutter,\n    offset: offset,\n    direction: direction\n  }),\n      referenceRef = _usePopper.referenceRef,\n      getPopperProps = _usePopper.getPopperProps,\n      getArrowInnerProps = _usePopper.getArrowInnerProps,\n      getArrowProps = _usePopper.getArrowProps;\n\n  var tooltipId = useId(id, \"tooltip\");\n  var ref = React.useRef(null);\n  var enterTimeout = React.useRef();\n  var exitTimeout = React.useRef();\n  var openWithDelay = React.useCallback(function () {\n    if (!isDisabled) {\n      enterTimeout.current = window.setTimeout(onOpen, openDelay);\n    }\n  }, [isDisabled, onOpen, openDelay]);\n  var closeWithDelay = React.useCallback(function () {\n    if (enterTimeout.current) {\n      clearTimeout(enterTimeout.current);\n    }\n\n    exitTimeout.current = window.setTimeout(onClose, closeDelay);\n  }, [closeDelay, onClose]);\n  var onClick = React.useCallback(function () {\n    if (closeOnClick) {\n      closeWithDelay();\n    }\n  }, [closeOnClick, closeWithDelay]);\n  var onMouseDown = React.useCallback(function () {\n    if (closeOnMouseDown) {\n      closeWithDelay();\n    }\n  }, [closeOnMouseDown, closeWithDelay]);\n  var onKeyDown = React.useCallback(function (event) {\n    if (isOpen && event.key === \"Escape\") {\n      closeWithDelay();\n    }\n  }, [isOpen, closeWithDelay]);\n  useEventListener(\"keydown\", closeOnEsc ? onKeyDown : undefined);\n  React.useEffect(function () {\n    return function () {\n      clearTimeout(enterTimeout.current);\n      clearTimeout(exitTimeout.current);\n    };\n  }, []);\n  /**\n   * This allows for catching mouseleave events when the tooltip\n   * trigger is disabled. There's currently a known issue in\n   * React regarding the onMouseLeave polyfill.\n   * @see https://github.com/facebook/react/issues/11972\n   */\n\n  useEventListener(\"mouseleave\", closeWithDelay, function () {\n    return ref.current;\n  });\n  var getTriggerProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var triggerProps = _extends({}, props, {\n      ref: mergeRefs(ref, _ref, referenceRef),\n      onMouseEnter: callAllHandlers(props.onMouseEnter, openWithDelay),\n      onClick: callAllHandlers(props.onClick, onClick),\n      onMouseDown: callAllHandlers(props.onMouseDown, onMouseDown),\n      onFocus: callAllHandlers(props.onFocus, openWithDelay),\n      onBlur: callAllHandlers(props.onBlur, closeWithDelay),\n      \"aria-describedby\": isOpen ? tooltipId : undefined\n    });\n\n    return triggerProps;\n  }, [openWithDelay, closeWithDelay, onMouseDown, isOpen, tooltipId, onClick, referenceRef]);\n  var getTooltipPositionerProps = React.useCallback(function (props, forwardedRef) {\n    var _extends2;\n\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (forwardedRef === void 0) {\n      forwardedRef = null;\n    }\n\n    return getPopperProps(_extends({}, props, {\n      style: _extends({}, props.style, (_extends2 = {}, _extends2[popperCSSVars.arrowSize[\"var\"]] = arrowSize ? px(arrowSize) : undefined, _extends2[popperCSSVars.arrowShadowColor[\"var\"]] = arrowShadowColor, _extends2))\n    }), forwardedRef);\n  }, [getPopperProps, arrowSize, arrowShadowColor]);\n  var getTooltipProps = React.useCallback(function (props, _ref) {\n    if (props === void 0) {\n      props = {};\n    }\n\n    if (_ref === void 0) {\n      _ref = null;\n    }\n\n    var tooltipProps = _extends({\n      ref: _ref\n    }, htmlProps, props, {\n      id: tooltipId,\n      role: \"tooltip\",\n      style: _extends({}, props.style, {\n        position: \"relative\",\n        transformOrigin: popperCSSVars.transformOrigin.varRef\n      })\n    });\n\n    return tooltipProps;\n  }, [htmlProps, tooltipId]);\n  return {\n    isOpen: isOpen,\n    show: openWithDelay,\n    hide: closeWithDelay,\n    getTriggerProps: getTriggerProps,\n    getTooltipProps: getTooltipProps,\n    getTooltipPositionerProps: getTooltipPositionerProps,\n    getArrowProps: getArrowProps,\n    getArrowInnerProps: getArrowInnerProps\n  };\n}\n\nvar _excluded = [\"children\", \"label\", \"shouldWrapChildren\", \"aria-label\", \"hasArrow\", \"bg\", \"portalProps\", \"background\", \"backgroundColor\", \"bgColor\"];\nvar StyledTooltip = chakra(motion.div);\n/**\n * Tooltips display informative text when users hover, focus on, or tap an element.\n *\n * @see Docs     https://chakra-ui.com/docs/overlay/tooltip\n * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices/#tooltip\n */\n\nvar Tooltip = /*#__PURE__*/forwardRef(function (props, ref) {\n  var _ref, _ref2;\n\n  var styles = useStyleConfig(\"Tooltip\", props);\n  var ownProps = omitThemingProps(props);\n  var theme = useTheme();\n\n  var children = ownProps.children,\n      label = ownProps.label,\n      shouldWrapChildren = ownProps.shouldWrapChildren,\n      ariaLabel = ownProps[\"aria-label\"],\n      hasArrow = ownProps.hasArrow,\n      bg = ownProps.bg,\n      portalProps = ownProps.portalProps,\n      background = ownProps.background,\n      backgroundColor = ownProps.backgroundColor,\n      bgColor = ownProps.bgColor,\n      rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n  var userDefinedBg = (_ref = (_ref2 = background != null ? background : backgroundColor) != null ? _ref2 : bg) != null ? _ref : bgColor;\n\n  if (userDefinedBg) {\n    styles.bg = userDefinedBg;\n    styles[popperCSSVars.arrowBg[\"var\"]] = getCSSVar(theme, \"colors\", userDefinedBg);\n  }\n\n  var tooltip = useTooltip(_extends({}, rest, {\n    direction: theme.direction\n  }));\n  var shouldWrap = isString(children) || shouldWrapChildren;\n  var trigger;\n\n  if (shouldWrap) {\n    trigger = /*#__PURE__*/React.createElement(chakra.span, _extends({\n      tabIndex: 0\n    }, tooltip.getTriggerProps()), children);\n  } else {\n    /**\n     * Ensure tooltip has only one child node\n     */\n    var child = React.Children.only(children);\n    trigger = /*#__PURE__*/React.cloneElement(child, tooltip.getTriggerProps(child.props, child.ref));\n  }\n\n  var hasAriaLabel = !!ariaLabel;\n\n  var _tooltipProps = tooltip.getTooltipProps({}, ref);\n\n  var tooltipProps = hasAriaLabel ? omit(_tooltipProps, [\"role\", \"id\"]) : _tooltipProps;\n  var hiddenProps = pick(_tooltipProps, [\"role\", \"id\"]);\n  /**\n   * If the `label` is empty, there's no point showing the tooltip.\n   * Let's simply return the children\n   */\n\n  if (!label) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, children);\n  }\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, trigger, /*#__PURE__*/React.createElement(AnimatePresence, null, tooltip.isOpen && /*#__PURE__*/React.createElement(Portal, portalProps, /*#__PURE__*/React.createElement(chakra.div, _extends({}, tooltip.getTooltipPositionerProps(), {\n    __css: {\n      zIndex: styles.zIndex,\n      pointerEvents: \"none\"\n    }\n  }), /*#__PURE__*/React.createElement(StyledTooltip, _extends({\n    variants: scale\n  }, tooltipProps, {\n    initial: \"exit\",\n    animate: \"enter\",\n    exit: \"exit\",\n    __css: styles\n  }), label, hasAriaLabel && /*#__PURE__*/React.createElement(VisuallyHidden, hiddenProps, ariaLabel), hasArrow && /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow\": true,\n    className: \"chakra-tooltip__arrow-wrapper\"\n  }, /*#__PURE__*/React.createElement(chakra.div, {\n    \"data-popper-arrow-inner\": true,\n    className: \"chakra-tooltip__arrow\",\n    __css: {\n      bg: styles.bg\n    }\n  })))))));\n});\n\nif (__DEV__) {\n  Tooltip.displayName = \"Tooltip\";\n}\n\nexport { Tooltip, useTooltip };\n","import React from 'react';\nimport { Tooltip as CTooltip, TooltipProps as CTooltipProps, PlacementWithLogical } from '@chakra-ui/react';\n\nexport interface TooltipProps extends CTooltipProps {\n  label: string;\n  placement?: PlacementWithLogical;\n  titleCaseLabel?: boolean;\n}\n\nexport const Tooltip = ({\n  children,\n  label,\n  openDelay = 350,\n  placement = 'top',\n  titleCaseLabel = false,\n  ...rest\n}: TooltipProps): JSX.Element => {\n  return (\n    <CTooltip hasArrow arrowSize={10} label={label} openDelay={openDelay} placement={placement} {...rest}>\n      {children}\n    </CTooltip>\n  );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","scale","exit","opacity","transition","duration","easings","enter","ease","_excluded$1","_excluded","StyledTooltip","chakra","motion","div","Tooltip","forwardRef","props","ref","_ref","_ref2","styles","useStyleConfig","ownProps","omitThemingProps","theme","useTheme","children","label","shouldWrapChildren","ariaLabel","hasArrow","bg","portalProps","background","backgroundColor","bgColor","rest","userDefinedBg","popperCSSVars","arrowBg","getCSSVar","trigger","tooltip","_props","_props$openDelay","openDelay","_props$closeDelay","closeDelay","_props$closeOnClick","closeOnClick","closeOnMouseDown","_props$closeOnEsc","closeOnEsc","onOpenProp","onOpen","onCloseProp","onClose","placement","id","isOpenProp","isOpen","defaultIsOpen","_props$arrowSize","arrowSize","arrowShadowColor","arrowPadding","modifiers","isDisabled","gutter","offset","direction","htmlProps","_useDisclosure","useDisclosure","_usePopper","usePopper","enabled","referenceRef","getPopperProps","getArrowInnerProps","getArrowProps","tooltipId","useId","React","useRef","enterTimeout","exitTimeout","openWithDelay","useCallback","current","window","setTimeout","closeWithDelay","clearTimeout","onClick","onMouseDown","onKeyDown","event","useEventListener","undefined","useEffect","getTriggerProps","mergeRefs","onMouseEnter","callAllHandlers","onFocus","onBlur","getTooltipPositionerProps","forwardedRef","_extends2","style","px","getTooltipProps","role","position","transformOrigin","varRef","show","hide","useTooltip","isString","createElement","span","tabIndex","child","Children","only","cloneElement","hasAriaLabel","_tooltipProps","tooltipProps","omit","hiddenProps","pick","Fragment","AnimatePresence","Portal","__css","zIndex","pointerEvents","variants","initial","animate","VisuallyHidden","className","__DEV__","displayName","_a","titleCaseLabel","__rest","CTooltip"],"mappings":"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"}

package/build/{use-animation-state-5054a9f7.esm-c89cafc4.js → use-animation-state-5054a9f7.esm-ffd221fb.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./chakra-ui-system.esm-c70df670.js"),t=require("react");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(t),u=e.isBrowser?r.useLayoutEffect:r.useEffect;function c(e,t){void 0===t&&(t=[]);var n=r.useRef(e);return u((function(){n.current=e})),r.useCallback((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return null==n.current?void 0:n.current.apply(n,t)}),t)}function f(t,n,u,f){var o=c(n);return r.useEffect((function(){var r,c=null!=(r=e.runIfFn(u))?r:document;if(n)return c.addEventListener(t,o,f),function(){c.removeEventListener(t,o,f)}}),[t,u,f,o,n]),function(){var n;(null!=(n=e.runIfFn(u))?n:document).removeEventListener(t,o,f)}}exports.useAnimationState=function(n){var r=n.isOpen,u=n.ref,c=t.useState(r),o=c[0],i=c[1],a=t.useState(!1),s=a[0],l=a[1];return t.useEffect((function(){s||(i(r),l(!0))}),[r,s,o]),f("animationend",(function(){i(r)}),(function(){return u.current})),{present:!(!r&&!o),onComplete:function(){var t,n=new(e.getOwnerWindow(u.current).CustomEvent)("animationend",{bubbles:!0});null==(t=u.current)||t.dispatchEvent(n)}}},exports.useCallbackRef=c,exports.useEventListener=f,exports.useSafeLayoutEffect=u;
-//# sourceMappingURL=use-animation-state-5054a9f7.esm-c89cafc4.js.map
+"use strict";var e=require("./chakra-ui-system.esm-434904f8.js"),t=require("react");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(t),u=e.isBrowser?r.useLayoutEffect:r.useEffect;function c(e,t){void 0===t&&(t=[]);var n=r.useRef(e);return u((function(){n.current=e})),r.useCallback((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return null==n.current?void 0:n.current.apply(n,t)}),t)}function f(t,n,u,f){var o=c(n);return r.useEffect((function(){var r,c=null!=(r=e.runIfFn(u))?r:document;if(n)return c.addEventListener(t,o,f),function(){c.removeEventListener(t,o,f)}}),[t,u,f,o,n]),function(){var n;(null!=(n=e.runIfFn(u))?n:document).removeEventListener(t,o,f)}}exports.useAnimationState=function(n){var r=n.isOpen,u=n.ref,c=t.useState(r),o=c[0],i=c[1],a=t.useState(!1),s=a[0],l=a[1];return t.useEffect((function(){s||(i(r),l(!0))}),[r,s,o]),f("animationend",(function(){i(r)}),(function(){return u.current})),{present:!(!r&&!o),onComplete:function(){var t,n=new(e.getOwnerWindow(u.current).CustomEvent)("animationend",{bubbles:!0});null==(t=u.current)||t.dispatchEvent(n)}}},exports.useCallbackRef=c,exports.useEventListener=f,exports.useSafeLayoutEffect=u;
+//# sourceMappingURL=use-animation-state-5054a9f7.esm-ffd221fb.js.map

package/build/{use-animation-state-5054a9f7.esm-c89cafc4.js.map → use-animation-state-5054a9f7.esm-ffd221fb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-animation-state-5054a9f7.esm-c89cafc4.js","sources":["../node_modules/@chakra-ui/hooks/dist/use-animation-state-5054a9f7.esm.js"],"sourcesContent":["import { isBrowser, runIfFn, getOwnerWindow } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\n\n/**\n * useSafeLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\n\nvar useSafeLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n\n/**\n * React hook to persist any value between renders,\n * but keeps it up-to-date if it changes.\n *\n * @param fn the function to persist\n * @param deps the function dependency list\n */\n\nfunction useCallbackRef(fn, deps) {\n  if (deps === void 0) {\n    deps = [];\n  }\n\n  var ref = React.useRef(fn);\n  useSafeLayoutEffect(function () {\n    ref.current = fn;\n  }); // eslint-disable-next-line react-hooks/exhaustive-deps\n\n  return React.useCallback(function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return ref.current == null ? void 0 : ref.current.apply(ref, args);\n  }, deps);\n}\n\n/**\n * React hook to manage browser event listeners\n *\n * @param event the event name\n * @param handler the event handler function to execute\n * @param env the dom environment to execute against (defaults to `document`)\n * @param options the event listener options\n *\n * @internal\n */\nfunction useEventListener(event, handler, env, options) {\n  var listener = useCallbackRef(handler);\n  React.useEffect(function () {\n    var _runIfFn;\n\n    var node = (_runIfFn = runIfFn(env)) != null ? _runIfFn : document;\n\n    if (!handler) {\n      return;\n    }\n\n    node.addEventListener(event, listener, options);\n    return function () {\n      node.removeEventListener(event, listener, options);\n    };\n  }, [event, env, options, listener, handler]);\n  return function () {\n    var _runIfFn2;\n\n    var node = (_runIfFn2 = runIfFn(env)) != null ? _runIfFn2 : document;\n    node.removeEventListener(event, listener, options);\n  };\n}\n\nfunction useAnimationState(props) {\n  var isOpen = props.isOpen,\n      ref = props.ref;\n\n  var _useState = useState(isOpen),\n      mounted = _useState[0],\n      setMounted = _useState[1];\n\n  var _useState2 = useState(false),\n      once = _useState2[0],\n      setOnce = _useState2[1];\n\n  useEffect(function () {\n    if (!once) {\n      setMounted(isOpen);\n      setOnce(true);\n    }\n  }, [isOpen, once, mounted]);\n  useEventListener(\"animationend\", function () {\n    setMounted(isOpen);\n  }, function () {\n    return ref.current;\n  });\n  var hidden = isOpen ? false : !mounted;\n  return {\n    present: !hidden,\n    onComplete: function onComplete() {\n      var _ref$current;\n\n      var win = getOwnerWindow(ref.current);\n      var evt = new win.CustomEvent(\"animationend\", {\n        bubbles: true\n      });\n      (_ref$current = ref.current) == null ? void 0 : _ref$current.dispatchEvent(evt);\n    }\n  };\n}\n\nexport { useSafeLayoutEffect as a, useEventListener as b, useAnimationState as c, useCallbackRef as u };\n"],"names":["useSafeLayoutEffect","isBrowser","React","useLayoutEffect","useEffect","useCallbackRef","fn","deps","ref","useRef","current","useCallback","_len","arguments","length","args","Array","_key","apply","useEventListener","event","handler","env","options","listener","_runIfFn","node","runIfFn","document","addEventListener","removeEventListener","_runIfFn2","props","isOpen","_useState","useState","mounted","setMounted","_useState2","once","setOnce","present","onComplete","_ref$current","evt","getOwnerWindow","CustomEvent","bubbles","dispatchEvent"],"mappings":"8XAeIA,EAAsBC,EAAAA,UAAYC,EAAMC,gBAAkBD,EAAME,UAUpE,SAASC,EAAeC,EAAIC,QACb,IAATA,IACFA,EAAO,IAGT,IAAIC,EAAMN,EAAMO,OAAOH,GAKvB,OAJAN,GAAoB,WAClBQ,EAAIE,QAAUJ,KAGTJ,EAAMS,aAAY,WACvB,IAAK,IAAIC,EAAOC,UAAUC,OAAQC,EAAO,IAAIC,MAAMJ,GAAOK,EAAO,EAAGA,EAAOL,EAAMK,IAC/EF,EAAKE,GAAQJ,UAAUI,GAGzB,OAAsB,MAAfT,EAAIE,aAAkB,EAASF,EAAIE,QAAQQ,MAAMV,EAAKO,KAC5DR,GAaL,SAASY,EAAiBC,EAAOC,EAASC,EAAKC,GAC7C,IAAIC,EAAWnB,EAAegB,GAe9B,OAdAnB,EAAME,WAAU,WACd,IAAIqB,EAEAC,EAAoC,OAA5BD,EAAWE,EAAOA,QAACL,IAAgBG,EAAWG,SAE1D,GAAKP,EAKL,OADAK,EAAKG,iBAAiBT,EAAOI,EAAUD,GAChC,WACLG,EAAKI,oBAAoBV,EAAOI,EAAUD,MAE3C,CAACH,EAAOE,EAAKC,EAASC,EAAUH,IAC5B,WACL,IAAIU,GAEqC,OAA7BA,EAAYJ,EAAOA,QAACL,IAAgBS,EAAYH,UACvDE,oBAAoBV,EAAOI,EAAUD,8BAI9C,SAA2BS,GACzB,IAAIC,EAASD,EAAMC,OACfzB,EAAMwB,EAAMxB,IAEZ0B,EAAYC,EAAQA,SAACF,GACrBG,EAAUF,EAAU,GACpBG,EAAaH,EAAU,GAEvBI,EAAaH,EAAQA,UAAC,GACtBI,EAAOD,EAAW,GAClBE,EAAUF,EAAW,GAczB,OAZAlC,EAAAA,WAAU,WACHmC,IACHF,EAAWJ,GACXO,GAAQ,MAET,CAACP,EAAQM,EAAMH,IAClBjB,EAAiB,gBAAgB,WAC/BkB,EAAWJ,MACV,WACD,OAAOzB,EAAIE,WAGN,CACL+B,WAFWR,IAAkBG,GAG7BM,WAAY,WACV,IAAIC,EAGAC,EAAM,IADAC,EAAAA,eAAerC,EAAIE,SACXoC,aAAY,eAAgB,CAC5CC,SAAS,IAEqB,OAA/BJ,EAAenC,EAAIE,UAA4BiC,EAAaK,cAAcJ"}
+{"version":3,"file":"use-animation-state-5054a9f7.esm-ffd221fb.js","sources":["../node_modules/@chakra-ui/hooks/dist/use-animation-state-5054a9f7.esm.js"],"sourcesContent":["import { isBrowser, runIfFn, getOwnerWindow } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useState, useEffect } from 'react';\n\n/**\n * useSafeLayoutEffect enables us to safely call `useLayoutEffect` on the browser\n * (for SSR reasons)\n *\n * React currently throws a warning when using useLayoutEffect on the server.\n * To get around it, we can conditionally useEffect on the server (no-op) and\n * useLayoutEffect in the browser.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n */\n\nvar useSafeLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;\n\n/**\n * React hook to persist any value between renders,\n * but keeps it up-to-date if it changes.\n *\n * @param fn the function to persist\n * @param deps the function dependency list\n */\n\nfunction useCallbackRef(fn, deps) {\n  if (deps === void 0) {\n    deps = [];\n  }\n\n  var ref = React.useRef(fn);\n  useSafeLayoutEffect(function () {\n    ref.current = fn;\n  }); // eslint-disable-next-line react-hooks/exhaustive-deps\n\n  return React.useCallback(function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return ref.current == null ? void 0 : ref.current.apply(ref, args);\n  }, deps);\n}\n\n/**\n * React hook to manage browser event listeners\n *\n * @param event the event name\n * @param handler the event handler function to execute\n * @param env the dom environment to execute against (defaults to `document`)\n * @param options the event listener options\n *\n * @internal\n */\nfunction useEventListener(event, handler, env, options) {\n  var listener = useCallbackRef(handler);\n  React.useEffect(function () {\n    var _runIfFn;\n\n    var node = (_runIfFn = runIfFn(env)) != null ? _runIfFn : document;\n\n    if (!handler) {\n      return;\n    }\n\n    node.addEventListener(event, listener, options);\n    return function () {\n      node.removeEventListener(event, listener, options);\n    };\n  }, [event, env, options, listener, handler]);\n  return function () {\n    var _runIfFn2;\n\n    var node = (_runIfFn2 = runIfFn(env)) != null ? _runIfFn2 : document;\n    node.removeEventListener(event, listener, options);\n  };\n}\n\nfunction useAnimationState(props) {\n  var isOpen = props.isOpen,\n      ref = props.ref;\n\n  var _useState = useState(isOpen),\n      mounted = _useState[0],\n      setMounted = _useState[1];\n\n  var _useState2 = useState(false),\n      once = _useState2[0],\n      setOnce = _useState2[1];\n\n  useEffect(function () {\n    if (!once) {\n      setMounted(isOpen);\n      setOnce(true);\n    }\n  }, [isOpen, once, mounted]);\n  useEventListener(\"animationend\", function () {\n    setMounted(isOpen);\n  }, function () {\n    return ref.current;\n  });\n  var hidden = isOpen ? false : !mounted;\n  return {\n    present: !hidden,\n    onComplete: function onComplete() {\n      var _ref$current;\n\n      var win = getOwnerWindow(ref.current);\n      var evt = new win.CustomEvent(\"animationend\", {\n        bubbles: true\n      });\n      (_ref$current = ref.current) == null ? void 0 : _ref$current.dispatchEvent(evt);\n    }\n  };\n}\n\nexport { useSafeLayoutEffect as a, useEventListener as b, useAnimationState as c, useCallbackRef as u };\n"],"names":["useSafeLayoutEffect","isBrowser","React","useLayoutEffect","useEffect","useCallbackRef","fn","deps","ref","useRef","current","useCallback","_len","arguments","length","args","Array","_key","apply","useEventListener","event","handler","env","options","listener","_runIfFn","node","runIfFn","document","addEventListener","removeEventListener","_runIfFn2","props","isOpen","_useState","useState","mounted","setMounted","_useState2","once","setOnce","present","onComplete","_ref$current","evt","getOwnerWindow","CustomEvent","bubbles","dispatchEvent"],"mappings":"8XAeIA,EAAsBC,EAAAA,UAAYC,EAAMC,gBAAkBD,EAAME,UAUpE,SAASC,EAAeC,EAAIC,QACb,IAATA,IACFA,EAAO,IAGT,IAAIC,EAAMN,EAAMO,OAAOH,GAKvB,OAJAN,GAAoB,WAClBQ,EAAIE,QAAUJ,KAGTJ,EAAMS,aAAY,WACvB,IAAK,IAAIC,EAAOC,UAAUC,OAAQC,EAAO,IAAIC,MAAMJ,GAAOK,EAAO,EAAGA,EAAOL,EAAMK,IAC/EF,EAAKE,GAAQJ,UAAUI,GAGzB,OAAsB,MAAfT,EAAIE,aAAkB,EAASF,EAAIE,QAAQQ,MAAMV,EAAKO,KAC5DR,GAaL,SAASY,EAAiBC,EAAOC,EAASC,EAAKC,GAC7C,IAAIC,EAAWnB,EAAegB,GAe9B,OAdAnB,EAAME,WAAU,WACd,IAAIqB,EAEAC,EAAoC,OAA5BD,EAAWE,EAAOA,QAACL,IAAgBG,EAAWG,SAE1D,GAAKP,EAKL,OADAK,EAAKG,iBAAiBT,EAAOI,EAAUD,GAChC,WACLG,EAAKI,oBAAoBV,EAAOI,EAAUD,MAE3C,CAACH,EAAOE,EAAKC,EAASC,EAAUH,IAC5B,WACL,IAAIU,GAEqC,OAA7BA,EAAYJ,EAAOA,QAACL,IAAgBS,EAAYH,UACvDE,oBAAoBV,EAAOI,EAAUD,8BAI9C,SAA2BS,GACzB,IAAIC,EAASD,EAAMC,OACfzB,EAAMwB,EAAMxB,IAEZ0B,EAAYC,EAAQA,SAACF,GACrBG,EAAUF,EAAU,GACpBG,EAAaH,EAAU,GAEvBI,EAAaH,EAAQA,UAAC,GACtBI,EAAOD,EAAW,GAClBE,EAAUF,EAAW,GAczB,OAZAlC,EAAAA,WAAU,WACHmC,IACHF,EAAWJ,GACXO,GAAQ,MAET,CAACP,EAAQM,EAAMH,IAClBjB,EAAiB,gBAAgB,WAC/BkB,EAAWJ,MACV,WACD,OAAOzB,EAAIE,WAGN,CACL+B,WAFWR,IAAkBG,GAG7BM,WAAY,WACV,IAAIC,EAGAC,EAAM,IADAC,EAAAA,eAAerC,EAAIE,SACXoC,aAAY,eAAgB,CAC5CC,SAAS,IAEqB,OAA/BJ,EAAenC,EAAIE,UAA4BiC,EAAaK,cAAcJ"}

package/build/{useExpandButton-e65619ea.js → useExpandButton-478244d5.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-6217de7e.js"),t=require("./chakra-ui-modal.esm-2fd23822.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,f=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const v=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?v:b,motionPreset:"slideInBottom","data-testid":x},f),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))}}};
-//# sourceMappingURL=useExpandButton-e65619ea.js.map
+"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))}}};
+//# sourceMappingURL=useExpandButton-478244d5.js.map

package/build/{useExpandButton-e65619ea.js.map → useExpandButton-478244d5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useExpandButton-e65619ea.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"}
+{"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"}

package/build/useTheme-ee73b181.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./chakra-ui-system.esm-434904f8.js");exports.useTheme=()=>e.useTheme();
+//# sourceMappingURL=useTheme-ee73b181.js.map

package/build/{useTheme-8873c39f.js.map → useTheme-ee73b181.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTheme-8873c39f.js","sources":["../src/shared/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useCTheme, WithCSSVar } from '@chakra-ui/react';\nimport { Theme } from '../../theme/theme.types';\n\nexport const useTheme = (): WithCSSVar<Theme> => useCTheme<Theme>();\n"],"names":["useCTheme","useTheme"],"mappings":"kFAGwB,IAAyBA,EAASC"}
+{"version":3,"file":"useTheme-ee73b181.js","sources":["../src/shared/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useCTheme, WithCSSVar } from '@chakra-ui/react';\nimport { Theme } from '../../theme/theme.types';\n\nexport const useTheme = (): WithCSSVar<Theme> => useCTheme<Theme>();\n"],"names":["useCTheme","useTheme"],"mappings":"kFAGwB,IAAyBA,EAASC"}

package/build/{useToast-60c0cf90.js → useToast-0e0450c5.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),n=require("./chakra-ui-system.esm-c70df670.js"),o=require("./chakra-ui-theme.esm-d6d72df5.js"),r=require("./chakra-ui-hooks.esm-21b313f3.js"),i=require("./alert.component-4ac4afa5.js"),s=require("./useTheme-8873c39f.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)})};
-//# sourceMappingURL=useToast-60c0cf90.js.map
+"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-02403f4b.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)})};
+//# sourceMappingURL=useToast-0e0450c5.js.map