npm - @televet/kibble-ui - Versions diffs - 2.1.39 → 2.1.41 - Mend

@televet/kibble-ui 2.1.39 → 2.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/build/index-ebcb699d.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var r=require("./index-7708e04e.js");exports.startOfDay=function(e){r.requiredArgs(1,arguments);var t=r.toDate(e);return t.setHours(0,0,0,0),t};
2	+ //# sourceMappingURL=index-ebcb699d.js.map

package/build/index-ebcb699d.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-ebcb699d.js","sources":["../node_modules/date-fns/esm/startOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setHours(0, 0, 0, 0);\n return date;\n}"],"names":["dirtyDate","requiredArgs","arguments","date","toDate","setHours"],"mappings":"qEAqBe,SAAoBA,GACjCC,eAAa,EAAGC,WAChB,IAAIC,EAAOC,SAAOJ,GAElB,OADAG,EAAKE,SAAS,EAAG,EAAG,EAAG,GAChBF"}

package/build/index.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export * from './chakra';
 export * from './components';
+export * from './patterns';
 export * from './shared/hocs';
 export * from './shared/hooks';
 export * from './theme';

package/build/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-f4206977.js"),r=require("./alert.component-cc76d972.js"),o=require("./avatar.component-d7b27e5d.js"),t=require("./avatar.types-a87ebfb5.js"),s=require("./avatarGroup.component-b503544d.js"),a=require("./button.component-8c8cd059.js"),p=require("./button.types-f42b599b.js"),n=require("./card.component-de5d4b2a.js"),i=require("./checkbox.component-175e7fe8.js"),u=require("./checkboxGroup.component-6651151f.js"),x=require("./datepicker.component-a44336d2.js"),d=require("./heading.component-95e89325.js"),c=require("./heading.types-b6ca7d59.js"),l=require("./icon.component-100b924b.js"),m=require("./link.component-6416abcf.js"),b=require("./logo.component-cea68030.js"),q=require("./menuButton.component-6cc24ebb.js"),j=require("./menuContainer.component-e3bfd942.js"),f=require("./menuItem.component-0aeea731.js"),C=require("./menuList.component-5652653b.js"),h=require("./menu.component-f6b95188.js"),T=require("./modalBody.component-f7fe03a7.js"),k=require("./modalCloseButton.component-fedf402b.js"),M=require("./modalExpandButton.component-6d5f66c5.js"),v=require("./modalFooter.component-b7d87485.js"),g=require("./modalFooterButtons.component-4057c077.js"),S=require("./modalHeader.component-6ee3dc41.js"),B=require("./useExpandButton-b8f43568.js"),I=require("./notificationCounter.component-24f3f4ab.js"),P=require("./picture.component-19489bee.js"),y=require("./popoverFooter.component-3fef4223.js"),D=require("./popoverHeader.component-1ea58cd1.js"),F=require("./popover.component-598e9b4d.js"),L=require("./popover.types-bc105ea7.js"),A=require("./radio.component-2502a55b.js"),G=require("./radioGroup.component-c8f06088.js"),H=require("./ratingDot.component-01592415.js"),w=require("./ratingDots.component-cd5946a2.js"),R=require("./select.component-a0d9f737.js"),z=require("./dragHandle.component-e4a46a3d.js"),O=require("./sortableItem.component-3bdead95.js"),N=require("./sortableOverlay.component-39d84330.js"),W=require("./sortableList.component-19cfab79.js"),E=require("./spinner.component-13277479.js"),V=require("./spinner.types-9d350e31.js"),K=require("./switch.component-5494fefc.js"),Q=require("./tab.component-3d708547.js"),U=require("./tabs.component-c5bdfb76.js"),_=require("./tabsLayout.component-185c4529.js"),$=require("./tag.types-f979ec63.js"),J=require("./text.component-906b3f66.js"),X=require("./text.types-fef8ead3.js"),Y=require("./textarea.component-f73a2851.js"),Z=require("./textInput.component-b94f1d1f.js"),ee=require("./timePicker.component-4a3ce9b0.js"),re=require("./timeRange.component-62d5fb79.js"),oe=require("./useToast-dfad2406.js"),te=require("./tooltip.component-197bff7c.js"),se=require("./withTheme-e33ed8bc.js"),ae=require("./useTheme-8873c39f.js"),pe=require("./theme.provider-c90458aa.js"),ne=require("./colors-caf3f175.js"),ie=require("./chakra-ui-skeleton.esm-8f56767a.js"),ue=require("./chakra-ui-modal.esm-7e633573.js"),xe=require("./chakra-ui-layout.esm-6ee578f7.js"),de=require("./chakra-ui-button.esm-bd065780.js"),ce=require("./chakra-ui-alert.esm-17eebb99.js"),le=require("./chakra-ui-avatar.esm-eee70d3a.js"),me=require("./chakra-ui-checkbox.esm-4cded6a7.js"),be=require("./chakra-ui-input.esm-5fd07056.js"),qe=require("./chakra-ui-menu.esm-1ed98193.js"),je=require("./chakra-ui-popover.esm-1e836c11.js"),fe=require("./chakra-ui-radio.esm-f310d451.js"),Ce=require("./chakra-ui-select.esm-793cf4de.js"),he=require("./chakra-ui-tabs.esm-e6372403.js"),Te=require("./chakra-ui-textarea.esm-23fad4cd.js"),ke=require("./chakra-ui-form-control.esm-6d25b1a4.js"),Me=require("./chakra-ui-media-query.esm-6217de7e.js"),ve=require("./chakra-ui-image.esm-66324087.js"),ge=require("./chakra-ui-system.esm-c70df670.js"),Se=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Be=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-2e82715a.js"),require("./index-7708e04e.js"),require("./withTruncation-a62a9e5f.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-cb4a0b0d.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("./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("./zIndeces-10b89ae1.js"),require("./borders.config-90d19902.js"),require("./color.record-134d7650.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=n.Card,exports.CardPaddingMap=n.CardPaddingMap,exports.cardSizes=n.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return x.DateFormats}}),exports.DatePicker=x.DatePicker,exports.Heading=d.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=l.Icon,exports.IconSizeMap=l.IconSizeMap,exports.iconSizes=l.iconSizes,exports.Link=m.Link,exports.Logo=b.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=j.MenuContainer,exports.MenuItem=f.MenuItem,exports.MenuList=C.MenuList,exports.Menu=h.Menu,exports.ModalBody=T.ModalBody,exports.ModalCloseButton=k.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=v.ModalFooter,exports.ModalFooterButtons=g.ModalFooterButtons,exports.ModalHeader=S.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=y.PopoverFooter,exports.PopoverHeader=D.PopoverHeader,exports.Popover=F.Popover,exports.popoverPlacements=L.popoverPlacements,exports.popoverSizes=L.popoverSizes,exports.popoverTriggerTypes=L.popoverTriggerTypes,exports.popoverVariants=L.popoverVariants,exports.Radio=A.Radio,exports.RadioGroup=G.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=w.RatingDots,exports.Select=R.WrappedSelect,exports.DragHandle=z.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=N.SortableOverlay,exports.SortableList=W.SortableList,exports.Spinner=E.Spinner,exports.spinnerSizes=V.spinnerSizes,exports.Switch=K.WrappedSwitch,exports.Tab=Q.Tab,exports.Tabs=U.Tabs,exports.TabsLayout=_.TabsLayout,exports.Tag=$.Tag,exports.closeButtonDisplays=$.closeButtonDisplays,exports.tagSizes=$.tagSizes,exports.Text=J.WrappedText,exports.textSizes=X.textSizes,exports.Textarea=Y.WrappedTextArea,exports.TextInput=Z.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ee.Meridiem}}),exports.TimePicker=ee.TimePicker,exports.TimeRange=re.TimeRange,exports.useToast=oe.useToast,exports.Tooltip=te.Tooltip,exports.withDarkMode=se.withDarkMode,exports.withTheme=se.withTheme,exports.useTheme=ae.useTheme,exports.KibbleThemeProvider=pe.KibbleThemeProvider,exports.theme=pe.theme,exports.hexToRgb=ne.hexToRgb,exports.isDark=ne.isDark,exports.isRGB=ne.isRGB,exports.Accordion=ie.Accordion,exports.AccordionButton=ie.AccordionButton,exports.AccordionIcon=ie.AccordionIcon,exports.AccordionItem=ie.AccordionItem,exports.AccordionPanel=ie.AccordionPanel,exports.NumberDecrementStepper=ie.NumberDecrementStepper,exports.NumberIncrementStepper=ie.NumberIncrementStepper,exports.NumberInput=ie.NumberInput,exports.NumberInputField=ie.NumberInputField,exports.NumberInputStepper=ie.NumberInputStepper,exports.PinInput=ie.PinInput,exports.PinInputField=ie.PinInputField,exports.Progress=ie.Progress,exports.Skeleton=ie.Skeleton,exports.SkeletonText=ie.SkeletonText,exports.Table=ie.Table,exports.TableCaption=ie.TableCaption,exports.TableContainer=ie.TableContainer,exports.Tbody=ie.Tbody,exports.Td=ie.Td,exports.Tfoot=ie.Tfoot,exports.Th=ie.Th,exports.Thead=ie.Thead,exports.Tr=ie.Tr,exports.AlertDialog=ue.AlertDialog,exports.AlertDialogBody=ue.ModalBody,exports.AlertDialogContent=ue.AlertDialogContent,exports.AlertDialogFooter=ue.ModalFooter,exports.AlertDialogHeader=ue.ModalHeader,exports.AlertDialogOverlay=ue.ModalOverlay,exports.CModal=ue.Modal,exports.CModalBody=ue.ModalBody,exports.CModalCloseButton=ue.ModalCloseButton,exports.CModalFooter=ue.ModalFooter,exports.CModalHeader=ue.ModalHeader,exports.Collapse=ue.Collapse,exports.Drawer=ue.Drawer,exports.DrawerBody=ue.ModalBody,exports.DrawerCloseButton=ue.ModalCloseButton,exports.DrawerContent=ue.DrawerContent,exports.DrawerFooter=ue.ModalFooter,exports.DrawerHeader=ue.ModalHeader,exports.DrawerOverlay=ue.ModalOverlay,exports.Fade=ue.Fade,exports.ModalContent=ue.ModalContent,exports.ModalOverlay=ue.ModalOverlay,exports.Badge=xe.Badge,exports.Box=xe.Box,exports.Center=xe.Center,exports.Circle=xe.Circle,exports.Code=xe.Code,exports.Container=xe.Container,exports.Divider=xe.Divider,exports.Flex=xe.Flex,exports.Grid=xe.Grid,exports.GridItem=xe.GridItem,exports.HStack=xe.HStack,exports.LinkBox=xe.LinkBox,exports.LinkOverlay=xe.LinkOverlay,exports.List=xe.List,exports.ListItem=xe.ListItem,exports.OrderedList=xe.OrderedList,exports.SimpleGrid=xe.SimpleGrid,exports.Spacer=xe.Spacer,exports.Square=xe.Square,exports.Stack=xe.Stack,exports.UnorderedList=xe.UnorderedList,exports.VStack=xe.VStack,exports.Wrap=xe.Wrap,exports.WrapItem=xe.WrapItem,exports.ButtonGroup=de.ButtonGroup,exports.CButton=de.Button,exports.IconButton=de.IconButton,exports.CAlert=ce.Alert,exports.CAvatar=le.Avatar,exports.CCheckboxGroup=me.CheckboxGroup,exports.useCheckbox=me.useCheckbox,exports.useCheckboxGroup=me.useCheckboxGroup,exports.CInput=be.Input,exports.InputGroup=be.InputGroup,exports.InputLeftAddon=be.InputLeftAddon,exports.InputLeftElement=be.InputLeftElement,exports.InputRightElement=be.InputRightElement,exports.CMenu=qe.Menu,exports.CMenuButton=qe.MenuButton,exports.CMenuItem=qe.MenuItem,exports.CMenuList=qe.MenuList,exports.MenuDivider=qe.MenuDivider,exports.MenuGroup=qe.MenuGroup,exports.MenuItemOption=qe.MenuItemOption,exports.CPopover=je.Popover,exports.CPopoverBody=je.PopoverBody,exports.CPopoverFooter=je.PopoverFooter,exports.CPopoverHeader=je.PopoverHeader,exports.PopoverArrow=je.PopoverArrow,exports.PopoverContent=je.PopoverContent,exports.PopoverTrigger=je.PopoverTrigger,exports.usePopoverContext=je.usePopoverContext,exports.CRadioGroup=fe.RadioGroup,exports.useRadio=fe.useRadio,exports.useRadioGroup=fe.useRadioGroup,exports.CSelect=Ce.Select,exports.CTab=he.Tab,exports.CTabs=he.Tabs,exports.TabList=he.TabList,exports.TabPanel=he.TabPanel,exports.TabPanels=he.TabPanels,exports.CTextarea=Te.Textarea,exports.FormControl=ke.FormControl,exports.FormErrorMessage=ke.FormErrorMessage,exports.FormHelperText=ke.FormHelperText,exports.FormLabel=ke.FormLabel,exports.Hide=Me.Hide,exports.Show=Me.Show,exports.useBreakpoint=Me.useBreakpoint,exports.useBreakpointValue=Me.useBreakpointValue,exports.useMediaQuery=Me.useMediaQuery,exports.Image=ve.Image$1,exports.keyframes=ge.keyframes,exports.useColorMode=ge.useColorMode,exports.Portal=Se.Portal,exports.useConst=Be.useConst,exports.useDisclosure=Be.useDisclosure,exports.useInterval=Be.useInterval,exports.useOutsideClick=Be.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-f4206977.js"),r=require("./alert.component-0ac3abaa.js"),o=require("./avatar.component-aa7483a7.js"),t=require("./avatar.types-a87ebfb5.js"),s=require("./avatarGroup.component-c29986b2.js"),a=require("./button.component-a1a58584.js"),p=require("./button.types-f42b599b.js"),n=require("./card.component-de5d4b2a.js"),i=require("./checkbox.component-853ac7ff.js"),u=require("./checkboxGroup.component-b47b67da.js"),d=require("./datepicker.component-85ae0dfc.js"),x=require("./heading.component-95e89325.js"),c=require("./heading.types-b6ca7d59.js"),l=require("./icon.component-7fa85e78.js"),m=require("./link.component-1f789e32.js"),b=require("./logo.component-cea68030.js"),q=require("./menuButton.component-4cb1b211.js"),j=require("./menuContainer.component-e3bfd942.js"),h=require("./menuItem.component-36706258.js"),C=require("./menuList.component-adc27103.js"),v=require("./menu.component-194d1bc0.js"),T=require("./modalBody.component-db8de2f3.js"),f=require("./modalCloseButton.component-1b2408fc.js"),k=require("./modalExpandButton.component-31be810d.js"),M=require("./modalFooter.component-ccce9ce5.js"),S=require("./modalFooterButtons.component-41107377.js"),g=require("./modalHeader.component-c7a12376.js"),y=require("./useExpandButton-62442c9f.js"),B=require("./notificationCounter.component-24f3f4ab.js"),I=require("./picture.component-19489bee.js"),P=require("./popoverFooter.component-7691dffb.js"),D=require("./popoverHeader.component-d671bf3d.js"),A=require("./popover.component-0ae9b4fe.js"),F=require("./popover.types-bc105ea7.js"),L=require("./radio.component-2502a55b.js"),w=require("./radioGroup.component-c5647766.js"),G=require("./ratingDot.component-01592415.js"),z=require("./ratingDots.component-cd5946a2.js"),H=require("./select.component-56904ffe.js"),R=require("./dragHandle.component-3527abee.js"),O=require("./sortableItem.component-3bdead95.js"),N=require("./sortableOverlay.component-39d84330.js"),W=require("./sortableList.component-19cfab79.js"),E=require("./spinner.component-13277479.js"),V=require("./spinner.types-9d350e31.js"),K=require("./swatch.component-47f70104.js"),Q=require("./switch.component-5b7de8ce.js"),U=require("./tab.component-bec1f23b.js"),_=require("./tabs.component-4ebd608e.js"),$=require("./tabsLayout.component-29538cfd.js"),J=require("./tag.component-75215361.js"),X=require("./tag.types-71e7699b.js"),Y=require("./text.component-906b3f66.js"),Z=require("./text.types-fef8ead3.js"),ee=require("./textarea.component-9f0c4b1b.js"),re=require("./textInput.component-9c91685f.js"),oe=require("./timePicker.component-8b9103d5.js"),te=require("./timeRange.component-2f4d987d.js"),se=require("./useToast-e936bea0.js"),ae=require("./tooltip.component-197bff7c.js"),pe=require("./styledAvatar.types-c7230054.js"),ne=require("./conversationCard.component-b4610335.js"),ie=require("./timestamp.component-c0c80c32.js"),ue=require("./withTheme-e33ed8bc.js"),de=require("./useTheme-8873c39f.js"),xe=require("./theme.provider-c90458aa.js"),ce=require("./colors-6e9db598.js"),le=require("./chakra-ui-skeleton.esm-064cd561.js"),me=require("./chakra-ui-modal.esm-2fd23822.js"),be=require("./chakra-ui-layout.esm-6ee578f7.js"),qe=require("./chakra-ui-button.esm-bd065780.js"),je=require("./chakra-ui-alert.esm-17eebb99.js"),he=require("./chakra-ui-avatar.esm-eee70d3a.js"),Ce=require("./chakra-ui-checkbox.esm-4cded6a7.js"),ve=require("./chakra-ui-input.esm-5fd07056.js"),Te=require("./chakra-ui-menu.esm-1ed98193.js"),fe=require("./chakra-ui-popover.esm-1e836c11.js"),ke=require("./chakra-ui-radio.esm-f310d451.js"),Me=require("./chakra-ui-select.esm-793cf4de.js"),Se=require("./chakra-ui-tabs.esm-e6372403.js"),ge=require("./chakra-ui-textarea.esm-23fad4cd.js"),ye=require("./chakra-ui-form-control.esm-6d25b1a4.js"),Be=require("./chakra-ui-media-query.esm-6217de7e.js"),Ie=require("./chakra-ui-image.esm-66324087.js"),Pe=require("./chakra-ui-system.esm-c70df670.js"),De=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Ae=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-fdc277d3.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-a62a9e5f.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-cb4a0b0d.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("./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("./zIndeces-10b89ae1.js"),require("./borders.config-90d19902.js"),require("./color.record-134d7650.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=n.Card,exports.CardPaddingMap=n.CardPaddingMap,exports.cardSizes=n.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return d.DateFormats}}),exports.DatePicker=d.DatePicker,exports.Heading=x.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=l.Icon,exports.IconSizeMap=l.IconSizeMap,exports.iconSizes=l.iconSizes,exports.Link=m.Link,exports.Logo=b.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=j.MenuContainer,exports.MenuItem=h.MenuItem,exports.MenuList=C.MenuList,exports.Menu=v.Menu,exports.ModalBody=T.ModalBody,exports.ModalCloseButton=f.ModalCloseButton,exports.ModalExpandButton=k.ModalExpandButton,exports.ModalFooter=M.ModalFooter,exports.ModalFooterButtons=S.ModalFooterButtons,exports.ModalHeader=g.ModalHeader,exports.Modal=y.Modal,exports.useExpandButton=y.useExpandButton,exports.NotificationCounter=B.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return B.NotificationCounterVariant}}),exports.Picture=I.Picture,exports.PopoverFooter=P.PopoverFooter,exports.PopoverHeader=D.PopoverHeader,exports.Popover=A.Popover,exports.popoverPlacements=F.popoverPlacements,exports.popoverSizes=F.popoverSizes,exports.popoverTriggerTypes=F.popoverTriggerTypes,exports.popoverVariants=F.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=w.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=z.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=R.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=N.SortableOverlay,exports.SortableList=W.SortableList,exports.Spinner=E.Spinner,exports.spinnerSizes=V.spinnerSizes,exports.Swatch=K.Swatch,exports.SwatchSizeMap=K.SwatchSizeMap,exports.swatchSizes=K.swatchSizes,exports.Switch=Q.WrappedSwitch,exports.Tab=U.Tab,exports.Tabs=_.Tabs,exports.TabsLayout=$.TabsLayout,exports.Tag=J.Tag,exports.closeButtonDisplays=X.closeButtonDisplays,exports.tagSizes=X.tagSizes,exports.Text=Y.WrappedText,exports.textSizes=Z.textSizes,exports.Textarea=ee.WrappedTextArea,exports.TextInput=re.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return oe.Meridiem}}),exports.TimePicker=oe.TimePicker,exports.TimeRange=te.TimeRange,exports.useToast=se.useToast,exports.Tooltip=ae.Tooltip,exports.StyledAvatar=pe.StyledAvatar,exports.styledAvatarTypes=pe.styledAvatarTypes,exports.ConversationCard=ne.ConversationCard,exports.Timestamp=ie.Timestamp,exports.withDarkMode=ue.withDarkMode,exports.withTheme=ue.withTheme,exports.useTheme=de.useTheme,exports.KibbleThemeProvider=xe.KibbleThemeProvider,exports.theme=xe.theme,exports.colorLightenDarken=ce.colorLightenDarken,exports.hexToRgb=ce.hexToRgb,exports.isDark=ce.isDark,exports.isRGB=ce.isRGB,exports.Accordion=le.Accordion,exports.AccordionButton=le.AccordionButton,exports.AccordionIcon=le.AccordionIcon,exports.AccordionItem=le.AccordionItem,exports.AccordionPanel=le.AccordionPanel,exports.NumberDecrementStepper=le.NumberDecrementStepper,exports.NumberIncrementStepper=le.NumberIncrementStepper,exports.NumberInput=le.NumberInput,exports.NumberInputField=le.NumberInputField,exports.NumberInputStepper=le.NumberInputStepper,exports.PinInput=le.PinInput,exports.PinInputField=le.PinInputField,exports.Progress=le.Progress,exports.Skeleton=le.Skeleton,exports.SkeletonText=le.SkeletonText,exports.Table=le.Table,exports.TableCaption=le.TableCaption,exports.TableContainer=le.TableContainer,exports.Tbody=le.Tbody,exports.Td=le.Td,exports.Tfoot=le.Tfoot,exports.Th=le.Th,exports.Thead=le.Thead,exports.Tr=le.Tr,exports.AlertDialog=me.AlertDialog,exports.AlertDialogBody=me.ModalBody,exports.AlertDialogContent=me.AlertDialogContent,exports.AlertDialogFooter=me.ModalFooter,exports.AlertDialogHeader=me.ModalHeader,exports.AlertDialogOverlay=me.ModalOverlay,exports.CModal=me.Modal,exports.CModalBody=me.ModalBody,exports.CModalCloseButton=me.ModalCloseButton,exports.CModalFooter=me.ModalFooter,exports.CModalHeader=me.ModalHeader,exports.Collapse=me.Collapse,exports.Drawer=me.Drawer,exports.DrawerBody=me.ModalBody,exports.DrawerCloseButton=me.ModalCloseButton,exports.DrawerContent=me.DrawerContent,exports.DrawerFooter=me.ModalFooter,exports.DrawerHeader=me.ModalHeader,exports.DrawerOverlay=me.ModalOverlay,exports.Fade=me.Fade,exports.ModalContent=me.ModalContent,exports.ModalOverlay=me.ModalOverlay,exports.Slide=me.Slide,exports.SlideFade=me.SlideFade,exports.Badge=be.Badge,exports.Box=be.Box,exports.Center=be.Center,exports.Circle=be.Circle,exports.Code=be.Code,exports.Container=be.Container,exports.Divider=be.Divider,exports.Flex=be.Flex,exports.Grid=be.Grid,exports.GridItem=be.GridItem,exports.HStack=be.HStack,exports.LinkBox=be.LinkBox,exports.LinkOverlay=be.LinkOverlay,exports.List=be.List,exports.ListItem=be.ListItem,exports.OrderedList=be.OrderedList,exports.SimpleGrid=be.SimpleGrid,exports.Spacer=be.Spacer,exports.Square=be.Square,exports.Stack=be.Stack,exports.UnorderedList=be.UnorderedList,exports.VStack=be.VStack,exports.Wrap=be.Wrap,exports.WrapItem=be.WrapItem,exports.ButtonGroup=qe.ButtonGroup,exports.CButton=qe.Button,exports.IconButton=qe.IconButton,exports.CAlert=je.Alert,exports.CAvatar=he.Avatar,exports.CCheckboxGroup=Ce.CheckboxGroup,exports.useCheckbox=Ce.useCheckbox,exports.useCheckboxGroup=Ce.useCheckboxGroup,exports.CInput=ve.Input,exports.InputGroup=ve.InputGroup,exports.InputLeftAddon=ve.InputLeftAddon,exports.InputLeftElement=ve.InputLeftElement,exports.InputRightElement=ve.InputRightElement,exports.CMenu=Te.Menu,exports.CMenuButton=Te.MenuButton,exports.CMenuItem=Te.MenuItem,exports.CMenuList=Te.MenuList,exports.MenuDivider=Te.MenuDivider,exports.MenuGroup=Te.MenuGroup,exports.MenuItemOption=Te.MenuItemOption,exports.CPopover=fe.Popover,exports.CPopoverBody=fe.PopoverBody,exports.CPopoverFooter=fe.PopoverFooter,exports.CPopoverHeader=fe.PopoverHeader,exports.PopoverArrow=fe.PopoverArrow,exports.PopoverContent=fe.PopoverContent,exports.PopoverTrigger=fe.PopoverTrigger,exports.usePopoverContext=fe.usePopoverContext,exports.CRadioGroup=ke.RadioGroup,exports.useRadio=ke.useRadio,exports.useRadioGroup=ke.useRadioGroup,exports.CSelect=Me.Select,exports.CTab=Se.Tab,exports.CTabs=Se.Tabs,exports.TabList=Se.TabList,exports.TabPanel=Se.TabPanel,exports.TabPanels=Se.TabPanels,exports.CTextarea=ge.Textarea,exports.FormControl=ye.FormControl,exports.FormErrorMessage=ye.FormErrorMessage,exports.FormHelperText=ye.FormHelperText,exports.FormLabel=ye.FormLabel,exports.Hide=Be.Hide,exports.Show=Be.Show,exports.useBreakpoint=Be.useBreakpoint,exports.useBreakpointValue=Be.useBreakpointValue,exports.useMediaQuery=Be.useMediaQuery,exports.Image=Ie.Image$1,exports.keyframes=Pe.keyframes,exports.useColorMode=Pe.useColorMode,exports.Portal=De.Portal,exports.useConst=Ae.useConst,exports.useDisclosure=Ae.useDisclosure,exports.useInterval=Ae.useInterval,exports.useOutsideClick=Ae.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/{link.component-6416abcf.js → link.component-1f789e32.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-100b924b.js"),a=require("./text.component-906b3f66.js"),n=require("./useIconTextSizeMap-301c4f35.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);const o=e=>c.default.createElement(i.Icon,Object.assign({variant:e.variant||"interactive"},e)),l=t.forwardRef(((t,i)=>{const{children:s,iconProps:l,size:u="md",color:d,variant:f="interactive"}=t,p=e.__rest(t,["children","iconProps","size","color","variant"]),v=n.useIconTextSizeMap(u);return l&&!l.position&&(l.position="start"),c.default.createElement(r.Link,Object.assign({variant:f,display:"inline-block",size:u,ref:i},p),c.default.createElement(r.HStack,{spacing:1,align:"center"},"start"===(null==l?void 0:l.position)&&c.default.createElement(o,Object.assign({variant:l.variant||f,size:v},l)),c.default.createElement(a.WrappedText,{size:u,variant:f},s),"end"===(null==l?void 0:l.position)&&c.default.createElement(o,Object.assign({variant:l.variant||f,size:v},l))))}));l.displayName="Link",exports.Link=l;
-//# sourceMappingURL=link.component-6416abcf.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-7fa85e78.js"),a=require("./text.component-906b3f66.js"),n=require("./useIconTextSizeMap-301c4f35.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);const o=e=>c.default.createElement(i.Icon,Object.assign({variant:e.variant||"interactive"},e)),l=t.forwardRef(((t,i)=>{const{children:s,iconProps:l,size:u="md",color:d,variant:f="interactive"}=t,p=e.__rest(t,["children","iconProps","size","color","variant"]),v=n.useIconTextSizeMap(u);return l&&!l.position&&(l.position="start"),c.default.createElement(r.Link,Object.assign({variant:f,display:"inline-block",size:u,ref:i},p),c.default.createElement(r.HStack,{spacing:1,align:"center"},"start"===(null==l?void 0:l.position)&&c.default.createElement(o,Object.assign({variant:l.variant||f,size:v},l)),c.default.createElement(a.WrappedText,{size:u,variant:f},s),"end"===(null==l?void 0:l.position)&&c.default.createElement(o,Object.assign({variant:l.variant||f,size:v},l))))}));l.displayName="Link",exports.Link=l;
+//# sourceMappingURL=link.component-1f789e32.js.map

