@televet/kibble-ui 2.1.12 → 2.1.13

package/build/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-1e5e1e1b.js"),r=require("./avatar.component-0d100e3f.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-2b8c0ab4.js"),s=require("./button.component-d4c1718b.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-de5d4b2a.js"),i=require("./checkbox.component-e3f306a5.js"),n=require("./checkboxGroup.component-80ba0eb2.js"),u=require("./datepicker.types-d8579aba.js"),x=require("./heading.component-e55f8364.js"),c=require("./heading.types-b6ca7d59.js"),d=require("./icon.component-100b924b.js"),l=require("./link.component-d28bdaea.js"),m=require("./logo.component-cea68030.js"),b=require("./menuButton.component-bc14c030.js"),q=require("./menuContainer.component-3e1e324b.js"),j=require("./menuItem.component-10c96c33.js"),C=require("./menuList.component-88f6c0ce.js"),f=require("./menu.component-fd862f9c.js"),h=require("./modalBody.component-345aaa1b.js"),v=require("./modalCloseButton.component-415049d6.js"),k=require("./modalFooter.component-1c9fcc61.js"),M=require("./modalFooterButtons.component-c34c567e.js"),T=require("./modalHeader.component-204451e0.js"),g=require("./modal.component-0d68beaa.js"),I=require("./notificationCounter.component-24f3f4ab.js"),S=require("./picture.component-19489bee.js"),P=require("./popoverFooter.component-7e0b193f.js"),y=require("./popoverHeader.component-c6812c03.js"),B=require("./popover.component-2fdfc1c9.js"),D=require("./popover.types-bc105ea7.js"),L=require("./radio.component-1ebba5e1.js"),F=require("./radioGroup.component-07d35dd5.js"),A=require("./ratingDot.component-bd47c659.js"),G=require("./ratingDots.component-eccf4bf3.js"),H=require("./select.component-e72c5186.js"),w=require("./dragHandle.component-d95bb9e4.js"),O=require("./sortableItem.component-3bdead95.js"),z=require("./sortableOverlay.component-39d84330.js"),R=require("./sortableList.component-2c36f685.js"),N=require("./spinner.component-39040867.js"),W=require("./switch.component-b04bb79d.js"),V=require("./tab.component-9395a9e2.js"),E=require("./tabs.component-f7a37a9b.js"),K=require("./tabsLayout.component-9b90c425.js"),Q=require("./tag.types-f979ec63.js"),U=require("./text.component-057889c3.js"),_=require("./text.types-fef8ead3.js"),$=require("./textarea.component-c72f4ae9.js"),J=require("./textInput.component-aad56b6b.js"),X=require("./timePicker.component-df9047f1.js"),Y=require("./timeRange.component-a1fbd373.js"),Z=require("./useToast-433a0f38.js"),ee=require("./tooltip.component-197bff7c.js"),re=require("./withTheme-e33ed8bc.js"),oe=require("./useTheme-8873c39f.js"),te=require("./theme.provider-9fab8467.js"),se=require("./chakra-ui-skeleton.esm-739cf3ea.js"),ae=require("./chakra-ui-modal.esm-a00f2bce.js"),pe=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ne=require("./chakra-ui-alert.esm-17eebb99.js"),ue=require("./chakra-ui-avatar.esm-eee70d3a.js"),xe=require("./chakra-ui-checkbox.esm-4cded6a7.js"),ce=require("./chakra-ui-input.esm-5fd07056.js"),de=require("./chakra-ui-menu.esm-1ed98193.js"),le=require("./chakra-ui-popover.esm-1e836c11.js"),me=require("./chakra-ui-radio.esm-f310d451.js"),be=require("./chakra-ui-select.esm-793cf4de.js"),qe=require("./chakra-ui-tabs.esm-e6372403.js"),je=require("./chakra-ui-textarea.esm-23fad4cd.js"),Ce=require("./chakra-ui-form-control.esm-6d25b1a4.js"),fe=require("./chakra-ui-media-query.esm-6217de7e.js"),he=require("./chakra-ui-image.esm-66324087.js"),ve=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Me=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-d6f17add.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-bd0f712e.js"),require("./index-fee8538e.js"),require("./withTruncation-60a6b552.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-8fecff45.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-9141d4bd.js"),require("./color.record-134d7650.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=x.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=d.Icon,exports.IconSizeMap=d.IconSizeMap,exports.iconSizes=d.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.Menu=f.Menu,exports.ModalBody=h.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=T.ModalHeader,exports.Modal=g.Modal,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=S.Picture,exports.PopoverFooter=P.PopoverFooter,exports.PopoverHeader=y.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=D.popoverPlacements,exports.popoverSizes=D.popoverSizes,exports.popoverTriggerTypes=D.popoverTriggerTypes,exports.popoverVariants=D.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=A.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=z.SortableOverlay,exports.SortableList=R.SortableList,exports.Spinner=N.Spinner,exports.Switch=W.WrappedSwitch,exports.Tab=V.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=K.TabsLayout,exports.Tag=Q.Tag,exports.closeButtonDisplays=Q.closeButtonDisplays,exports.tagSizes=Q.tagSizes,exports.Text=U.WrappedText,exports.textSizes=_.textSizes,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.withDarkMode=re.withDarkMode,exports.withTheme=re.withTheme,exports.useTheme=oe.useTheme,exports.KibbleThemeProvider=te.KibbleThemeProvider,exports.theme=te.theme,exports.Accordion=se.Accordion,exports.AccordionButton=se.AccordionButton,exports.AccordionIcon=se.AccordionIcon,exports.AccordionItem=se.AccordionItem,exports.AccordionPanel=se.AccordionPanel,exports.NumberDecrementStepper=se.NumberDecrementStepper,exports.NumberIncrementStepper=se.NumberIncrementStepper,exports.NumberInput=se.NumberInput,exports.NumberInputField=se.NumberInputField,exports.NumberInputStepper=se.NumberInputStepper,exports.PinInput=se.PinInput,exports.PinInputField=se.PinInputField,exports.Progress=se.Progress,exports.Skeleton=se.Skeleton,exports.SkeletonText=se.SkeletonText,exports.Table=se.Table,exports.TableCaption=se.TableCaption,exports.TableContainer=se.TableContainer,exports.Tbody=se.Tbody,exports.Td=se.Td,exports.Tfoot=se.Tfoot,exports.Th=se.Th,exports.Thead=se.Thead,exports.Tr=se.Tr,exports.AlertDialog=ae.AlertDialog,exports.AlertDialogBody=ae.ModalBody,exports.AlertDialogContent=ae.AlertDialogContent,exports.AlertDialogFooter=ae.ModalFooter,exports.AlertDialogHeader=ae.ModalHeader,exports.AlertDialogOverlay=ae.ModalOverlay,exports.CModal=ae.Modal,exports.CModalBody=ae.ModalBody,exports.CModalCloseButton=ae.ModalCloseButton,exports.CModalFooter=ae.ModalFooter,exports.CModalHeader=ae.ModalHeader,exports.Collapse=ae.Collapse,exports.Drawer=ae.Drawer,exports.DrawerBody=ae.ModalBody,exports.DrawerCloseButton=ae.ModalCloseButton,exports.DrawerContent=ae.DrawerContent,exports.DrawerFooter=ae.ModalFooter,exports.DrawerHeader=ae.ModalHeader,exports.DrawerOverlay=ae.ModalOverlay,exports.ModalContent=ae.ModalContent,exports.ModalOverlay=ae.ModalOverlay,exports.Badge=pe.Badge,exports.Box=pe.Box,exports.Center=pe.Center,exports.Circle=pe.Circle,exports.Code=pe.Code,exports.Container=pe.Container,exports.Divider=pe.Divider,exports.Flex=pe.Flex,exports.Grid=pe.Grid,exports.GridItem=pe.GridItem,exports.HStack=pe.HStack,exports.LinkBox=pe.LinkBox,exports.LinkOverlay=pe.LinkOverlay,exports.List=pe.List,exports.ListItem=pe.ListItem,exports.OrderedList=pe.OrderedList,exports.SimpleGrid=pe.SimpleGrid,exports.Spacer=pe.Spacer,exports.Square=pe.Square,exports.Stack=pe.Stack,exports.UnorderedList=pe.UnorderedList,exports.VStack=pe.VStack,exports.Wrap=pe.Wrap,exports.WrapItem=pe.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ne.Alert,exports.CAvatar=ue.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=ce.Input,exports.InputGroup=ce.InputGroup,exports.InputLeftAddon=ce.InputLeftAddon,exports.InputLeftElement=ce.InputLeftElement,exports.InputRightElement=ce.InputRightElement,exports.CMenu=de.Menu,exports.CMenuButton=de.MenuButton,exports.CMenuItem=de.MenuItem,exports.CMenuList=de.MenuList,exports.MenuDivider=de.MenuDivider,exports.MenuGroup=de.MenuGroup,exports.MenuItemOption=de.MenuItemOption,exports.CPopover=le.Popover,exports.CPopoverBody=le.PopoverBody,exports.CPopoverFooter=le.PopoverFooter,exports.CPopoverHeader=le.PopoverHeader,exports.PopoverArrow=le.PopoverArrow,exports.PopoverContent=le.PopoverContent,exports.PopoverTrigger=le.PopoverTrigger,exports.usePopoverContext=le.usePopoverContext,exports.CRadioGroup=me.RadioGroup,exports.useRadio=me.useRadio,exports.useRadioGroup=me.useRadioGroup,exports.CSelect=be.Select,exports.CTab=qe.Tab,exports.CTabs=qe.Tabs,exports.TabList=qe.TabList,exports.TabPanel=qe.TabPanel,exports.TabPanels=qe.TabPanels,exports.CTextarea=je.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=fe.Hide,exports.Show=fe.Show,exports.useBreakpoint=fe.useBreakpoint,exports.useBreakpointValue=fe.useBreakpointValue,exports.useMediaQuery=fe.useMediaQuery,exports.Image=he.Image$1,exports.keyframes=ve.keyframes,exports.useColorMode=ve.useColorMode,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-1e5e1e1b.js"),r=require("./avatar.component-0d100e3f.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-2b8c0ab4.js"),s=require("./button.component-d4c1718b.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-de5d4b2a.js"),i=require("./checkbox.component-eec36cbb.js"),n=require("./checkboxGroup.component-3abc29c8.js"),u=require("./datepicker.component-391d1161.js"),x=require("./heading.component-e55f8364.js"),c=require("./heading.types-b6ca7d59.js"),d=require("./icon.component-100b924b.js"),l=require("./link.component-d28bdaea.js"),m=require("./logo.component-cea68030.js"),b=require("./menuButton.component-bc14c030.js"),q=require("./menuContainer.component-3e1e324b.js"),j=require("./menuItem.component-88d5a4b5.js"),C=require("./menuList.component-b51ae9ba.js"),h=require("./menu.component-2501d71d.js"),v=require("./modalBody.component-345aaa1b.js"),k=require("./modalCloseButton.component-415049d6.js"),M=require("./modalFooter.component-1c9fcc61.js"),T=require("./modalFooterButtons.component-c34c567e.js"),f=require("./modalHeader.component-204451e0.js"),g=require("./modal.component-0d68beaa.js"),I=require("./notificationCounter.component-24f3f4ab.js"),S=require("./picture.component-19489bee.js"),P=require("./popoverFooter.component-7e0b193f.js"),y=require("./popoverHeader.component-c6812c03.js"),B=require("./popover.component-0c3ec017.js"),D=require("./popover.types-bc105ea7.js"),L=require("./radio.component-1ebba5e1.js"),F=require("./radioGroup.component-f08f38ce.js"),A=require("./ratingDot.component-01592415.js"),G=require("./ratingDots.component-f7677abd.js"),H=require("./select.component-4ef3909d.js"),w=require("./dragHandle.component-d95bb9e4.js"),O=require("./sortableItem.component-3bdead95.js"),z=require("./sortableOverlay.component-39d84330.js"),R=require("./sortableList.component-2c36f685.js"),N=require("./spinner.component-39040867.js"),W=require("./switch.component-753b45d3.js"),V=require("./tab.component-9395a9e2.js"),E=require("./tabs.component-f7a37a9b.js"),K=require("./tabsLayout.component-9b90c425.js"),Q=require("./tag.types-f979ec63.js"),U=require("./text.component-057889c3.js"),_=require("./text.types-fef8ead3.js"),$=require("./textarea.component-3365d082.js"),J=require("./textInput.component-9bd46ebf.js"),X=require("./timePicker.component-ff5c8ede.js"),Y=require("./timeRange.component-ec3e8665.js"),Z=require("./useToast-433a0f38.js"),ee=require("./tooltip.component-197bff7c.js"),re=require("./withTheme-e33ed8bc.js"),oe=require("./useTheme-8873c39f.js"),te=require("./theme.provider-e1100d0a.js"),se=require("./chakra-ui-skeleton.esm-739cf3ea.js"),ae=require("./chakra-ui-modal.esm-a00f2bce.js"),pe=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ne=require("./chakra-ui-alert.esm-17eebb99.js"),ue=require("./chakra-ui-avatar.esm-eee70d3a.js"),xe=require("./chakra-ui-checkbox.esm-4cded6a7.js"),ce=require("./chakra-ui-input.esm-5fd07056.js"),de=require("./chakra-ui-menu.esm-1ed98193.js"),le=require("./chakra-ui-popover.esm-1e836c11.js"),me=require("./chakra-ui-radio.esm-f310d451.js"),be=require("./chakra-ui-select.esm-793cf4de.js"),qe=require("./chakra-ui-tabs.esm-e6372403.js"),je=require("./chakra-ui-textarea.esm-23fad4cd.js"),Ce=require("./chakra-ui-form-control.esm-6d25b1a4.js"),he=require("./chakra-ui-media-query.esm-6217de7e.js"),ve=require("./chakra-ui-image.esm-66324087.js"),ke=require("./chakra-ui-system.esm-c70df670.js"),Me=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Te=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-d6f17add.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-28664983.js"),require("./index-c90ed78a.js"),require("./withTruncation-60a6b552.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-8fecff45.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-10b89ae1.js"),require("./borders.config-90d19902.js"),require("./color.record-134d7650.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=x.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=d.Icon,exports.IconSizeMap=d.IconSizeMap,exports.iconSizes=d.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.Menu=h.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=k.ModalCloseButton,exports.ModalFooter=M.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=f.ModalHeader,exports.Modal=g.Modal,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=S.Picture,exports.PopoverFooter=P.PopoverFooter,exports.PopoverHeader=y.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=D.popoverPlacements,exports.popoverSizes=D.popoverSizes,exports.popoverTriggerTypes=D.popoverTriggerTypes,exports.popoverVariants=D.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=A.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=z.SortableOverlay,exports.SortableList=R.SortableList,exports.Spinner=N.Spinner,exports.Switch=W.WrappedSwitch,exports.Tab=V.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=K.TabsLayout,exports.Tag=Q.Tag,exports.closeButtonDisplays=Q.closeButtonDisplays,exports.tagSizes=Q.tagSizes,exports.Text=U.WrappedText,exports.textSizes=_.textSizes,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.withDarkMode=re.withDarkMode,exports.withTheme=re.withTheme,exports.useTheme=oe.useTheme,exports.KibbleThemeProvider=te.KibbleThemeProvider,exports.theme=te.theme,exports.Accordion=se.Accordion,exports.AccordionButton=se.AccordionButton,exports.AccordionIcon=se.AccordionIcon,exports.AccordionItem=se.AccordionItem,exports.AccordionPanel=se.AccordionPanel,exports.NumberDecrementStepper=se.NumberDecrementStepper,exports.NumberIncrementStepper=se.NumberIncrementStepper,exports.NumberInput=se.NumberInput,exports.NumberInputField=se.NumberInputField,exports.NumberInputStepper=se.NumberInputStepper,exports.PinInput=se.PinInput,exports.PinInputField=se.PinInputField,exports.Progress=se.Progress,exports.Skeleton=se.Skeleton,exports.SkeletonText=se.SkeletonText,exports.Table=se.Table,exports.TableCaption=se.TableCaption,exports.TableContainer=se.TableContainer,exports.Tbody=se.Tbody,exports.Td=se.Td,exports.Tfoot=se.Tfoot,exports.Th=se.Th,exports.Thead=se.Thead,exports.Tr=se.Tr,exports.AlertDialog=ae.AlertDialog,exports.AlertDialogBody=ae.ModalBody,exports.AlertDialogContent=ae.AlertDialogContent,exports.AlertDialogFooter=ae.ModalFooter,exports.AlertDialogHeader=ae.ModalHeader,exports.AlertDialogOverlay=ae.ModalOverlay,exports.CModal=ae.Modal,exports.CModalBody=ae.ModalBody,exports.CModalCloseButton=ae.ModalCloseButton,exports.CModalFooter=ae.ModalFooter,exports.CModalHeader=ae.ModalHeader,exports.Collapse=ae.Collapse,exports.Drawer=ae.Drawer,exports.DrawerBody=ae.ModalBody,exports.DrawerCloseButton=ae.ModalCloseButton,exports.DrawerContent=ae.DrawerContent,exports.DrawerFooter=ae.ModalFooter,exports.DrawerHeader=ae.ModalHeader,exports.DrawerOverlay=ae.ModalOverlay,exports.ModalContent=ae.ModalContent,exports.ModalOverlay=ae.ModalOverlay,exports.Badge=pe.Badge,exports.Box=pe.Box,exports.Center=pe.Center,exports.Circle=pe.Circle,exports.Code=pe.Code,exports.Container=pe.Container,exports.Divider=pe.Divider,exports.Flex=pe.Flex,exports.Grid=pe.Grid,exports.GridItem=pe.GridItem,exports.HStack=pe.HStack,exports.LinkBox=pe.LinkBox,exports.LinkOverlay=pe.LinkOverlay,exports.List=pe.List,exports.ListItem=pe.ListItem,exports.OrderedList=pe.OrderedList,exports.SimpleGrid=pe.SimpleGrid,exports.Spacer=pe.Spacer,exports.Square=pe.Square,exports.Stack=pe.Stack,exports.UnorderedList=pe.UnorderedList,exports.VStack=pe.VStack,exports.Wrap=pe.Wrap,exports.WrapItem=pe.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ne.Alert,exports.CAvatar=ue.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=ce.Input,exports.InputGroup=ce.InputGroup,exports.InputLeftAddon=ce.InputLeftAddon,exports.InputLeftElement=ce.InputLeftElement,exports.InputRightElement=ce.InputRightElement,exports.CMenu=de.Menu,exports.CMenuButton=de.MenuButton,exports.CMenuItem=de.MenuItem,exports.CMenuList=de.MenuList,exports.MenuDivider=de.MenuDivider,exports.MenuGroup=de.MenuGroup,exports.MenuItemOption=de.MenuItemOption,exports.CPopover=le.Popover,exports.CPopoverBody=le.PopoverBody,exports.CPopoverFooter=le.PopoverFooter,exports.CPopoverHeader=le.PopoverHeader,exports.PopoverArrow=le.PopoverArrow,exports.PopoverContent=le.PopoverContent,exports.PopoverTrigger=le.PopoverTrigger,exports.usePopoverContext=le.usePopoverContext,exports.CRadioGroup=me.RadioGroup,exports.useRadio=me.useRadio,exports.useRadioGroup=me.useRadioGroup,exports.CSelect=be.Select,exports.CTab=qe.Tab,exports.CTabs=qe.Tabs,exports.TabList=qe.TabList,exports.TabPanel=qe.TabPanel,exports.TabPanels=qe.TabPanels,exports.CTextarea=je.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=he.Hide,exports.Show=he.Show,exports.useBreakpoint=he.useBreakpoint,exports.useBreakpointValue=he.useBreakpointValue,exports.useMediaQuery=he.useMediaQuery,exports.Image=ve.Image$1,exports.keyframes=ke.keyframes,exports.useColorMode=ke.useColorMode,exports.Portal=Me.Portal,exports.useConst=Te.useConst,exports.useDisclosure=Te.useDisclosure,exports.useInterval=Te.useInterval,exports.useOutsideClick=Te.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/menu.component-2501d71d.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-3e1e324b.js"),r=require("./menuButton.component-bc14c030.js"),u=require("./menuList.component-b51ae9ba.js"),l=require("./menu.context-22d23674.js"),s=require("./chakra-ui-portal.esm-bbcb5d1d.js"),a=require("./chakra-ui-menu.esm-1ed98193.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);exports.Menu=t=>{var{buttonProps:i,customTriggerElement:c,listProps:m,containerProps:d}=t,b=e.__rest(t,["buttonProps","customTriggerElement","listProps","containerProps"]);return o.default.createElement(l.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==d?void 0:d.onClose},o.default.createElement(n.MenuContainer,Object.assign({isLazy:(null==d?void 0:d.isLazy)||!0},d,b),c?o.default.createElement("customTriggerElement",{as:a.MenuButton}):o.default.createElement(r.MenuButton,Object.assign({},i)),o.default.createElement((({children:e})=>(null==m?void 0:m.shouldUsePortal)?o.default.createElement(s.Portal,null,e):o.default.createElement(o.default.Fragment,null,e)),null,o.default.createElement(u.MenuList,Object.assign({},m,{isMatchWidthSet:b.matchWidth,menuItems:null==m?void 0:m.menuItems})))))};
+//# sourceMappingURL=menu.component-2501d71d.js.map