package/build/{link.component-6416abcf.js.map → link.component-1f789e32.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.component-~~6416abcf~~.js","sources":["../src/components/Link/components/linkIcon.component.tsx","../src/components/Link/link.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TypographyVariant } from 'shared/types';\nimport { Icon, IconProps } from '../../Icon/icon.component';\n\nexport interface LinkIconProps extends Omit<IconProps, 'position'> {\n position?: 'start' \| 'end';\n variant?: TypographyVariant;\n}\n\nexport const LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n return <Icon variant={iconProps.variant \|\| 'interactive'} {...iconProps} />;\n};\n","import React, { forwardRef, ForwardedRef, MouseEventHandler } from 'react';\nimport { As, HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport { LinkIcon, LinkIconProps } from './components/linkIcon.component';\nimport { TextSize, Text } from 'components/Text';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface KLinkProps {\n children?: string;\n iconProps?: LinkIconProps;\n size?: TextSize;\n variant?: TypographyVariant;\n to?: any;\n href?: string;\n isExternal?: boolean;\n onClick?: MouseEventHandler<HTMLDivElement>;\n as?: As;\n}\n\nexport type LinkProps = KLinkProps & Omit<CLinkProps, 'variant'>;\n\nexport const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n const { children, iconProps, size = 'md', color, variant = 'interactive', ...rest } = props;\n const mappIconSize = useIconTextSizeMap(size);\n\n if (iconProps && !iconProps.position) {\n iconProps.position = 'start';\n }\n\n return (\n <CLink variant={variant} display=\"inline-block\" size={size} ref={ref} {...rest}>\n <HStack spacing={1} align=\"center\">\n {iconProps?.position === 'start' && (\n <LinkIcon variant={iconProps.variant \|\| variant} size={mappIconSize} {...iconProps} />\n )}\n <Text size={size} variant={variant}>\n {children}\n </Text>\n {iconProps?.position === 'end' && (\n <LinkIcon variant={iconProps.variant \|\| variant} size={mappIconSize} {...iconProps} />\n )}\n </HStack>\n </CLink>\n );\n});\n\nLink.displayName = 'Link';\n"],"names":["LinkIcon","iconProps","React","createElement","Icon","Object","assign","variant","Link","forwardRef","props","ref","children","size","color","rest","mappIconSize","useIconTextSizeMap","position","CLink","display","HStack","spacing","align","Text","displayName"],"mappings":"8UASO,MAAMA,EAAYC,GAChBC,EAAC,QAAAC,cAAAC,OAAKC,OAAAC,OAAA,CAAAC,QAASN,EAAUM,SAAW,eAAmBN,ICWnDO,EAAOC,EAAUA,YAAC,CAACC,EAAkBC,KAChD,MAAMC,SAAEA,EAAQX,UAAEA,EAASY,KAAEA,EAAO,KAAIC,MAAEA,EAAKP,QAAEA,EAAU,eAA2BG,EAATK,WAASL,EAAhF,CAA6E,WAAA,YAAA,OAAA,QAAA,YAC7EM,EAAeC,qBAAmBJ,GAMxC,OAJIZ,IAAcA,EAAUiB,WAC1BjB,EAAUiB,SAAW,SAIrBhB,EAAAA,sBAACiB,EAAAA,KAAKd,OAAAC,OAAA,CAACC,QAASA,EAASa,QAAQ,eAAeP,KAAMA,EAAMF,IAAKA,GAASI,GACxEb,EAAC,QAAAC,cAAAkB,UAAOC,QAAS,EAAGC,MAAM,UACC,WAAxBtB,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAA,QAAAC,cAACH,EAAQK,OAAAC,OAAA,CAACC,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,IAE3EC,UAACC,cAAAqB,EAAAA,YAAK,CAAAX,KAAMA,EAAMN,QAASA,GACxBK,GAEsB,SAAxBX,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAAA,QAACC,cAAAH,iBAASO,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,SAOnFO,EAAKiB,YAAc"}
1	+ {"version":3,"file":"link.component-1f789e32.js","sources":["../src/components/Link/components/linkIcon.component.tsx","../src/components/Link/link.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TypographyVariant } from 'shared/types';\nimport { Icon, IconProps } from '../../Icon/icon.component';\n\nexport interface LinkIconProps extends Omit<IconProps, 'position'> {\n position?: 'start' \| 'end';\n variant?: TypographyVariant;\n}\n\nexport const LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n return <Icon variant={iconProps.variant \|\| 'interactive'} {...iconProps} />;\n};\n","import React, { forwardRef, ForwardedRef, MouseEventHandler } from 'react';\nimport { As, HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport { LinkIcon, LinkIconProps } from './components/linkIcon.component';\nimport { TextSize, Text } from 'components/Text';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface KLinkProps {\n children?: string;\n iconProps?: LinkIconProps;\n size?: TextSize;\n variant?: TypographyVariant;\n to?: any;\n href?: string;\n isExternal?: boolean;\n onClick?: MouseEventHandler<HTMLDivElement>;\n as?: As;\n}\n\nexport type LinkProps = KLinkProps & Omit<CLinkProps, 'variant'>;\n\nexport const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n const { children, iconProps, size = 'md', color, variant = 'interactive', ...rest } = props;\n const mappIconSize = useIconTextSizeMap(size);\n\n if (iconProps && !iconProps.position) {\n iconProps.position = 'start';\n }\n\n return (\n <CLink variant={variant} display=\"inline-block\" size={size} ref={ref} {...rest}>\n <HStack spacing={1} align=\"center\">\n {iconProps?.position === 'start' && (\n <LinkIcon variant={iconProps.variant \|\| variant} size={mappIconSize} {...iconProps} />\n )}\n <Text size={size} variant={variant}>\n {children}\n </Text>\n {iconProps?.position === 'end' && (\n <LinkIcon variant={iconProps.variant \|\| variant} size={mappIconSize} {...iconProps} />\n )}\n </HStack>\n </CLink>\n );\n});\n\nLink.displayName = 'Link';\n"],"names":["LinkIcon","iconProps","React","createElement","Icon","Object","assign","variant","Link","forwardRef","props","ref","children","size","color","rest","mappIconSize","useIconTextSizeMap","position","CLink","display","HStack","spacing","align","Text","displayName"],"mappings":"8UASO,MAAMA,EAAYC,GAChBC,EAAC,QAAAC,cAAAC,OAAKC,OAAAC,OAAA,CAAAC,QAASN,EAAUM,SAAW,eAAmBN,ICWnDO,EAAOC,EAAUA,YAAC,CAACC,EAAkBC,KAChD,MAAMC,SAAEA,EAAQX,UAAEA,EAASY,KAAEA,EAAO,KAAIC,MAAEA,EAAKP,QAAEA,EAAU,eAA2BG,EAATK,WAASL,EAAhF,CAA6E,WAAA,YAAA,OAAA,QAAA,YAC7EM,EAAeC,qBAAmBJ,GAMxC,OAJIZ,IAAcA,EAAUiB,WAC1BjB,EAAUiB,SAAW,SAIrBhB,EAAAA,sBAACiB,EAAAA,KAAKd,OAAAC,OAAA,CAACC,QAASA,EAASa,QAAQ,eAAeP,KAAMA,EAAMF,IAAKA,GAASI,GACxEb,EAAC,QAAAC,cAAAkB,UAAOC,QAAS,EAAGC,MAAM,UACC,WAAxBtB,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAA,QAAAC,cAACH,EAAQK,OAAAC,OAAA,CAACC,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,IAE3EC,UAACC,cAAAqB,EAAAA,YAAK,CAAAX,KAAMA,EAAMN,QAASA,GACxBK,GAEsB,SAAxBX,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAAA,QAACC,cAAAH,iBAASO,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,SAOnFO,EAAKiB,YAAc"}

package/build/{menu.component-f6b95188.js → menu.component-194d1bc0.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-e3bfd942.js"),r=require("./menuButton.component-6cc24ebb.js"),u=require("./menuList.component-5652653b.js"),l=require("./menu.context-cb4a0b0d.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-f6b95188.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-e3bfd942.js"),r=require("./menuButton.component-4cb1b211.js"),u=require("./menuList.component-adc27103.js"),l=require("./menu.context-cb4a0b0d.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-194d1bc0.js.map

package/build/{menu.component-f6b95188.js.map → menu.component-194d1bc0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.component-~~f6b95188~~.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"}
1	+ {"version":3,"file":"menu.component-194d1bc0.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/menuButton.component-4cb1b211.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./icon.component-7fa85e78.js"),a=require("./button.component-a1a58584.js"),s=require("./text.component-906b3f66.js"),o=require("./chakra-ui-menu.esm-1ed98193.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);const c={lg:"8px",md:"8px",sm:"6px",xs:"4px"},l={lg:"12px 20px",md:"10px 16px",sm:"8px 12px",xs:"5px 8px"},m={lg:"8px",md:"8px",sm:"4px",xs:"4px"};exports.MenuButton=i=>{var{leftElement:x,leftIconName:p,rightIconName:d="chevronDown",showRightIcon:f=!0,size:g,text:h,textProps:_,variant:j}=i,v=e.__rest(i,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","textProps","variant"]);const B=p&&!h,I=t.useMemo((()=>g?B?c[g]:l[g]:"10px 16px"),[B,g]),E=t.useMemo((()=>g?B?"0":m[g]:"8px"),[B,g]);return u.default.createElement(o.MenuButton,Object.assign({as:a.Button,variant:j,size:g,position:"relative",className:"MenuButton",p:I,lineHeight:0,_active:{transform:"none"}},v),u.default.createElement(r.HStack,{spacing:E,className:"MenuButton__ContentContainer",borderRadius:"md",justify:"center"},x&&x,p&&u.default.createElement(r.Box,{className:"MenuButton__LeftIcon"},u.default.createElement(n.Icon,{name:p,size:g})),h&&u.default.createElement(s.WrappedText,Object.assign({as:"p",className:"MenuButton__Text",display:"block",size:g,color:j?"inherit":(null==_?void 0:_.color)\|\|"text.onContrast",isTruncated:!0,noOfLines:1},_),h),f&&u.default.createElement(r.Box,{className:"MenuButton__RightIcon"},u.default.createElement(n.Icon,{name:d,size:"lg"===g?"sm":"xs"}))))};
2	+ //# sourceMappingURL=menuButton.component-4cb1b211.js.map