package/build/{menu.component-fd862f9c.js.map → menu.component-2501d71d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu.component-fd862f9c.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton, Portal as CPortal } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from './components/MenuContainer/menuContainer.component';\nimport { MenuButton, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuList, MenuListProps } from './components/MenuList/menuList.component';\nimport { MenuProvider } from './context/menu.context';\n\nexport interface KMenuProps {\n  buttonProps?: MenuButtonProps;\n  customTriggerElement?: FunctionComponent;\n  listProps?: MenuListProps;\n  containerProps?: MenuContainerProps;\n}\n\nexport type MenuProps = KMenuProps & Omit<CMenuProps, 'onClose' | 'children'>;\n\nexport const Menu = ({\n  buttonProps,\n  customTriggerElement,\n  listProps,\n  containerProps,\n  ...props\n}: MenuProps): JSX.Element => {\n  const MenuListContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return listProps?.shouldUsePortal ? <CPortal>{children}</CPortal> : <>{children}</>;\n  };\n\n  return (\n    <MenuProvider\n      menuItems={listProps?.menuItems}\n      isMultiSelect={listProps?.isMultiSelect}\n      onClose={containerProps?.onClose}\n    >\n      <MenuContainer isLazy={containerProps?.isLazy || true} {...containerProps} {...props}>\n        {customTriggerElement ? (\n          // @ts-ignore\n          <customTriggerElement as={CMenuButton} />\n        ) : (\n          <MenuButton {...buttonProps} />\n        )}\n        <MenuListContainer>\n          <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n        </MenuListContainer>\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n"],"names":["_a","buttonProps","customTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","Object","assign","isLazy","as","CMenuButton","MenuButton","children","shouldUsePortal","CPortal","Fragment","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gcAgBqBA,IAAA,IAAAC,YACnBA,EAAWC,qBACXA,EAAoBC,UACpBA,EAASC,eACTA,GAAcJ,EACXK,EALgBC,EAAAA,OAAAN,EAAA,CAAA,cAAA,uBAAA,YAAA,mBAWnB,OACEO,EAAAA,QAAAC,cAACC,EAAAA,aAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,UAAAC,cAACK,EAAAA,cAAcC,OAAAC,OAAA,CAAAC,QAAQZ,MAAAA,OAAA,EAAAA,EAAgBY,UAAU,GAAUZ,EAAoBC,GAC5EH,EAECK,EAAA,QAAAC,cAAA,uBAAA,CAAsBS,GAAIC,EAAAA,aAE1BX,EAAAA,QAACC,cAAAW,EAAAA,WAAeL,OAAAC,OAAA,GAAAd,IAElBM,UAAAC,eAjBoB,EAAGY,SAAAA,MACpBjB,MAAAA,SAAAA,EAAWkB,iBAAkBd,wBAACe,SAAO,KAAEF,GAAsBb,EAAA,QAAAC,cAAAD,EAAAA,QAAAgB,SAAA,KAAGH,IAgBjD,KAChBb,EAAAA,QAACC,cAAAgB,WAAaV,OAAAC,OAAA,GAAAZ,EAAW,CAAAsB,gBAAiBpB,EAAMqB,WAAYhB,UAAWP,MAAAA,OAAA,EAAAA,EAAWO"}
+{"version":3,"file":"menu.component-2501d71d.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton, Portal as CPortal } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from './components/MenuContainer/menuContainer.component';\nimport { MenuButton, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuList, MenuListProps } from './components/MenuList/menuList.component';\nimport { MenuProvider } from './context/menu.context';\n\nexport interface KMenuProps {\n  buttonProps?: MenuButtonProps;\n  customTriggerElement?: FunctionComponent;\n  listProps?: MenuListProps;\n  containerProps?: MenuContainerProps;\n}\n\nexport type MenuProps = KMenuProps & Omit<CMenuProps, 'onClose' | 'children'>;\n\nexport const Menu = ({\n  buttonProps,\n  customTriggerElement,\n  listProps,\n  containerProps,\n  ...props\n}: MenuProps): JSX.Element => {\n  const MenuListContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return listProps?.shouldUsePortal ? <CPortal>{children}</CPortal> : <>{children}</>;\n  };\n\n  return (\n    <MenuProvider\n      menuItems={listProps?.menuItems}\n      isMultiSelect={listProps?.isMultiSelect}\n      onClose={containerProps?.onClose}\n    >\n      <MenuContainer isLazy={containerProps?.isLazy || true} {...containerProps} {...props}>\n        {customTriggerElement ? (\n          // @ts-ignore\n          <customTriggerElement as={CMenuButton} />\n        ) : (\n          <MenuButton {...buttonProps} />\n        )}\n        <MenuListContainer>\n          <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n        </MenuListContainer>\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n"],"names":["_a","buttonProps","customTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","Object","assign","isLazy","as","CMenuButton","MenuButton","children","shouldUsePortal","CPortal","Fragment","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gcAgBqBA,IAAA,IAAAC,YACnBA,EAAWC,qBACXA,EAAoBC,UACpBA,EAASC,eACTA,GAAcJ,EACXK,EALgBC,EAAAA,OAAAN,EAAA,CAAA,cAAA,uBAAA,YAAA,mBAWnB,OACEO,EAAAA,QAAAC,cAACC,EAAAA,aAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,UAAAC,cAACK,EAAAA,cAAcC,OAAAC,OAAA,CAAAC,QAAQZ,MAAAA,OAAA,EAAAA,EAAgBY,UAAU,GAAUZ,EAAoBC,GAC5EH,EAECK,EAAA,QAAAC,cAAA,uBAAA,CAAsBS,GAAIC,EAAAA,aAE1BX,EAAAA,QAACC,cAAAW,EAAAA,WAAeL,OAAAC,OAAA,GAAAd,IAElBM,UAAAC,eAjBoB,EAAGY,SAAAA,MACpBjB,MAAAA,SAAAA,EAAWkB,iBAAkBd,wBAACe,SAAO,KAAEF,GAAsBb,EAAA,QAAAC,cAAAD,EAAAA,QAAAgB,SAAA,KAAGH,IAgBjD,KAChBb,EAAAA,QAACC,cAAAgB,WAAaV,OAAAC,OAAA,GAAAZ,EAAW,CAAAsB,gBAAiBpB,EAAMqB,WAAYhB,UAAWP,MAAAA,OAAA,EAAAA,EAAWO"}

package/build/{menuItem.component-10c96c33.js → menuItem.component-88d5a4b5.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./menu.config-14739188.js"),l=require("./text.component-057889c3.js"),n=require("./checkbox.component-e3f306a5.js"),s=require("./chakra-ui-menu.esm-1ed98193.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(t);exports.MenuItem=r=>{var{canSelectAll:u,children:o,isMultiSelect:m,closeOnSelect:d=!m,groupLabel:f,handleKeyboardNavigation:b=(()=>{}),isDisabled:h,isPlaceholder:p,isSelected:x,itemIndex:I="0",label:g,leftElement:v,menuItemRefs:S,onSelect:_,shouldRetainSelection:E=!1,shouldTruncateText:M,value:k,variant:L}=r,j=e.__rest(r,["canSelectAll","children","isMultiSelect","closeOnSelect","groupLabel","handleKeyboardNavigation","isDisabled","isPlaceholder","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant"]);const{onClose:C}=s.useMenuState(),y=t.useCallback((e=>{e.stopPropagation(),h||(k&&_&&_({label:g,leftElement:v,value:k}),d&&C())}),[k,_,C,d,h,g,v]),N=t.useMemo((()=>L||(x&&E&&!m?"interactive":"default")),[x,E,m,L]);return c.default.createElement(i.Box,Object.assign({},a.MenuItemConfig,{bg:x&&E&&!m?"background.primaryAlpha.hover":"",className:"MenuList__Item",onClick:y,onKeyDown:e=>b(e,!1),tabIndex:parseInt(u?I+=2:I),ref:e=>S&&I?S.current[parseInt(I)]=e:null,disabled:h},j),o?c.default.createElement(i.Box,{onClick:y},o):c.default.createElement(i.HStack,{className:"MenuList__ItemContainer",justify:"baseline",spacing:3,minH:5,color:`text.${N}`},m&&c.default.createElement(i.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox"},c.default.createElement(n.WrappedCheckbox,{size:"md",isChecked:x,onChange:y})),v&&c.default.createElement(i.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},v),"string"==typeof g?c.default.createElement(l.WrappedText,{size:"sm",className:"MenuList__ItemLabel",variant:N,isTruncated:M},g):c.default.createElement(i.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},g)))};
-//# sourceMappingURL=menuItem.component-10c96c33.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./menu.config-14739188.js"),l=require("./text.component-057889c3.js"),n=require("./checkbox.component-eec36cbb.js"),s=require("./chakra-ui-menu.esm-1ed98193.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(t);exports.MenuItem=r=>{var{canSelectAll:u,children:o,isMultiSelect:m,closeOnSelect:d=!m,groupLabel:f,handleKeyboardNavigation:b=(()=>{}),isDisabled:h,isPlaceholder:p,isSelected:x,itemIndex:I="0",label:g,leftElement:v,menuItemRefs:S,onSelect:_,shouldRetainSelection:E=!1,shouldTruncateText:M,value:k,variant:L}=r,j=e.__rest(r,["canSelectAll","children","isMultiSelect","closeOnSelect","groupLabel","handleKeyboardNavigation","isDisabled","isPlaceholder","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant"]);const{onClose:C}=s.useMenuState(),y=t.useCallback((e=>{e.stopPropagation(),h||(k&&_&&_({label:g,leftElement:v,value:k}),d&&C())}),[k,_,C,d,h,g,v]),N=t.useMemo((()=>L||(x&&E&&!m?"interactive":"default")),[x,E,m,L]);return c.default.createElement(i.Box,Object.assign({},a.MenuItemConfig,{bg:x&&E&&!m?"background.primaryAlpha.hover":"",className:"MenuList__Item",onClick:y,onKeyDown:e=>b(e,!1),tabIndex:parseInt(u?I+=2:I),ref:e=>S&&I?S.current[parseInt(I)]=e:null,disabled:h},j),o?c.default.createElement(i.Box,{onClick:y},o):c.default.createElement(i.HStack,{className:"MenuList__ItemContainer",justify:"baseline",spacing:3,minH:5,color:`text.${N}`},m&&c.default.createElement(i.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox"},c.default.createElement(n.WrappedCheckbox,{size:"md",isChecked:x,onChange:y})),v&&c.default.createElement(i.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},v),"string"==typeof g?c.default.createElement(l.WrappedText,{size:"sm",className:"MenuList__ItemLabel",variant:N,isTruncated:M},g):c.default.createElement(i.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},g)))};
+//# sourceMappingURL=menuItem.component-88d5a4b5.js.map

package/build/{menuItem.component-10c96c33.js.map → menuItem.component-88d5a4b5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuItem.component-10c96c33.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n  ChangeEvent,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { MenuItemConfig } from '../../menu.config';\nimport { Text } from '../../../Text/text.component';\nimport { Checkbox } from 'components/Checkbox';\nimport { TypographyVariant } from 'shared/types';\n\nexport interface KMenuItemProps {\n  children?: ReactNode;\n  closeOnSelect?: boolean;\n  groupLabel?: string;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isPlaceholder?: boolean;\n  isSelected?: boolean;\n  label?: string | ReactElement;\n  leftElement?: ReactNode;\n  onSelect?: (selectedItem: KMenuItemProps) => void;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  value?: string;\n  variant?: TypographyVariant;\n}\n\n// These props are specific to the context passed in from the\n// MenuList and should not need to be passed in by the end user\nexport interface ControlledMenuItemProps {\n  canSelectAll?: boolean;\n  handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  itemIndex?: string;\n}\n\nexport type MenuItemProps = KMenuItemProps & ControlledMenuItemProps;\n\nexport const MenuItem = ({\n  canSelectAll,\n  children,\n  isMultiSelect,\n  closeOnSelect = !isMultiSelect,\n  groupLabel,\n  handleKeyboardNavigation = (): void => {},\n  isDisabled,\n  isPlaceholder,\n  isSelected,\n  itemIndex = '0',\n  label,\n  leftElement,\n  menuItemRefs,\n  onSelect,\n  shouldRetainSelection = false,\n  shouldTruncateText,\n  value,\n  variant,\n  ...rest\n}: MenuItemProps): JSX.Element => {\n  const { onClose } = useMenuState();\n\n  const handleSelect = useCallback(\n    (e: MouseEvent<HTMLDivElement> | ChangeEvent<HTMLInputElement>) => {\n      e.stopPropagation();\n\n      if (isDisabled) return;\n\n      if (value && onSelect) {\n        onSelect({\n          label,\n          leftElement,\n          value,\n        });\n      }\n\n      if (closeOnSelect) {\n        onClose();\n      }\n    },\n    [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n  );\n\n  const fontColor = useMemo(() => {\n    if (variant) {\n      return variant;\n    }\n    return isSelected && shouldRetainSelection && !isMultiSelect ? 'interactive' : 'default';\n  }, [isSelected, shouldRetainSelection, isMultiSelect, variant]);\n\n  return (\n    <Box\n      {...MenuItemConfig}\n      bg={isSelected && shouldRetainSelection && !isMultiSelect ? 'background.primaryAlpha.hover' : ''}\n      className=\"MenuList__Item\"\n      onClick={handleSelect}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n      tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n      ref={(el): HTMLDivElement | null =>\n        menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n      }\n      // @ts-ignore\n      disabled={isDisabled}\n      {...rest}\n    >\n      {children ? (\n        <Box onClick={handleSelect}>{children}</Box>\n      ) : (\n        <HStack className=\"MenuList__ItemContainer\" justify=\"baseline\" spacing={3} minH={5} color={`text.${fontColor}`}>\n          {isMultiSelect && (\n            <Flex w={4} h={4} className=\"MenuList__ItemCheckbox\">\n              <Checkbox size=\"md\" isChecked={isSelected} onChange={handleSelect} />\n            </Flex>\n          )}\n          {leftElement && (\n            <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n              {leftElement}\n            </Flex>\n          )}\n          {typeof label === 'string' ? (\n            <Text size=\"sm\" className=\"MenuList__ItemLabel\" variant={fontColor} isTruncated={shouldTruncateText}>\n              {label}\n            </Text>\n          ) : (\n            <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n              {label}\n            </Box>\n          )}\n        </HStack>\n      )}\n    </Box>\n  );\n};\n"],"names":["_a","canSelectAll","children","isMultiSelect","closeOnSelect","groupLabel","handleKeyboardNavigation","isDisabled","isPlaceholder","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant","rest","__rest","onClose","useMenuState","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","React","Box","Object","assign","MenuItemConfig","bg","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","createElement","HStack","justify","spacing","minH","color","Flex","w","h","Checkbox","size","isChecked","onChange","align","Text","WrappedText","isTruncated","position"],"mappings":"0YA4CyBA,QAAAC,aACvBA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,cACbA,GAAiBD,EAAaE,WAC9BA,EAAUC,yBACVA,EAA2B,SAAcC,WACzCA,EAAUC,cACVA,EAAaC,WACbA,EAAUC,UACVA,EAAY,IAAGC,MACfA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,sBACRA,GAAwB,EAAKC,mBAC7BA,EAAkBC,MAClBA,EAAKC,QACLA,KACGC,EAnBoBC,SAAApB,EAAA,CAAA,eAAA,WAAA,gBAAA,gBAAA,aAAA,2BAAA,aAAA,gBAAA,aAAA,YAAA,QAAA,cAAA,eAAA,WAAA,wBAAA,qBAAA,QAAA,YAqBvB,MAAMqB,QAAEA,GAAYC,EAAAA,eAEdC,EAAeC,eAClBC,IACCA,EAAEC,kBAEEnB,IAEAU,GAASH,GACXA,EAAS,CACPH,MAAAA,EACAC,YAAAA,EACAK,MAAAA,IAIAb,GACFiB,OAGJ,CAACJ,EAAOH,EAAUO,EAASjB,EAAeG,EAAYI,EAAOC,IAGzDe,EAAYC,EAAAA,SAAQ,IACpBV,IAGGT,GAAcM,IAA0BZ,EAAgB,cAAgB,YAC9E,CAACM,EAAYM,EAAuBZ,EAAee,IAEtD,OACEW,wBAACC,MAAGC,OAAAC,OAAA,GACEC,iBACJ,CAAAC,GAAIzB,GAAcM,IAA0BZ,EAAgB,gCAAkC,GAC9FgC,UAAU,iBACVC,QAASb,EACTc,UAAYZ,GAA2CnB,EAAyBmB,GAAG,GACnFa,SAAUC,SAAStC,EAAgBS,GAAa,EAAKA,GACrD8B,IAAMC,GACJ5B,GAAgBH,EAAaG,EAAa6B,QAAQH,SAAS7B,IAAc+B,EAAM,KAGjFE,SAAUpC,GACNY,GAEHjB,EACC2B,EAAAA,sBAACC,EAAGA,IAAA,CAACM,QAASb,GAAerB,GAE7B2B,EAAAA,QAACe,cAAAC,EAAMA,QAACV,UAAU,0BAA0BW,QAAQ,WAAWC,QAAS,EAAGC,KAAM,EAAGC,MAAO,QAAQtB,KAChGxB,GACC0B,EAAC,QAAAe,cAAAM,EAAAA,MAAKC,EAAG,EAAGC,EAAG,EAAGjB,UAAU,0BAC1BN,EAAAA,QAAAe,cAACS,kBAAQ,CAACC,KAAK,KAAKC,UAAW9C,EAAY+C,SAAUjC,KAGxDX,GACCiB,EAAAA,QAAAe,cAACM,EAAIA,KAAC,CAAAO,MAAM,SAASX,QAAQ,SAASX,UAAU,6BAC7CvB,GAGa,iBAAVD,EACNkB,EAAA,QAAAe,cAACc,EAAIC,YAAA,CAACL,KAAK,KAAKnB,UAAU,sBAAsBjB,QAASS,EAAWiC,YAAa5C,GAC9EL,GAGHkB,EAAA,QAAAe,cAACd,EAAGA,IAAA,CAACK,UAAU,sBAAsB0B,SAAS,WAAWV,EAAE,QACxDxC"}
+{"version":3,"file":"menuItem.component-88d5a4b5.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n  ChangeEvent,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { MenuItemConfig } from '../../menu.config';\nimport { Text } from '../../../Text/text.component';\nimport { Checkbox } from 'components/Checkbox';\nimport { TypographyVariant } from 'shared/types';\n\nexport interface KMenuItemProps {\n  children?: ReactNode;\n  closeOnSelect?: boolean;\n  groupLabel?: string;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isPlaceholder?: boolean;\n  isSelected?: boolean;\n  label?: string | ReactElement;\n  leftElement?: ReactNode;\n  onSelect?: (selectedItem: KMenuItemProps) => void;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  value?: string;\n  variant?: TypographyVariant;\n}\n\n// These props are specific to the context passed in from the\n// MenuList and should not need to be passed in by the end user\nexport interface ControlledMenuItemProps {\n  canSelectAll?: boolean;\n  handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  itemIndex?: string;\n}\n\nexport type MenuItemProps = KMenuItemProps & ControlledMenuItemProps;\n\nexport const MenuItem = ({\n  canSelectAll,\n  children,\n  isMultiSelect,\n  closeOnSelect = !isMultiSelect,\n  groupLabel,\n  handleKeyboardNavigation = (): void => {},\n  isDisabled,\n  isPlaceholder,\n  isSelected,\n  itemIndex = '0',\n  label,\n  leftElement,\n  menuItemRefs,\n  onSelect,\n  shouldRetainSelection = false,\n  shouldTruncateText,\n  value,\n  variant,\n  ...rest\n}: MenuItemProps): JSX.Element => {\n  const { onClose } = useMenuState();\n\n  const handleSelect = useCallback(\n    (e: MouseEvent<HTMLDivElement> | ChangeEvent<HTMLInputElement>) => {\n      e.stopPropagation();\n\n      if (isDisabled) return;\n\n      if (value && onSelect) {\n        onSelect({\n          label,\n          leftElement,\n          value,\n        });\n      }\n\n      if (closeOnSelect) {\n        onClose();\n      }\n    },\n    [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n  );\n\n  const fontColor = useMemo(() => {\n    if (variant) {\n      return variant;\n    }\n    return isSelected && shouldRetainSelection && !isMultiSelect ? 'interactive' : 'default';\n  }, [isSelected, shouldRetainSelection, isMultiSelect, variant]);\n\n  return (\n    <Box\n      {...MenuItemConfig}\n      bg={isSelected && shouldRetainSelection && !isMultiSelect ? 'background.primaryAlpha.hover' : ''}\n      className=\"MenuList__Item\"\n      onClick={handleSelect}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n      tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n      ref={(el): HTMLDivElement | null =>\n        menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n      }\n      // @ts-ignore\n      disabled={isDisabled}\n      {...rest}\n    >\n      {children ? (\n        <Box onClick={handleSelect}>{children}</Box>\n      ) : (\n        <HStack className=\"MenuList__ItemContainer\" justify=\"baseline\" spacing={3} minH={5} color={`text.${fontColor}`}>\n          {isMultiSelect && (\n            <Flex w={4} h={4} className=\"MenuList__ItemCheckbox\">\n              <Checkbox size=\"md\" isChecked={isSelected} onChange={handleSelect} />\n            </Flex>\n          )}\n          {leftElement && (\n            <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n              {leftElement}\n            </Flex>\n          )}\n          {typeof label === 'string' ? (\n            <Text size=\"sm\" className=\"MenuList__ItemLabel\" variant={fontColor} isTruncated={shouldTruncateText}>\n              {label}\n            </Text>\n          ) : (\n            <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n              {label}\n            </Box>\n          )}\n        </HStack>\n      )}\n    </Box>\n  );\n};\n"],"names":["_a","canSelectAll","children","isMultiSelect","closeOnSelect","groupLabel","handleKeyboardNavigation","isDisabled","isPlaceholder","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant","rest","__rest","onClose","useMenuState","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","React","Box","Object","assign","MenuItemConfig","bg","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","createElement","HStack","justify","spacing","minH","color","Flex","w","h","Checkbox","size","isChecked","onChange","align","Text","WrappedText","isTruncated","position"],"mappings":"0YA4CyBA,QAAAC,aACvBA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,cACbA,GAAiBD,EAAaE,WAC9BA,EAAUC,yBACVA,EAA2B,SAAcC,WACzCA,EAAUC,cACVA,EAAaC,WACbA,EAAUC,UACVA,EAAY,IAAGC,MACfA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,sBACRA,GAAwB,EAAKC,mBAC7BA,EAAkBC,MAClBA,EAAKC,QACLA,KACGC,EAnBoBC,SAAApB,EAAA,CAAA,eAAA,WAAA,gBAAA,gBAAA,aAAA,2BAAA,aAAA,gBAAA,aAAA,YAAA,QAAA,cAAA,eAAA,WAAA,wBAAA,qBAAA,QAAA,YAqBvB,MAAMqB,QAAEA,GAAYC,EAAAA,eAEdC,EAAeC,eAClBC,IACCA,EAAEC,kBAEEnB,IAEAU,GAASH,GACXA,EAAS,CACPH,MAAAA,EACAC,YAAAA,EACAK,MAAAA,IAIAb,GACFiB,OAGJ,CAACJ,EAAOH,EAAUO,EAASjB,EAAeG,EAAYI,EAAOC,IAGzDe,EAAYC,EAAAA,SAAQ,IACpBV,IAGGT,GAAcM,IAA0BZ,EAAgB,cAAgB,YAC9E,CAACM,EAAYM,EAAuBZ,EAAee,IAEtD,OACEW,wBAACC,MAAGC,OAAAC,OAAA,GACEC,iBACJ,CAAAC,GAAIzB,GAAcM,IAA0BZ,EAAgB,gCAAkC,GAC9FgC,UAAU,iBACVC,QAASb,EACTc,UAAYZ,GAA2CnB,EAAyBmB,GAAG,GACnFa,SAAUC,SAAStC,EAAgBS,GAAa,EAAKA,GACrD8B,IAAMC,GACJ5B,GAAgBH,EAAaG,EAAa6B,QAAQH,SAAS7B,IAAc+B,EAAM,KAGjFE,SAAUpC,GACNY,GAEHjB,EACC2B,EAAAA,sBAACC,EAAGA,IAAA,CAACM,QAASb,GAAerB,GAE7B2B,EAAAA,QAACe,cAAAC,EAAMA,QAACV,UAAU,0BAA0BW,QAAQ,WAAWC,QAAS,EAAGC,KAAM,EAAGC,MAAO,QAAQtB,KAChGxB,GACC0B,EAAC,QAAAe,cAAAM,EAAAA,MAAKC,EAAG,EAAGC,EAAG,EAAGjB,UAAU,0BAC1BN,EAAAA,QAAAe,cAACS,kBAAQ,CAACC,KAAK,KAAKC,UAAW9C,EAAY+C,SAAUjC,KAGxDX,GACCiB,EAAAA,QAAAe,cAACM,EAAIA,KAAC,CAAAO,MAAM,SAASX,QAAQ,SAASX,UAAU,6BAC7CvB,GAGa,iBAAVD,EACNkB,EAAA,QAAAe,cAACc,EAAIC,YAAA,CAACL,KAAK,KAAKnB,UAAU,sBAAsBjB,QAASS,EAAWiC,YAAa5C,GAC9EL,GAGHkB,EAAA,QAAAe,cAACd,EAAGA,IAAA,CAACK,UAAU,sBAAsB0B,SAAS,WAAWV,EAAE,QACxDxC"}

package/build/{menuList.component-88f6c0ce.js → menuList.component-b51ae9ba.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),l=require("./heading.component-e55f8364.js"),a=require("./text.component-057889c3.js"),n=require("./menuItem.component-10c96c33.js"),r=require("./textInput.component-aad56b6b.js"),s=require("./chakra-ui-menu.esm-1ed98193.js"),u=require("./button.component-d4c1718b.js"),o=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./menu.context-22d23674.js"),c=require("./spinner.component-39040867.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=({handleKeyboardNavigation:e,menuItems:l,onSearchCallback:a,searchInputRef:n,setFilteredMenuItems:u,placeholder:o="Search..."})=>{const{isOpen:i}=s.useMenuState(),c=t.useCallback((e=>{const t=e.target.value;if(""!==t&&t){const e=l.filter((e=>{var l;const a="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==a?void 0:a.toLowerCase().includes(t.toLowerCase())}));u(e)}else u(l);a&&a(e)}),[l,a,u]);return t.useEffect((()=>{let e;return i&&(e=setTimeout((()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.focus()}),200)),()=>clearTimeout(e)}),[n,i]),m.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:o,onChange:c,mt:1,onKeyDown:t=>e(t,!0),size:"sm",ref:n})},p=({groupName:e,handleToggleAllItems:t,hasSelectedItems:l,isGrouped:a})=>a?m.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},l?m.default.createElement(u.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({groupName:e,clear:!0}),isDisabled:!l},"Clear all"):m.default.createElement(u.Button,{variant:"ghost",size:"xs",onClick:()=>t({groupName:e,clear:!1})},"Select all")):m.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},m.default.createElement(o.Flex,{justifyContent:"space-between"},m.default.createElement(u.Button,{variant:"ghost",size:"xs",onClick:()=>t({clear:!1})},"Select all"),m.default.createElement(u.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({clear:!0}),isDisabled:!l},"Clear all")));exports.MenuList=r=>{var{canSelectAll:u=!1,canSelectGroups:d=!1,children:h,isGrouped:v=!1,isMatchWidthSet:g,isMultiSelect:S=!1,isSearchable:x=!1,isLoading:b=!1,menuItems:E,onSelect:I,onSelectAll:k,searchPlaceholder:M,shouldRetainSelection:C=!1,shouldTruncateText:N=!0,minW:w="240px",maxW:y,maxH:A="480px",shouldUsePortal:B=!1}=r,L=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal"]);const{filteredMenuItems:j,setFilteredMenuItems:_,allMenuItems:T,groups:q,setGroups:G,focusedItemIndex:W,setFocusedItemIndex:F,searchInputRef:R,menuItemRefs:z}=i.useMenuContext(),D=t.useCallback((e=>{var t,l;if(!(null==z?void 0:z.current))return;const a=0===W,n=W===(null==z?void 0:z.current.length)-1;let r=-1;if("ArrowDown"===e)if(n){if(x)return null===(t=null==R?void 0:R.current)||void 0===t||t.focus(),void F(-1);r=0}else r=W+1;else if("ArrowUp"===e)if(a){if(x)return null===(l=null==R?void 0:R.current)||void 0===l||l.focus(),void F(-1);r=z.current.length-1}else r=W-1;const s=null==z?void 0:z.current[r];s?(null==s||s.focus(),F(r)):F(-1)}),[W,x,z,R,F]),H=t.useCallback(((e,t)=>{e.persist(),(null==z?void 0:z.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||D("ArrowDown"),"ArrowUp"===e.key&&D("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[D,z]),P=t.useCallback(((e,t)=>{if(j&&T){const l=[...j],a=l.find((t=>t.value===e.value));S&&a&&(a.isSelected=!a.isSelected),_(l);const n=T.filter((e=>e.isSelected));I&&a&&I(a,n),t&&a&&t(a,n)}}),[T,j,S,I,_]),U=t.useCallback((({groupName:e,clear:t=!1})=>{if(j&&T){const l=[...j],a=[];l.forEach((l=>{e?e===l.groupLabel&&(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value)):(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value))})),_(l),k&&k(T.filter((e=>e.isSelected)))}}),[j,T,k,_]);t.useEffect((()=>{if(v){const e=[...new Set(null==j?void 0:j.map((e=>e.groupLabel)))];e.length&&G(e)}}),[j,v,G]);const K=t.useCallback(((e,t)=>e.isPlaceholder?m.default.createElement(m.default.Fragment,{key:e.value}):m.default.createElement(n.MenuItem,Object.assign({},e,{key:`${e.value}${t}`,canSelectAll:u,handleKeyboardNavigation:H,isMultiSelect:S,itemIndex:t.toString(),menuItemRefs:z,onSelect:t=>P(t,e.onSelect),shouldRetainSelection:C,shouldTruncateText:N}))),[H,P,S,z,C,N,u]);return g||(y="320px"),h?m.default.createElement(s.MenuList,Object.assign({},L),h):m.default.createElement(s.MenuList,Object.assign({className:"MeuList"},L,{maxW:y||"unset",maxH:A,minW:w,overflow:"hidden auto"}),(x||u&&S)&&m.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},x&&m.default.createElement(f,{handleKeyboardNavigation:H,menuItems:E||[],searchInputRef:R,setFilteredMenuItems:_,placeholder:M}),u&&S&&m.default.createElement(p,{handleToggleAllItems:U,hasSelectedItems:Boolean(null==j?void 0:j.find((e=>e.isSelected))),isGrouped:!1})),m.default.createElement(o.Box,{className:"MenuList__Body",position:"relative"},(null==j?void 0:j.length)?v?null==q?void 0:q.map(((e,t)=>{const a=null==j?void 0:j.filter((t=>t.groupLabel===e));return m.default.createElement(o.Box,{className:"MenuList__Group",key:`${e||"noGroup"}-${t}`},e&&m.default.createElement(o.Flex,{minH:8,pt:2,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},m.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},m.default.createElement(l.WrappedHeading,{size:"xs"},e)),S&&d&&m.default.createElement(p,{handleToggleAllItems:U,hasSelectedItems:Boolean(null==a?void 0:a.find((e=>e.isSelected))),isGrouped:!0,groupName:e})),null==a?void 0:a.map(((e,t)=>K(e,t))))})):null==j?void 0:j.map(((e,t)=>K(e,t))):m.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},m.default.createElement(a.WrappedText,{size:"sm",variant:"subtle"},"No results found")),b&&m.default.createElement(o.Box,{position:"absolute",w:"100%",h:"100%",top:"0",left:"0",bg:"background.alphaContrast.pressed"},m.default.createElement(o.Flex,{h:"100%",align:"center",justify:"center"},m.default.createElement(c.Spinner,null)))))};
-//# sourceMappingURL=menuList.component-88f6c0ce.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),l=require("./heading.component-e55f8364.js"),a=require("./text.component-057889c3.js"),n=require("./menuItem.component-88d5a4b5.js"),r=require("./textInput.component-9bd46ebf.js"),s=require("./chakra-ui-menu.esm-1ed98193.js"),u=require("./button.component-d4c1718b.js"),o=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./menu.context-22d23674.js"),c=require("./spinner.component-39040867.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=({handleKeyboardNavigation:e,menuItems:l,onSearchCallback:a,searchInputRef:n,setFilteredMenuItems:u,placeholder:o="Search..."})=>{const{isOpen:i}=s.useMenuState(),c=t.useCallback((e=>{const t=e.target.value;if(""!==t&&t){const e=l.filter((e=>{var l;const a="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==a?void 0:a.toLowerCase().includes(t.toLowerCase())}));u(e)}else u(l);a&&a(e)}),[l,a,u]);return t.useEffect((()=>{let e;return i&&(e=setTimeout((()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.focus()}),200)),()=>clearTimeout(e)}),[n,i]),m.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:o,onChange:c,mt:1,onKeyDown:t=>e(t,!0),size:"sm",ref:n})},p=({groupName:e,handleToggleAllItems:t,hasSelectedItems:l,isGrouped:a})=>a?m.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},l?m.default.createElement(u.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({groupName:e,clear:!0}),isDisabled:!l},"Clear all"):m.default.createElement(u.Button,{variant:"ghost",size:"xs",onClick:()=>t({groupName:e,clear:!1})},"Select all")):m.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},m.default.createElement(o.Flex,{justifyContent:"space-between"},m.default.createElement(u.Button,{variant:"ghost",size:"xs",onClick:()=>t({clear:!1})},"Select all"),m.default.createElement(u.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({clear:!0}),isDisabled:!l},"Clear all")));exports.MenuList=r=>{var{canSelectAll:u=!1,canSelectGroups:d=!1,children:h,isGrouped:v=!1,isMatchWidthSet:g,isMultiSelect:S=!1,isSearchable:x=!1,isLoading:b=!1,menuItems:E,onSelect:I,onSelectAll:k,searchPlaceholder:M,shouldRetainSelection:C=!1,shouldTruncateText:N=!0,minW:w="240px",maxW:y,maxH:A="480px",shouldUsePortal:B=!1}=r,L=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal"]);const{filteredMenuItems:j,setFilteredMenuItems:_,allMenuItems:T,groups:q,setGroups:G,focusedItemIndex:W,setFocusedItemIndex:F,searchInputRef:R,menuItemRefs:z}=i.useMenuContext(),D=t.useCallback((e=>{var t,l;if(!(null==z?void 0:z.current))return;const a=0===W,n=W===(null==z?void 0:z.current.length)-1;let r=-1;if("ArrowDown"===e)if(n){if(x)return null===(t=null==R?void 0:R.current)||void 0===t||t.focus(),void F(-1);r=0}else r=W+1;else if("ArrowUp"===e)if(a){if(x)return null===(l=null==R?void 0:R.current)||void 0===l||l.focus(),void F(-1);r=z.current.length-1}else r=W-1;const s=null==z?void 0:z.current[r];s?(null==s||s.focus(),F(r)):F(-1)}),[W,x,z,R,F]),H=t.useCallback(((e,t)=>{e.persist(),(null==z?void 0:z.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||D("ArrowDown"),"ArrowUp"===e.key&&D("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[D,z]),P=t.useCallback(((e,t)=>{if(j&&T){const l=[...j],a=l.find((t=>t.value===e.value));S&&a&&(a.isSelected=!a.isSelected),_(l);const n=T.filter((e=>e.isSelected));I&&a&&I(a,n),t&&a&&t(a,n)}}),[T,j,S,I,_]),U=t.useCallback((({groupName:e,clear:t=!1})=>{if(j&&T){const l=[...j],a=[];l.forEach((l=>{e?e===l.groupLabel&&(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value)):(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value))})),_(l),k&&k(T.filter((e=>e.isSelected)))}}),[j,T,k,_]);t.useEffect((()=>{if(v){const e=[...new Set(null==j?void 0:j.map((e=>e.groupLabel)))];e.length&&G(e)}}),[j,v,G]);const K=t.useCallback(((e,t)=>e.isPlaceholder?m.default.createElement(m.default.Fragment,{key:e.value}):m.default.createElement(n.MenuItem,Object.assign({},e,{key:`${e.value}${t}`,canSelectAll:u,handleKeyboardNavigation:H,isMultiSelect:S,itemIndex:t.toString(),menuItemRefs:z,onSelect:t=>P(t,e.onSelect),shouldRetainSelection:C,shouldTruncateText:N}))),[H,P,S,z,C,N,u]);return g||(y="320px"),h?m.default.createElement(s.MenuList,Object.assign({},L),h):m.default.createElement(s.MenuList,Object.assign({className:"MeuList"},L,{maxW:y||"unset",maxH:A,minW:w,overflow:"hidden auto"}),(x||u&&S)&&m.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},x&&m.default.createElement(f,{handleKeyboardNavigation:H,menuItems:E||[],searchInputRef:R,setFilteredMenuItems:_,placeholder:M}),u&&S&&m.default.createElement(p,{handleToggleAllItems:U,hasSelectedItems:Boolean(null==j?void 0:j.find((e=>e.isSelected))),isGrouped:!1})),m.default.createElement(o.Box,{className:"MenuList__Body",position:"relative"},(null==j?void 0:j.length)?v?null==q?void 0:q.map(((e,t)=>{const a=null==j?void 0:j.filter((t=>t.groupLabel===e));return m.default.createElement(o.Box,{className:"MenuList__Group",key:`${e||"noGroup"}-${t}`},e&&m.default.createElement(o.Flex,{minH:8,pt:2,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},m.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},m.default.createElement(l.WrappedHeading,{size:"xs"},e)),S&&d&&m.default.createElement(p,{handleToggleAllItems:U,hasSelectedItems:Boolean(null==a?void 0:a.find((e=>e.isSelected))),isGrouped:!0,groupName:e})),null==a?void 0:a.map(((e,t)=>K(e,t))))})):null==j?void 0:j.map(((e,t)=>K(e,t))):m.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},m.default.createElement(a.WrappedText,{size:"sm",variant:"subtle"},"No results found")),b&&m.default.createElement(o.Box,{position:"absolute",w:"100%",h:"100%",top:"0",left:"0",bg:"background.alphaContrast.pressed"},m.default.createElement(o.Flex,{h:"100%",align:"center",justify:"center"},m.default.createElement(c.Spinner,null)))))};
+//# sourceMappingURL=menuList.component-b51ae9ba.js.map

package/build/{menuList.component-88f6c0ce.js.map → menuList.component-b51ae9ba.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuList.component-88f6c0ce.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { Spinner } from 'components/Spinner';\n\nexport interface KMenuListProps {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isLoading?: boolean;\n  isMatchWidthSet?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  shouldUsePortal?: boolean;\n}\n\nexport type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  isLoading = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  shouldUsePortal = false,\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          {...item}\n          key={`${item.value}${index}`}\n          canSelectAll={canSelectAll}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isMultiSelect={isMultiSelect}\n          itemIndex={index.toString()}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: MenuItemProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\" position=\"relative\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" variant=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={2} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n        {isLoading && (\n          <Box position=\"absolute\" w=\"100%\" h=\"100%\" top=\"0\" left=\"0\" bg=\"background.alphaContrast.pressed\">\n            <Flex h=\"100%\" align=\"center\" justify=\"center\">\n              <Spinner />\n            </Flex>\n          </Box>\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","createElement","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","useMenuContext","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","_b","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","selectedItem","find","isSelected","allSelectedItems","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","Object","assign","itemIndex","toString","CMenuList","overflow","m","Boolean","position","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text","WrappedText","h","top","left","bg","Spinner"],"mappings":"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"}
+{"version":3,"file":"menuList.component-b51ae9ba.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { Spinner } from 'components/Spinner';\n\nexport interface KMenuListProps {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isLoading?: boolean;\n  isMatchWidthSet?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  shouldUsePortal?: boolean;\n}\n\nexport type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  isLoading = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  shouldUsePortal = false,\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          {...item}\n          key={`${item.value}${index}`}\n          canSelectAll={canSelectAll}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isMultiSelect={isMultiSelect}\n          itemIndex={index.toString()}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: MenuItemProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\" position=\"relative\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" variant=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={2} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n        {isLoading && (\n          <Box position=\"absolute\" w=\"100%\" h=\"100%\" top=\"0\" left=\"0\" bg=\"background.alphaContrast.pressed\">\n            <Flex h=\"100%\" align=\"center\" justify=\"center\">\n              <Spinner />\n            </Flex>\n          </Box>\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","createElement","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","useMenuContext","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","_b","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","selectedItem","find","isSelected","allSelectedItems","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","Object","assign","itemIndex","toString","CMenuList","overflow","m","Boolean","position","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text","WrappedText","h","top","left","bg","Spinner"],"mappings":"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"}

package/build/popover.component-0c3ec017.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-c6812c03.js"),o=require("./popoverFooter.component-7e0b193f.js"),a=require("./text.component-057889c3.js"),s=require("./chakra-ui-popover.esm-1e836c11.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:p,footerProps:d,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,p,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),d&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},d,j))))};
+//# sourceMappingURL=popover.component-0c3ec017.js.map

package/build/{popover.component-2fdfc1c9.js.map → popover.component-0c3ec017.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-2fdfc1c9.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent border={0} {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow border={0} boxShadow=\"none !important\" {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","border","shadow","CPopoverArrow","boxShadow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAAAC,cAACQ,EAAAA,eAAeL,OAAAC,OAAA,CAACK,OAAQ,GAAOhB,EAAYT,EAAY,CAAE0B,OAAO,OAC/DX,EAAAA,QAACC,cAAAW,eAAcR,OAAAC,OAAA,CAAAK,OAAQ,EAAGG,UAAU,mBAAsBnB,IACzDP,GAAea,EAAC,QAAAC,cAAAa,EAAAA,cAAcV,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAc,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcvB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAiB,EAAAA,YAAK,CAAA3B,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAkB,EAAaA,6BAACpB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}
+{"version":3,"file":"popover.component-0c3ec017.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}

package/build/{radioGroup.component-07d35dd5.js → radioGroup.component-f08f38ce.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),i=require("./withFormControl-bd0f712e.js"),t=require("./radio.component-1ebba5e1.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const d=r=>{var{radios:i,size:n="md",direction:d="row",spacing:c,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:d,spacing:c,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};d.displayName="RadioGroup";const c=i.withFormControl(d);exports.WrappedRadioGroup=c;
-//# sourceMappingURL=radioGroup.component-07d35dd5.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),i=require("./withFormControl-28664983.js"),t=require("./radio.component-1ebba5e1.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const d=r=>{var{radios:i,size:n="md",direction:d="row",spacing:c,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:d,spacing:c,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};d.displayName="RadioGroup";const c=i.withFormControl(d);exports.WrappedRadioGroup=c;
+//# sourceMappingURL=radioGroup.component-f08f38ce.js.map

package/build/{radioGroup.component-07d35dd5.js.map → radioGroup.component-f08f38ce.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-07d35dd5.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPW,wEASlB,OACES,EAAAA,QAAAC,cAACC,EAAWZ,WAAAa,OAAAC,OAAA,GAAKN,GACfE,EAAC,QAAAC,cAAAI,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,KAAMR,EAAKQ,MAAQ,eAC/Dd,EAAOe,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACP,aAAcA,EAAcc,IAAKF,GAAWD,EAAK,CAAEf,KAAMA,UAO1EH,EAAWsB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACxB"}
+{"version":3,"file":"radioGroup.component-f08f38ce.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPW,wEASlB,OACES,EAAAA,QAAAC,cAACC,EAAWZ,WAAAa,OAAAC,OAAA,GAAKN,GACfE,EAAC,QAAAC,cAAAI,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,KAAMR,EAAKQ,MAAQ,eAC/Dd,EAAOe,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACP,aAAcA,EAAcc,IAAKF,GAAWD,EAAK,CAAEf,KAAMA,UAO1EH,EAAWsB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACxB"}

package/build/ratingDot.component-01592415.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);exports.RatingDot=({number:t,isInteractive:a,isDisabled:n,onClick:l,selected:u})=>{const c=e.useCallback((e=>{e.preventDefault(),l&&l(t)}),[t,l]);return o.default.createElement(o.default.Fragment,null,a?o.default.createElement(r.Flex,Object.assign({as:"button",type:"button",bgColor:u?"background.primary":"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px",borderColor:"background.primary",color:u?"text.onContrast":"text.default",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},!n&&{onClick:c,cursor:"pointer",_hover:{bg:u?"background.primary":"background.primaryAlpha.hover"}}),t):o.default.createElement(r.Flex,{as:"div",bgColor:"background.primary",h:"40px",w:"40px",borderRadius:"20px",border:"2px",borderColor:"background.primary",color:"text.onContrast",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},t))};
+//# sourceMappingURL=ratingDot.component-01592415.js.map

package/build/ratingDot.component-01592415.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ratingDot.component-01592415.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Flex } from '@chakra-ui/react';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const handleClick = useCallback(\n    (e): void => {\n      e.preventDefault();\n      if (onClick) onClick(number);\n    },\n    [number, onClick],\n  );\n\n  return (\n    <>\n      {isInteractive ? (\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          bgColor={selected ? 'background.primary' : 'transparent'}\n          h=\"60px\"\n          w=\"60px\"\n          borderRadius=\"30px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color={selected ? 'text.onContrast' : 'text.default'}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"not-allowed\"\n          {...(!isDisabled && {\n            onClick: handleClick,\n            cursor: 'pointer',\n            _hover: {\n              bg: selected ? 'background.primary' : 'background.primaryAlpha.hover',\n            },\n          })}\n        >\n          {number}\n        </Flex>\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor=\"background.primary\"\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border=\"2px\"\n          borderColor=\"background.primary\"\n          color=\"text.onContrast\"\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":["number","isInteractive","isDisabled","onClick","selected","handleClick","useCallback","e","preventDefault","React","createElement","Fragment","Flex","as","type","bgColor","h","w","borderRadius","border","borderColor","color","mr","mb","justifyContent","alignItems","fontSize","cursor","_hover","bg"],"mappings":"yLAWyB,EAAGA,OAAAA,EAAQC,cAAAA,EAAeC,WAAAA,EAAYC,QAAAA,EAASC,SAAAA,MACtE,MAAMC,EAAcC,eACjBC,IACCA,EAAEC,iBACEL,GAASA,EAAQH,KAEvB,CAACA,EAAQG,IAGX,OACEM,UACGC,cAAAD,EAAA,QAAAE,SAAA,KAAAV,EACCQ,UAACC,cAAAE,EAAIA,oBACHC,GAAG,SACHC,KAAK,SACLC,QAASX,EAAW,qBAAuB,cAC3CY,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAOjB,EAAW,kBAAoB,eACtCkB,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,gBACDzB,GAAc,CAClBC,QAASE,EACTsB,OAAQ,UACRC,OAAQ,CACNC,GAAIzB,EAAW,qBAAuB,mCAIzCJ,GAGHS,EAAA,QAAAC,cAACE,OACC,CAAAC,GAAG,MACHE,QAAQ,qBACRC,EAAE,OACFC,EAAE,OACFC,aAAa,OACbC,OAAO,MACPC,YAAY,qBACZC,MAAM,kBACNC,GAAI,EACJC,GAAI,EACJC,eAAe,SACfC,WAAW,SACXC,SAAS,KACTC,OAAO,WAEN3B"}

package/build/{ratingDots.component-eccf4bf3.js → ratingDots.component-f7677abd.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./text.component-057889c3.js"),a=require("./ratingDot.component-bd47c659.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.RatingDots=({minValue:n,maxValue:u,minLabel:s,maxLabel:i,centeredLabel:c,isDisabled:m,isInteractive:o,onClick:d,selected:f})=>{const[p,b]=e.useState(),x=e.useMemo((()=>Math.round(n)),[n]),E=e.useMemo((()=>Math.round(u)),[u]),v=e.useMemo((()=>{const e=[];for(let t=x;t<=E;t++)e.push(t);return e}),[E,x]);return e.useEffect((()=>{void 0!==f&&b(f)}),[f]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start"},v.map((e=>l.default.createElement(a.RatingDot,{key:`composer-rating-dot-${e}`,number:e,isInteractive:o,onClick:d,isDisabled:m,selected:p===e})))),l.default.createElement(r.Flex,{justifyContent:o?c?"center":"space-between":"flex-start"},c?l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},c):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${x} - ${s}`),!o&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${E} - ${i}`))))};
-//# sourceMappingURL=ratingDots.component-eccf4bf3.js.map
+"use strict";var e=require("react"),t=require("./text.component-057889c3.js"),a=require("./ratingDot.component-01592415.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(e);exports.RatingDots=({minValue:n,maxValue:u,minLabel:s,maxLabel:i,centeredLabel:c,isDisabled:m,isInteractive:o,onClick:d,selected:f})=>{const[p,x]=e.useState(),b=e.useMemo((()=>Math.round(n)),[n]),E=e.useMemo((()=>Math.round(u)),[u]),v=e.useMemo((()=>{const e=[];for(let t=b;t<=E;t++)e.push(t);return e}),[E,b]);return e.useEffect((()=>{void 0!==f&&x(f)}),[f]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:o?"center":"flex-start"},v.map((e=>l.default.createElement(a.RatingDot,{key:`composer-rating-dot-${e}`,number:e,isInteractive:o,onClick:d,isDisabled:m,selected:p===e})))),l.default.createElement(r.Flex,{justifyContent:o?c?"center":"space-between":"flex-start"},c?l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},c):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${b} - ${s}`),!o&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(t.WrappedText,{variant:"subtle",size:"sm"},`${E} - ${i}`))))};
+//# sourceMappingURL=ratingDots.component-f7677abd.js.map

package/build/{ratingDots.component-eccf4bf3.js.map → ratingDots.component-f7677abd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ratingDots.component-eccf4bf3.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text variant=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","selectedValue","setSelectedValue","useState","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","variant","size","WrappedText","pr"],"mappings":"mRAiB0B,EACxBA,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,SAAAA,MAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAaC,EAAOA,SAAC,IAAMC,KAAKC,MAAMf,IAAW,CAACA,IAClDgB,EAAaH,EAAOA,SAAC,IAAMC,KAAKC,MAAMd,IAAW,CAACA,IAElDgB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAM,GACZ,IAAK,IAAIC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,UACSC,IAAbd,GAAwBE,EAAiBF,KAC5C,CAACA,IAGFe,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBvB,EAAgB,SAAW,cACrEW,EAAOa,KAAKC,GACXR,EAAC,QAAAC,cAAAQ,EAAAA,UACC,CAAAC,IAAK,uBAAuBF,IAC5BG,OAAQH,EACRzB,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUC,IAAkBsB,OAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBvB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCmB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MACzBjC,GAGHmB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGvB,GAAYqB,EAAAA,QAACC,cAAAW,EAAAA,YAAK,CAAAC,QAAQ,SAASC,KAAK,MAAM,GAAGzB,OAAgBV,MAChEI,GAAiBiB,EAAA,QAAAC,cAACW,EAAIG,YAAC,CAAAF,QAAQ,SAASC,KAAK,KAAKE,GAAI,GAAI,KAC3DpC,GAAYoB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MAAM,GAAGrB,OAAgBb"}
+{"version":3,"file":"ratingDots.component-f7677abd.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text variant=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text variant=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text variant=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","selectedValue","setSelectedValue","useState","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","number","Text","variant","size","WrappedText","pr"],"mappings":"mRAiB0B,EACxBA,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,SAAAA,MAEA,MAAOC,EAAeC,GAAoBC,EAAQA,WAE5CC,EAAaC,EAAOA,SAAC,IAAMC,KAAKC,MAAMf,IAAW,CAACA,IAClDgB,EAAaH,EAAOA,SAAC,IAAMC,KAAKC,MAAMd,IAAW,CAACA,IAElDgB,EAASJ,EAAAA,SAAQ,KACrB,MAAMK,EAAM,GACZ,IAAK,IAAIC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,UACSC,IAAbd,GAAwBE,EAAiBF,KAC5C,CAACA,IAGFe,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBvB,EAAgB,SAAW,cACrEW,EAAOa,KAAKC,GACXR,EAAC,QAAAC,cAAAQ,EAAAA,UACC,CAAAC,IAAK,uBAAuBF,IAC5BG,OAAQH,EACRzB,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUC,IAAkBsB,OAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBvB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCmB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MACzBjC,GAGHmB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGvB,GAAYqB,EAAAA,QAACC,cAAAW,EAAAA,YAAK,CAAAC,QAAQ,SAASC,KAAK,MAAM,GAAGzB,OAAgBV,MAChEI,GAAiBiB,EAAA,QAAAC,cAACW,EAAIG,YAAC,CAAAF,QAAQ,SAASC,KAAK,KAAKE,GAAI,GAAI,KAC3DpC,GAAYoB,wBAACY,EAAAA,YAAI,CAACC,QAAQ,SAASC,KAAK,MAAM,GAAGrB,OAAgBb"}

package/build/{select.component-e72c5186.js → select.component-4ef3909d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-3e1e324b.js"),l=require("./withFormControl-bd0f712e.js"),a=require("./menu.context-22d23674.js"),r=require("./menuList.component-88f6c0ce.js"),s=require("./text.component-057889c3.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),u=require("./icon.component-100b924b.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),o=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:h="md",value:x,maxW:E="100%",isOnContrast:b}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast"]);const S=b?"onContrast":"default",g=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:b?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,b]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),T=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return g.current?`${null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==g?void 0:g.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===x})));q([...e,_])}),[d,_,x]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(u.Icon,{name:"chevronDown",size:h}),as:o.MenuButton,ref:g,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:S,maxW:E},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:T,options:O,maxW:M||E}))))};v.displayName="Select";const h=l.withFormControl(v);exports.WrappedSelect=h;
-//# sourceMappingURL=select.component-e72c5186.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-3e1e324b.js"),l=require("./withFormControl-28664983.js"),a=require("./menu.context-22d23674.js"),r=require("./menuList.component-b51ae9ba.js"),s=require("./text.component-057889c3.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),u=require("./icon.component-100b924b.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),o=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:h="md",value:x,maxW:E="100%",isOnContrast:b}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast"]);const S=b?"onContrast":"default",g=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:b?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,b]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),T=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return g.current?`${null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==g?void 0:g.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===x})));q([...e,_])}),[d,_,x]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(u.Icon,{name:"chevronDown",size:h}),as:o.MenuButton,ref:g,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:S,maxW:E},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:T,options:O,maxW:M||E}))))};v.displayName="Select";const h=l.withFormControl(v);exports.WrappedSelect=h;
+//# sourceMappingURL=select.component-4ef3909d.js.map

package/build/{select.component-e72c5186.js.map → select.component-4ef3909d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select.component-e72c5186.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
+{"version":3,"file":"select.component-4ef3909d.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n  placeholder?: string;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/shared/hocs/FormControl/withFormControl.d.ts

@@ -13,6 +13,7 @@ export interface WithFormControlProps {
     isOnContrast?: boolean;
     isReadOnly?: boolean;
     isRequired?: boolean;
+    showRequiredState?: boolean;
     label?: string | ReactNode;
     labelStyle?: FormLabelProps;
     labelPosition?: 'start' | 'end';

package/build/{switch.component-b04bb79d.js → switch.component-753b45d3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-bd0f712e.js"),a=require("./chakra-ui-checkbox.esm-4cded6a7.js"),n=require("./chakra-ui-system.esm-c70df670.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],d=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,d=i.children,h=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(h),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),d&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),d))}));n.__DEV__&&(d.displayName="Switch");const h=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(d,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};h.displayName="Switch";const f=r.withFormControl(h);exports.WrappedSwitch=f;
-//# sourceMappingURL=switch.component-b04bb79d.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-28664983.js"),a=require("./chakra-ui-checkbox.esm-4cded6a7.js"),n=require("./chakra-ui-system.esm-c70df670.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],d=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,d=i.children,h=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(h),m=f.state,p=f.getInputProps,k=f.getCheckboxProps,b=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},b(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},k(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),d&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),d))}));n.__DEV__&&(d.displayName="Switch");const h=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(d,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};h.displayName="Switch";const f=r.withFormControl(h);exports.WrappedSwitch=f;
+//# sourceMappingURL=switch.component-753b45d3.js.map