package/build/menuButton.component-4cb1b211.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menuButton.component-4cb1b211.js","sources":["../src/components/Menu/components/MenuButton/menuButton.records.tsx","../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["export const iconButtonPaddingMap = {\n lg: '8px',\n md: '8px',\n sm: '6px',\n xs: '4px',\n};\n\nexport const buttonPaddingMap = {\n lg: '12px 20px',\n md: '10px 16px',\n sm: '8px 12px',\n xs: '5px 8px',\n};\n\nexport const textSpacingMap = {\n lg: '8px',\n md: '8px',\n sm: '4px',\n xs: '4px',\n};\n","import React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps, Box, HStack } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\nimport { ButtonSize, ButtonVariant } from '../../../Button/button.types';\nimport { IconName } from '../../../../icons';\nimport { buttonPaddingMap, iconButtonPaddingMap, textSpacingMap } from './menuButton.records';\nimport { Text, TextProps } from 'components/Text';\n\nexport interface KMenuButtonProps {\n leftElement?: ReactNode;\n leftIconName?: IconName;\n rightIconName?: IconName;\n showRightIcon?: boolean;\n size?: ButtonSize;\n text?: string;\n textProps?: TextProps;\n variant?: ButtonVariant;\n}\n\nexport type MenuButtonProps = KMenuButtonProps & CMenuButtonProps;\n\nexport const MenuButton = ({\n leftElement,\n leftIconName,\n rightIconName = 'chevronDown',\n showRightIcon = true,\n size,\n text,\n textProps,\n variant,\n ...rest\n}: MenuButtonProps): JSX.Element => {\n const isIconButton = leftIconName && !text;\n\n const buttonPadding = useMemo((): string => {\n if (!size) return '10px 16px';\n return isIconButton ? iconButtonPaddingMap[size] : buttonPaddingMap[size];\n }, [isIconButton, size]);\n\n const textSpacing = useMemo((): string => {\n if (!size) return '8px';\n return isIconButton ? '0' : textSpacingMap[size];\n }, [isIconButton, size]);\n\n return (\n <CMenuButton\n as={Button}\n variant={variant}\n size={size}\n position=\"relative\"\n className=\"MenuButton\"\n p={buttonPadding}\n lineHeight={0}\n _active={{ transform: 'none' }}\n {...rest}\n >\n <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\" borderRadius=\"md\" justify=\"center\">\n {leftElement && leftElement}\n {leftIconName && (\n <Box className=\"MenuButton__LeftIcon\">\n <Icon name={leftIconName} size={size} />\n </Box>\n )}\n {text && (\n <Text\n as=\"p\"\n className=\"MenuButton__Text\"\n display=\"block\"\n size={size}\n color={variant ? 'inherit' : textProps?.color || 'text.onContrast'}\n isTruncated\n noOfLines={1}\n {...textProps}\n >\n {text}\n </Text>\n )}\n {showRightIcon && (\n <Box className=\"MenuButton__RightIcon\">\n <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n </Box>\n )}\n </HStack>\n </CMenuButton>\n );\n};\n"],"names":["iconButtonPaddingMap","lg","md","sm","xs","buttonPaddingMap","textSpacingMap","_a","leftElement","leftIconName","rightIconName","showRightIcon","size","text","textProps","variant","rest","__rest","isIconButton","buttonPadding","useMemo","textSpacing","React","createElement","CMenuButton","MenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","borderRadius","justify","Box","Icon","name","Text","Object","assign","display","color","isTruncated","noOfLines"],"mappings":"0XAAO,MAAMA,EAAuB,CAClCC,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,OAGOC,EAAmB,CAC9BJ,GAAI,YACJC,GAAI,YACJC,GAAI,WACJC,GAAI,WAGOE,EAAiB,CAC5BL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,0BCIqBG,QAAAC,YACzBA,EAAWC,aACXA,EAAYC,cACZA,EAAgB,cAAaC,cAC7BA,GAAgB,EAAIC,KACpBA,EAAIC,KACJA,EAAIC,UACJA,EAASC,QACTA,KACGC,EATsBC,SAAAV,EAAA,CAAA,cAAA,eAAA,gBAAA,gBAAA,OAAA,OAAA,YAAA,YAWzB,MAAMW,EAAeT,IAAiBI,EAEhCM,EAAgBC,EAAAA,SAAQ,IACvBR,EACEM,EAAelB,EAAqBY,GAAQP,EAAiBO,GADlD,aAEjB,CAACM,EAAcN,IAEZS,EAAcD,EAAAA,SAAQ,IACrBR,EACEM,EAAe,IAAMZ,EAAeM,GADzB,OAEjB,CAACM,EAAcN,IAElB,OACEU,UAACC,cAAAC,EAAWC,0BACVC,GAAIC,EAAMA,OACVZ,QAASA,EACTH,KAAMA,EACNgB,SAAS,WACTC,UAAU,aACVC,EAAGX,EACHY,WAAY,EACZC,QAAS,CAAEC,UAAW,SAClBjB,GAEJM,EAAAA,QAAAC,cAACW,SAAO,CAAAC,QAASd,EAAaQ,UAAU,+BAA+BO,aAAa,KAAKC,QAAQ,UAC9F7B,GAAeA,EACfC,GACCa,EAAA,QAAAC,cAACe,EAAGA,IAAC,CAAAT,UAAU,wBACbP,UAACC,cAAAgB,EAAAA,KAAK,CAAAC,KAAM/B,EAAcG,KAAMA,KAGnCC,GACCS,EAAA,QAAAC,cAACkB,EAAAA,YAAIC,OAAAC,OAAA,CACHjB,GAAG,IACHG,UAAU,mBACVe,QAAQ,QACRhC,KAAMA,EACNiC,MAAO9B,EAAU,WAAYD,MAAAA,OAAS,EAATA,EAAW+B,QAAS,kBACjDC,aACA,EAAAC,UAAW,GACPjC,GAEHD,GAGJF,GACCW,EAAA,QAAAC,cAACe,EAAGA,IAAC,CAAAT,UAAU,yBACbP,EAAAA,QAACC,cAAAgB,EAAAA,KAAK,CAAAC,KAAM9B,EAAeE,KAAe,OAATA,EAAgB,KAAO"}

package/build/{menuItem.component-0aeea731.js → menuItem.component-36706258.js} RENAMED Viewed

@@ -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-906b3f66.js"),n=require("./checkbox.component-175e7fe8.js"),i=require("./chakra-ui-menu.esm-1ed98193.js"),s=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}=i.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(s.Box,Object.assign({},a.MenuItemConfig,{bg:x&&E&&!m?"background.primaryAlpha.hover":"",className:"MenuList__Item"+(x?" current":""),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(s.Box,{onClick:y},o):c.default.createElement(s.HStack,{"data-testid":`menu-item-${g}`,className:"MenuList__ItemContainer",justify:"baseline",spacing:3,minH:5,color:`text.${N}`},m&&c.default.createElement(s.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox"},c.default.createElement(n.WrappedCheckbox,{size:"md",isChecked:x,onChange:y})),v&&c.default.createElement(s.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(s.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},g)))};
-//# sourceMappingURL=menuItem.component-0aeea731.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./menu.config-14739188.js"),l=require("./text.component-906b3f66.js"),n=require("./checkbox.component-853ac7ff.js"),i=require("./chakra-ui-menu.esm-1ed98193.js"),s=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}=i.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(s.Box,Object.assign({},a.MenuItemConfig,{bg:x&&E&&!m?"background.primaryAlpha.hover":"",className:"MenuList__Item"+(x?" current":""),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(s.Box,{onClick:y},o):c.default.createElement(s.HStack,{"data-testid":`menu-item-${g}`,className:"MenuList__ItemContainer",justify:"baseline",spacing:3,minH:5,color:`text.${N}`},m&&c.default.createElement(s.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox"},c.default.createElement(n.WrappedCheckbox,{size:"md",isChecked:x,onChange:y})),v&&c.default.createElement(s.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(s.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},g)))};
+//# sourceMappingURL=menuItem.component-36706258.js.map

package/build/{menuItem.component-0aeea731.js.map → menuItem.component-36706258.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuItem.component-~~0aeea731~~.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 type MenuOnItemSelect = (selectedItem: KMenuItemProps) => void;\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?: MenuOnItemSelect;\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${isSelected ? ' current' : ''}`}\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\n data-testid={`menu-item-${label}`}\n className=\"MenuList__ItemContainer\"\n justify=\"baseline\"\n spacing={3}\n minH={5}\n color={`text.${fontColor}`}\n >\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":"0YA8CyBA,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,EAAGA,IAAAC,OAAAC,OAAA,GACEC,iBACJ,CAAAC,GAAIzB,GAAcM,IAA0BZ,EAAgB,gCAAkC,GAC9FgC,UAAW,kBAAiB1B,EAAa,WAAa,IACtD2B,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,EAAA,QAAAe,cAACd,EAAAA,IAAI,CAAAM,QAASb,GAAerB,GAE7B2B,EAAA,QAAAe,cAACC,SACc,CAAA,cAAA,aAAalC,IAC1BwB,UAAU,0BACVW,QAAQ,WACRC,QAAS,EACTC,KAAM,EACNC,MAAO,QAAQtB,KAEdxB,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"}
1	+ {"version":3,"file":"menuItem.component-36706258.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 type MenuOnItemSelect = (selectedItem: KMenuItemProps) => void;\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?: MenuOnItemSelect;\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${isSelected ? ' current' : ''}`}\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\n data-testid={`menu-item-${label}`}\n className=\"MenuList__ItemContainer\"\n justify=\"baseline\"\n spacing={3}\n minH={5}\n color={`text.${fontColor}`}\n >\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":"0YA8CyBA,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,EAAGA,IAAAC,OAAAC,OAAA,GACEC,iBACJ,CAAAC,GAAIzB,GAAcM,IAA0BZ,EAAgB,gCAAkC,GAC9FgC,UAAW,kBAAiB1B,EAAa,WAAa,IACtD2B,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,EAAA,QAAAe,cAACd,EAAAA,IAAI,CAAAM,QAASb,GAAerB,GAE7B2B,EAAA,QAAAe,cAACC,SACc,CAAA,cAAA,aAAalC,IAC1BwB,UAAU,0BACVW,QAAQ,WACRC,QAAS,EACTC,KAAM,EACNC,MAAO,QAAQtB,KAEdxB,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-5652653b.js → menuList.component-adc27103.js} RENAMED Viewed

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

package/build/{menuList.component-5652653b.js.map → menuList.component-adc27103.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuList.component-5652653b.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 Dispatch,\n SetStateAction,\n useCallback,\n KeyboardEvent,\n MutableRefObject,\n useEffect,\n ChangeEvent,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\n\nexport interface MenuSearchBarProps {\n handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n menuItems: MenuItemProps[];\n onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => 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 const { searchText, setSearchText } = useMenuContext();\n\n const handleSearch = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n const searchInput = e.target.value;\n setSearchText(searchInput);\n\n if (onSearchCallback) {\n onSearchCallback(e);\n } else {\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 },\n [menuItems, onSearchCallback, setFilteredMenuItems, setSearchText],\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 onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n size=\"sm\"\n ref={searchInputRef}\n value={searchText}\n isClearable\n onClear={(): void => {\n setSearchText('');\n handleSearch({ target: { value: '' } } as ChangeEvent<HTMLInputElement>);\n }}\n formControlStyle={{ mt: 1 }}\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, ChangeEvent } 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 type MenuListOnSelect =\n \| ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n \| ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n \| ((selectedItems: MenuItemProps[]) => void)\n \| ((selectedItems: MenuItemProps[]) => Promise<void>);\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 onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => void;\n menuItems?: MenuItemProps[];\n onSelect?: MenuListOnSelect;\n onSelectAll?: MenuListOnSelectAll;\n searchPlaceholder?: string;\n shouldRetainSelection?: boolean;\n shouldTruncateText?: boolean;\n shouldUsePortal?: boolean;\n emptyStateText?: string;\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 onSearchCallback,\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 emptyStateText = 'No results found',\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 const shouldShowEmptyState =\n !filteredMenuItems?.length \|\| (filteredMenuItems?.length === 1 && filteredMenuItems[0].isPlaceholder === true);\n\n return (\n <CMenuList\n className=\"MeuList\"\n {...rest}\n maxW={maxW \|\| 'unset'}\n maxH={maxH}\n minW={minW}\n overflow=\"hidden auto\"\n zIndex=\"popover\"\n >\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 onSearchCallback={onSearchCallback}\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 {shouldShowEmptyState && !isLoading ? (\n <Box textAlign=\"center\" display=\"block\" p={3}>\n <Text size=\"sm\" variant=\"subtle\">\n {emptyStateText}\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","searchText","setSearchText","useMenuContext","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","onKeyDown","size","ref","isClearable","onClear","formControlStyle","mt","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal","emptyStateText","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","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","shouldShowEmptyState","overflow","zIndex","m","Boolean","position","display","p","Text","WrappedText","minH","pt","pr","pb","pl","justify","align","Heading","h","top","left","bg","Spinner"],"mappings":"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"}
1	+ {"version":3,"file":"menuList.component-adc27103.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 Dispatch,\n SetStateAction,\n useCallback,\n KeyboardEvent,\n MutableRefObject,\n useEffect,\n ChangeEvent,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\n\nexport interface MenuSearchBarProps {\n handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n menuItems: MenuItemProps[];\n onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => 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 const { searchText, setSearchText } = useMenuContext();\n\n const handleSearch = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n const searchInput = e.target.value;\n setSearchText(searchInput);\n\n if (onSearchCallback) {\n onSearchCallback(e);\n } else {\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 },\n [menuItems, onSearchCallback, setFilteredMenuItems, setSearchText],\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 onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n size=\"sm\"\n ref={searchInputRef}\n value={searchText}\n isClearable\n onClear={(): void => {\n setSearchText('');\n handleSearch({ target: { value: '' } } as ChangeEvent<HTMLInputElement>);\n }}\n formControlStyle={{ mt: 1 }}\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, ChangeEvent } 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 type MenuListOnSelect =\n \| ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n \| ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n \| ((selectedItems: MenuItemProps[]) => void)\n \| ((selectedItems: MenuItemProps[]) => Promise<void>);\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 onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => void;\n menuItems?: MenuItemProps[];\n onSelect?: MenuListOnSelect;\n onSelectAll?: MenuListOnSelectAll;\n searchPlaceholder?: string;\n shouldRetainSelection?: boolean;\n shouldTruncateText?: boolean;\n shouldUsePortal?: boolean;\n emptyStateText?: string;\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 onSearchCallback,\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 emptyStateText = 'No results found',\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 const shouldShowEmptyState =\n !filteredMenuItems?.length \|\| (filteredMenuItems?.length === 1 && filteredMenuItems[0].isPlaceholder === true);\n\n return (\n <CMenuList\n className=\"MeuList\"\n {...rest}\n maxW={maxW \|\| 'unset'}\n maxH={maxH}\n minW={minW}\n overflow=\"hidden auto\"\n zIndex=\"popover\"\n >\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 onSearchCallback={onSearchCallback}\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 {shouldShowEmptyState && !isLoading ? (\n <Box textAlign=\"center\" display=\"block\" p={3}>\n <Text size=\"sm\" variant=\"subtle\">\n {emptyStateText}\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","searchText","setSearchText","useMenuContext","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","onKeyDown","size","ref","isClearable","onClear","formControlStyle","mt","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal","emptyStateText","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","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","shouldShowEmptyState","overflow","zIndex","m","Boolean","position","display","p","Text","WrappedText","minH","pt","pr","pb","pl","justify","align","Heading","h","top","left","bg","Spinner"],"mappings":"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"}

package/build/{modalBody.component-f7fe03a7.js → modalBody.component-db8de2f3.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-7e633573.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalBody=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalBody,Object.assign({py:1},i),a)};
-//# sourceMappingURL=modalBody.component-f7fe03a7.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-2fd23822.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalBody=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalBody,Object.assign({py:1},i),a)};
+//# sourceMappingURL=modalBody.component-db8de2f3.js.map

package/build/{modalBody.component-f7fe03a7.js.map → modalBody.component-db8de2f3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalBody.component-~~f7fe03a7~~.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n return (\n <CModalBody py={1} {...rest}>\n {children}\n </CModalBody>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,UAAAC,cAACC,EAAUC,UAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACpBD"}
1	+ {"version":3,"file":"modalBody.component-db8de2f3.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n return (\n <CModalBody py={1} {...rest}>\n {children}\n </CModalBody>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,UAAAC,cAACC,EAAUC,UAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACpBD"}

package/build/modalCloseButton.component-1b2408fc.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-a1a58584.js"),r=require("./chakra-ui-modal.esm-2fd23822.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n},u))};
2	+ //# sourceMappingURL=modalCloseButton.component-1b2408fc.js.map

package/build/{modalCloseButton.component-fedf402b.js.map → modalCloseButton.component-1b2408fc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalCloseButton.component-~~fedf402b~~.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={right}\n top={top}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAAAC,cAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFC"}
1	+ {"version":3,"file":"modalCloseButton.component-1b2408fc.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={right}\n top={top}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAAAC,cAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFC"}

package/build/{modalExpandButton.component-6d5f66c5.js → modalExpandButton.component-31be810d.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),r=require("./button.component-8c8cd059.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=a(e);exports.ModalExpandButton=e=>{var{right:a=12,top:i=2,size:n="md",isExpanded:o}=e,d=t.__rest(e,["right","top","size","isExpanded"]);return s.default.createElement(r.Button,Object.assign({display:{md:"flex",base:"none"},variant:"ghostNeutral",iconName:o?"arrowsIn":"arrowsOut",position:"absolute",right:a,top:i,size:n},d))};
-//# sourceMappingURL=modalExpandButton.component-6d5f66c5.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),r=require("./button.component-a1a58584.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=a(e);exports.ModalExpandButton=e=>{var{right:a=12,top:i=2,size:n="md",isExpanded:o}=e,u=t.__rest(e,["right","top","size","isExpanded"]);return s.default.createElement(r.Button,Object.assign({display:{md:"flex",base:"none"},variant:"ghostNeutral",iconName:o?"arrowsIn":"arrowsOut",position:"absolute",right:a,top:i,size:n},u))};
+//# sourceMappingURL=modalExpandButton.component-31be810d.js.map

package/build/{modalExpandButton.component-6d5f66c5.js.map → modalExpandButton.component-31be810d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalExpandButton.component-~~6d5f66c5~~.js","sources":["../src/components/Modal/components/ModalExpandButton/modalExpandButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalExpandButtonProps extends ButtonProps {\n isExpanded: boolean;\n}\n\nexport const ModalExpandButton = ({\n right = 12,\n top = 2,\n size = 'md',\n isExpanded,\n ...rest\n}: ModalExpandButtonProps): JSX.Element => {\n return (\n <Button\n display={{ md: 'flex', base: 'none' }}\n variant=\"ghostNeutral\"\n iconName={isExpanded ? 'arrowsIn' : 'arrowsOut'}\n position=\"absolute\"\n right={right}\n top={top}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","isExpanded","rest","__rest","React","Button","Object","assign","display","md","base","variant","iconName","position"],"mappings":"kOAOkCA,IAAA,IAAAC,MAChCA,EAAQ,GAAEC,IACVA,EAAM,EAACC,KACPA,EAAO,KAAIC,WACXA,GAAUJ,EACPK,EAAIC,EAAAA,OAAAN,EALyB,qCAOhC,OACEO,wBAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAS,CAAEC,GAAI,OAAQC,KAAM,QAC7BC,QAAQ,eACRC,SAAUX,EAAa,WAAa,YACpCY,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFE"}
1	+ {"version":3,"file":"modalExpandButton.component-31be810d.js","sources":["../src/components/Modal/components/ModalExpandButton/modalExpandButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalExpandButtonProps extends ButtonProps {\n isExpanded: boolean;\n}\n\nexport const ModalExpandButton = ({\n right = 12,\n top = 2,\n size = 'md',\n isExpanded,\n ...rest\n}: ModalExpandButtonProps): JSX.Element => {\n return (\n <Button\n display={{ md: 'flex', base: 'none' }}\n variant=\"ghostNeutral\"\n iconName={isExpanded ? 'arrowsIn' : 'arrowsOut'}\n position=\"absolute\"\n right={right}\n top={top}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","isExpanded","rest","__rest","React","Button","Object","assign","display","md","base","variant","iconName","position"],"mappings":"kOAOkCA,IAAA,IAAAC,MAChCA,EAAQ,GAAEC,IACVA,EAAM,EAACC,KACPA,EAAO,KAAIC,WACXA,GAAUJ,EACPK,EAAIC,EAAAA,OAAAN,EALyB,qCAOhC,OACEO,wBAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAS,CAAEC,GAAI,OAAQC,KAAM,QAC7BC,QAAQ,eACRC,SAAUX,EAAa,WAAa,YACpCY,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFE"}

package/build/{modalFooter.component-b7d87485.js → modalFooter.component-ccce9ce5.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-7e633573.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalFooter=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalFooter,Object.assign({pb:6},i),a)};
-//# sourceMappingURL=modalFooter.component-b7d87485.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-2fd23822.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalFooter=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalFooter,Object.assign({pb:6},i),a)};
+//# sourceMappingURL=modalFooter.component-ccce9ce5.js.map

package/build/{modalFooter.component-b7d87485.js.map → modalFooter.component-ccce9ce5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalFooter.component-~~b7d87485~~.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n return (\n <CModalFooter pb={6} {...rest}>\n {children}\n </CModalFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACtBD"}
1	+ {"version":3,"file":"modalFooter.component-ccce9ce5.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n return (\n <CModalFooter pb={6} {...rest}>\n {children}\n </CModalFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACtBD"}

package/build/{modalFooterButtons.component-4057c077.js → modalFooterButtons.component-41107377.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-8c8cd059.js"),i=require("./chakra-ui-modal.esm-7e633573.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
-//# sourceMappingURL=modalFooterButtons.component-4057c077.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-a1a58584.js"),i=require("./chakra-ui-modal.esm-2fd23822.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
+//# sourceMappingURL=modalFooterButtons.component-41107377.js.map

package/build/{modalFooterButtons.component-4057c077.js.map → modalFooterButtons.component-41107377.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalFooterButtons.component-~~4057c077~~.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void \| Promise<void>;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","ModalFooter","Object","assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,wBAACC,EAAYC,YAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,IAC1BL,EAAAA,QAAAM,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAM,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAM,cAACM,EAAMA,OAAG,MACVZ,UAAAM,cAACG,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
1	+ {"version":3,"file":"modalFooterButtons.component-41107377.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void \| Promise<void>;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","ModalFooter","Object","assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,wBAACC,EAAYC,YAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,IAC1BL,EAAAA,QAAAM,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAM,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAM,cAACM,EAAMA,OAAG,MACVZ,UAAAM,cAACG,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}

package/build/{modalHeader.component-6ee3dc41.js → modalHeader.component-c7a12376.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-95e89325.js"),t=require("./chakra-ui-modal.esm-7e633573.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(r);exports.ModalHeader=r=>{var{size:d="md",children:s}=r,n=e.__rest(r,["size","children"]);return i.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),i.default.createElement(a.WrappedHeading,{size:d},s))};
-//# sourceMappingURL=modalHeader.component-6ee3dc41.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-95e89325.js"),t=require("./chakra-ui-modal.esm-2fd23822.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(r);exports.ModalHeader=r=>{var{size:d="md",children:s}=r,n=e.__rest(r,["size","children"]);return i.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),i.default.createElement(a.WrappedHeading,{size:d},s))};
+//# sourceMappingURL=modalHeader.component-c7a12376.js.map

package/build/{modalHeader.component-6ee3dc41.js.map → modalHeader.component-c7a12376.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modalHeader.component-~~6ee3dc41~~.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n return (\n <CModalHeader px={6} pt={6} pb={2} {...rest}>\n <Heading size={size}>{children}</Heading>\n </CModalHeader>\n );\n};\n"],"names":["_a","size","children","rest","__rest","React","createElement","CModalHeader","ModalHeader","Object","assign","px","pt","pb","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOV,GACrCE,EAAC,QAAAC,cAAAQ,iBAAQ,CAAAb,KAAMA,GAAOC"}
1	+ {"version":3,"file":"modalHeader.component-c7a12376.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n return (\n <CModalHeader px={6} pt={6} pb={2} {...rest}>\n <Heading size={size}>{children}</Heading>\n </CModalHeader>\n );\n};\n"],"names":["_a","size","children","rest","__rest","React","createElement","CModalHeader","ModalHeader","Object","assign","px","pt","pb","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOV,GACrCE,EAAC,QAAAC,cAAAQ,iBAAQ,CAAAb,KAAMA,GAAOC"}

package/build/patterns/ConversationCard/components/conversationCardAvatarGroup.component.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface ConversationCardAvatarGroupProps {
+    avatars: ReactNode[];
+    max?: number;
+    onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    tooltipLabel?: string;
+}
+export declare const ConversationCardAvatarGroup: ({ avatars, max, onAvatarGroupClick, tooltipLabel, }: ConversationCardAvatarGroupProps) => JSX.Element;

package/build/patterns/ConversationCard/components/conversationCardButtons.component.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { MenuProps } from '../../../components/Menu';
+export interface ConversationCardPinProps {
+    isPinned?: boolean;
+    togglePin: (isPinned: boolean) => void;
+}
+export interface ConversationCardButtonsProps {
+    pinProps?: ConversationCardPinProps;
+    headerMenuProps?: MenuProps;
+}
+interface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {
+    isHovering: boolean;
+    setIsHovering: (isHovering: boolean) => void;
+}
+export declare const ConversationCardButtons: ({ pinProps, headerMenuProps, isHovering, setIsHovering, }: ConversationCardButtonsComponentProps) => JSX.Element;
+export {};

package/build/patterns/ConversationCard/components/conversationCardContent.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { TextProps } from '../../../components/Text';
+import { ReactNode } from 'react';
+export interface ConversationCardContentProps {
+    content?: string | ReactNode;
+    contentProps?: Omit<TextProps, 'children'>;
+    contentMenu?: ReactNode;
+}
+export declare const ConversationCardContent: ({ contentMenu, content, contentProps, }: ConversationCardContentProps) => JSX.Element;

package/build/patterns/ConversationCard/components/conversationCardFooter.component.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { IconProps } from '../../../components/Icon';
+import { TextProps } from '../../../components/Text';
+import { ReactNode } from 'react';
+export interface ConversationCardFooterProps {
+    iconProps?: IconProps;
+    content: string | ReactNode;
+    contentProps?: Omit<TextProps, 'children'>;
+}
+export declare const ConversationCardFooter: ({ iconProps, content, contentProps, }: ConversationCardFooterProps) => JSX.Element;