@televet/kibble-ui 1.23.2 → 1.23.3

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 (123) hide show
  1. package/build/{alert.component-fae00941.js → alert.component-446cce12.js} +2 -2
  2. package/build/{alert.component-fae00941.js.map → alert.component-446cce12.js.map} +1 -1
  3. package/build/avatar.component-55b37112.js +2 -0
  4. package/build/avatar.component-55b37112.js.map +1 -0
  5. package/build/avatar.config-3134aaf8.js +2 -0
  6. package/build/avatar.config-3134aaf8.js.map +1 -0
  7. package/build/{avatarBadge.component-2cc0ea86.js → avatarBadge.component-61eddd54.js} +2 -2
  8. package/build/{avatarBadge.component-2cc0ea86.js.map → avatarBadge.component-61eddd54.js.map} +1 -1
  9. package/build/avatarGroup.component-8051e2f2.js +2 -0
  10. package/build/avatarGroup.component-8051e2f2.js.map +1 -0
  11. package/build/{button.component-1974818b.js → button.component-ab2adb64.js} +2 -2
  12. package/build/{button.component-1974818b.js.map → button.component-ab2adb64.js.map} +1 -1
  13. package/build/{checkbox.component-9cd924d3.js → checkbox.component-60982355.js} +2 -2
  14. package/build/{checkbox.component-9cd924d3.js.map → checkbox.component-60982355.js.map} +1 -1
  15. package/build/checkboxGroup.component-366c832c.js +2 -0
  16. package/build/{checkboxGroup.component-ad4f4e23.js.map → checkboxGroup.component-366c832c.js.map} +1 -1
  17. package/build/components/Alert/index.js +1 -1
  18. package/build/components/Avatar/avatar.component.d.ts +3 -3
  19. package/build/components/Avatar/avatar.types.d.ts +3 -2
  20. package/build/components/Avatar/components/AvatarBadge/index.js +1 -1
  21. package/build/components/Avatar/index.js +1 -1
  22. package/build/components/AvatarGroup/index.js +1 -1
  23. package/build/components/Button/index.js +1 -1
  24. package/build/components/Checkbox/index.js +1 -1
  25. package/build/components/CheckboxGroup/index.js +1 -1
  26. package/build/components/DatePicker/index.js +1 -1
  27. package/build/components/Icon/index.js +1 -1
  28. package/build/components/Link/index.js +1 -1
  29. package/build/components/Menu/components/MenuButton/index.js +1 -1
  30. package/build/components/Menu/components/MenuItem/index.js +1 -1
  31. package/build/components/Menu/components/MenuList/index.js +1 -1
  32. package/build/components/Menu/index.js +1 -1
  33. package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
  34. package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
  35. package/build/components/Modal/index.js +1 -1
  36. package/build/components/Popover/components/PopoverCloseButton/index.js +1 -1
  37. package/build/components/Popover/components/PopoverFooterButtons/index.js +1 -1
  38. package/build/components/Popover/index.js +1 -1
  39. package/build/components/RadioGroup/index.js +1 -1
  40. package/build/components/Select/index.js +1 -1
  41. package/build/components/SortableList/components/DragHandle/index.js +1 -1
  42. package/build/components/SortableList/index.js +1 -1
  43. package/build/components/Switch/index.js +1 -1
  44. package/build/components/Tabs/components/Tab/index.js +1 -1
  45. package/build/components/Tabs/index.js +1 -1
  46. package/build/components/TabsLayout/index.js +1 -1
  47. package/build/components/TextInput/index.js +1 -1
  48. package/build/components/Textarea/index.js +1 -1
  49. package/build/components/TimePicker/index.js +1 -1
  50. package/build/components/TimeRange/index.js +1 -1
  51. package/build/components/Toast/index.js +1 -1
  52. package/build/components/index.js +1 -1
  53. package/build/{datepicker.types-c5b317ef.js → datepicker.types-077f05da.js} +2 -2
  54. package/build/{datepicker.types-c5b317ef.js.map → datepicker.types-077f05da.js.map} +1 -1
  55. package/build/{dragHandle.component-10dfce7f.js → dragHandle.component-6b2f9776.js} +2 -2
  56. package/build/{dragHandle.component-10dfce7f.js.map → dragHandle.component-6b2f9776.js.map} +1 -1
  57. package/build/{formControl.component-dfe743ef.js → formControl.component-698cb405.js} +2 -2
  58. package/build/{formControl.component-dfe743ef.js.map → formControl.component-698cb405.js.map} +1 -1
  59. package/build/{icon.component-092995a3.js → icon.component-d3e98397.js} +1 -1
  60. package/build/{icon.component-092995a3.js.map → icon.component-d3e98397.js.map} +1 -1
  61. package/build/icons/CloseCircleSolid.d.ts +10 -0
  62. package/build/icons/index.d.ts +1 -1
  63. package/build/icons/index.js +1 -1
  64. package/build/icons/index.js.map +1 -1
  65. package/build/index.js +1 -1
  66. package/build/{link.component-37cf2755.js → link.component-bdeff2cd.js} +2 -2
  67. package/build/{link.component-37cf2755.js.map → link.component-bdeff2cd.js.map} +1 -1
  68. package/build/menu.component-8beb5821.js +2 -0
  69. package/build/{menu.component-fad53003.js.map → menu.component-8beb5821.js.map} +1 -1
  70. package/build/menuButton.component-bb002d17.js +2 -0
  71. package/build/{menuButton.component-6c5f789f.js.map → menuButton.component-bb002d17.js.map} +1 -1
  72. package/build/menuItem.component-e2b00162.js +2 -0
  73. package/build/menuItem.component-e2b00162.js.map +1 -0
  74. package/build/{menuList.component-ab82aa08.js → menuList.component-a8cf4995.js} +2 -2
  75. package/build/{menuList.component-ab82aa08.js.map → menuList.component-a8cf4995.js.map} +1 -1
  76. package/build/modalCloseButton.component-8aa52184.js +2 -0
  77. package/build/{modalCloseButton.component-d7f4ef8f.js.map → modalCloseButton.component-8aa52184.js.map} +1 -1
  78. package/build/{modalFooterButtons.component-7b2b068d.js → modalFooterButtons.component-4304dcff.js} +2 -2
  79. package/build/{modalFooterButtons.component-7b2b068d.js.map → modalFooterButtons.component-4304dcff.js.map} +1 -1
  80. package/build/popoverCloseButton.component-f78ed6ff.js +2 -0
  81. package/build/{popoverCloseButton.component-0a3cb82b.js.map → popoverCloseButton.component-f78ed6ff.js.map} +1 -1
  82. package/build/{popoverFooterButtons.component-5b2bc058.js → popoverFooterButtons.component-166d570f.js} +2 -2
  83. package/build/{popoverFooterButtons.component-5b2bc058.js.map → popoverFooterButtons.component-166d570f.js.map} +1 -1
  84. package/build/{radioGroup.component-b43f4f47.js → radioGroup.component-5fb8c909.js} +2 -2
  85. package/build/{radioGroup.component-b43f4f47.js.map → radioGroup.component-5fb8c909.js.map} +1 -1
  86. package/build/{select.component-3810878d.js → select.component-0d8be1a8.js} +2 -2
  87. package/build/{select.component-3810878d.js.map → select.component-0d8be1a8.js.map} +1 -1
  88. package/build/{switch.component-cc8d024b.js → switch.component-b16e84b7.js} +2 -2
  89. package/build/{switch.component-cc8d024b.js.map → switch.component-b16e84b7.js.map} +1 -1
  90. package/build/{tab.component-cf1e1c32.js → tab.component-12038d93.js} +2 -2
  91. package/build/{tab.component-cf1e1c32.js.map → tab.component-12038d93.js.map} +1 -1
  92. package/build/{tabs.component-e3def343.js → tabs.component-9878514f.js} +2 -2
  93. package/build/{tabs.component-e3def343.js.map → tabs.component-9878514f.js.map} +1 -1
  94. package/build/{tabsLayout.component-8ec51576.js → tabsLayout.component-a1ea5607.js} +2 -2
  95. package/build/{tabsLayout.component-8ec51576.js.map → tabsLayout.component-a1ea5607.js.map} +1 -1
  96. package/build/textInput.component-a6844c69.js +2 -0
  97. package/build/{textInput.component-0e7bd3ce.js.map → textInput.component-a6844c69.js.map} +1 -1
  98. package/build/{textarea.component-2925a282.js → textarea.component-7020df69.js} +2 -2
  99. package/build/{textarea.component-2925a282.js.map → textarea.component-7020df69.js.map} +1 -1
  100. package/build/theme/index.js +1 -1
  101. package/build/{theme.provider-80f1507c.js → theme.provider-e8fb98dd.js} +2 -2
  102. package/build/{theme.provider-80f1507c.js.map → theme.provider-e8fb98dd.js.map} +1 -1
  103. package/build/{timePicker.component-582d430d.js → timePicker.component-038788d1.js} +2 -2
  104. package/build/{timePicker.component-582d430d.js.map → timePicker.component-038788d1.js.map} +1 -1
  105. package/build/{timeRange.component-c16c8431.js → timeRange.component-60d7e161.js} +2 -2
  106. package/build/{timeRange.component-c16c8431.js.map → timeRange.component-60d7e161.js.map} +1 -1
  107. package/build/{useToast-e675fe22.js → useToast-c6dc162b.js} +2 -2
  108. package/build/{useToast-e675fe22.js.map → useToast-c6dc162b.js.map} +1 -1
  109. package/package.json +1 -1
  110. package/build/avatar.component-a6fb2a89.js +0 -2
  111. package/build/avatar.component-a6fb2a89.js.map +0 -1
  112. package/build/avatar.config-90fae63d.js +0 -2
  113. package/build/avatar.config-90fae63d.js.map +0 -1
  114. package/build/avatarGroup.component-60d900fd.js +0 -2
  115. package/build/avatarGroup.component-60d900fd.js.map +0 -1
  116. package/build/checkboxGroup.component-ad4f4e23.js +0 -2
  117. package/build/menu.component-fad53003.js +0 -2
  118. package/build/menuButton.component-6c5f789f.js +0 -2
  119. package/build/menuItem.component-bddca6b6.js +0 -2
  120. package/build/menuItem.component-bddca6b6.js.map +0 -1
  121. package/build/modalCloseButton.component-d7f4ef8f.js +0 -2
  122. package/build/popoverCloseButton.component-0a3cb82b.js +0 -2
  123. package/build/textInput.component-0e7bd3ce.js +0 -2
package/build/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-fae00941.js"),r=require("./alert.types-858cdf65.js"),o=require("./avatarBadge.component-2cc0ea86.js"),t=require("./avatar.component-a6fb2a89.js"),s=require("./avatarGroup.component-60d900fd.js"),a=require("./button.component-1974818b.js"),p=require("./checkbox.component-9cd924d3.js"),n=require("./checkboxGroup.component-ad4f4e23.js"),i=require("./datepicker.types-c5b317ef.js"),u=require("./heading.component-46024b9d.js"),c=require("./icon.component-092995a3.js"),d=require("./link.component-37cf2755.js"),x=require("./logo.component-f41ae943.js"),l=require("./menuButton.component-6c5f789f.js"),m=require("./menuContainer.component-b44ee33f.js"),b=require("./menuItem.component-bddca6b6.js"),j=require("./menuList.component-ab82aa08.js"),q=require("./menuOptionGroup.component-c684dd20.js"),f=require("./menu.component-fad53003.js"),C=require("./modalBody.component-84d1e5e0.js"),v=require("./modalCloseButton.component-d7f4ef8f.js"),k=require("./modalFooter.component-bdb34b28.js"),h=require("./modalFooterButtons.component-7b2b068d.js"),M=require("./modalHeader.component-d1f16926.js"),T=require("./modal.component-d4b9221a.js"),g=require("./notificationCounter.component-27fafaa0.js"),B=require("./picture.component-c9ffd27e.js"),P=require("./popoverBody.component-ae4cc471.js"),I=require("./popoverCloseButton.component-0a3cb82b.js"),y=require("./popoverFooter.component-b39d12d1.js"),A=require("./popoverFooterButtons.component-5b2bc058.js"),D=require("./popoverHeader.component-0ee69cde.js"),S=require("./popover.component-35b520f6.js"),F=require("./radio.component-77c1b19b.js"),L=require("./radioGroup.component-b43f4f47.js"),G=require("./ratingDot.component-776080cf.js"),O=require("./ratingDots.component-9d3ff8ae.js"),H=require("./select.component-3810878d.js"),w=require("./dragHandle.component-10dfce7f.js"),R=require("./sortableItem.component-9aab4eb2.js"),N=require("./sortableOverlay.component-7ecbda06.js"),V=require("./sortableList.component-8df7a374.js"),W=require("./spinner.component-f49dcd1b.js"),E=require("./switch.component-cc8d024b.js"),z=require("./tab.component-cf1e1c32.js"),K=require("./tabs.component-e3def343.js"),Q=require("./tabsLayout.component-8ec51576.js"),U=require("./tag.component-31c40c4c.js"),_=require("./text.component-dabbab97.js"),$=require("./textarea.component-2925a282.js"),J=require("./textInput.component-0e7bd3ce.js"),X=require("./timePicker.component-582d430d.js"),Y=require("./timeRange.component-c16c8431.js"),Z=require("./useToast-e675fe22.js"),ee=require("./tooltip.component-25303330.js"),re=require("./truncatedText.component-02797815.js"),oe=require("./withDarkMode-3fdb3990.js"),te=require("./withTheme-bac0a8eb.js"),se=require("./useTheme-d7d8c3f5.js"),ae=require("./theme.provider-80f1507c.js"),pe=require("./chakra-ui-skeleton.esm-749b81be.js"),ne=require("./chakra-ui-modal.esm-9136b612.js"),ie=require("./chakra-ui-layout.esm-493ee04b.js"),ue=require("./chakra-ui-button.esm-32e420eb.js"),ce=require("./chakra-ui-alert.esm-9bb76feb.js"),de=require("./chakra-ui-avatar.esm-d7e98d56.js"),xe=require("./chakra-ui-checkbox.esm-6a6974f2.js"),le=require("./chakra-ui-input.esm-5e794564.js"),me=require("./chakra-ui-menu.esm-22115f36.js"),be=require("./chakra-ui-popover.esm-af9721a4.js"),je=require("./chakra-ui-radio.esm-ee587db1.js"),qe=require("./chakra-ui-select.esm-85c971dc.js"),fe=require("./chakra-ui-tabs.esm-dc1c4ea8.js"),Ce=require("./chakra-ui-textarea.esm-cfbdac00.js"),ve=require("./chakra-ui-form-control.esm-8240cc1c.js"),ke=require("./chakra-ui-media-query.esm-a34e627c.js"),he=require("./chakra-ui-image.esm-acdc667a.js"),Me=require("./chakra-ui-portal.esm-72927bd9.js"),Te=require("./chakra-ui-hooks.esm-c8f7aa0e.js");require("./tslib.es6-f01c41a6.js"),require("react"),require("./alert.config-23cd80bc.js"),require("./color.record-8ec2eb8a.js"),require("./radii-ee480bd7.js"),require("./chakra-ui-system.esm-b563b97d.js"),require("./shadows.config-fd05bf52.js"),require("./avatar.config-90fae63d.js"),require("./strings-03c30366.js"),require("./formControl.component-dfe743ef.js"),require("./useAdaptiveColorMap-0a74494f.js"),require("./index-fee8538e.js"),require("./icons/index.js"),require("./useIconTextSizeMap-b81a72a5.js"),require("./menu.context-6276be4d.js"),require("./menu.config-83ef52b8.js"),require("./fontSizes-6309063a.js"),require("./useAdaptiveColor-bd61f863.js"),require("./sortableItem.context-f7dd54a1.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-30b0b8a9.js"),require("./chakra-ui-theme.esm-cc694e08.js"),require("./index-8fecff45.js"),require("./index-5c563615.js"),require("./motion-1db106fa.js"),require("./chakra-ui-popper.esm-78790840.js"),require("./chakra-ui-visually-hidden.esm-3406a7fd.js"),require("./use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("./chakra-ui-react.esm-54b6d554.js"),require("styled-components"),require("./zIndeces-61cafdc0.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-22135054.js"),exports.Alert=e.Alert,Object.defineProperty(exports,"AlertVariant",{enumerable:!0,get:function(){return r.AlertVariant}}),exports.AvatarBadge=o.AvatarBadge,Object.defineProperty(exports,"AvatarBadgePosition",{enumerable:!0,get:function(){return o.AvatarBadgePosition}}),exports.Avatar=t.Avatar,Object.defineProperty(exports,"AvatarVariant",{enumerable:!0,get:function(){return t.AvatarVariant}}),exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.Checkbox=p.Checkbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return i.DateFormats}}),exports.DatePicker=i.DatePicker,exports.Heading=u.Heading,exports.Icon=c.Icon,exports.Link=d.Link,exports.Logo=x.Logo,exports.MenuButton=l.MenuButton,exports.MenuContainer=m.MenuContainer,exports.MenuItem=b.MenuItem,exports.MenuList=j.MenuList,exports.MenuOptionGroup=q.MenuOptionGroup,exports.Menu=f.Menu,exports.ModalBody=C.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=h.ModalFooterButtons,exports.ModalHeader=M.ModalHeader,exports.Modal=T.Modal,exports.NotificationCounter=g.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return g.NotificationCounterVariant}}),exports.Picture=B.Picture,exports.PopoverBody=P.PopoverBody,exports.PopoverCloseButton=I.PopoverCloseButton,exports.PopoverFooter=y.PopoverFooter,exports.PopoverFooterButtons=A.PopoverFooterButtons,exports.PopoverHeader=D.PopoverHeader,exports.Popover=S.Popover,exports.Radio=F.Radio,exports.RadioGroup=L.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=O.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=R.SortableItem,exports.SortableOverlay=N.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=W.Spinner,exports.Switch=E.WrappedSwitch,exports.Tab=z.Tab,exports.Tabs=K.Tabs,exports.TabsLayout=Q.TabsLayout,exports.Tag=U.Tag,exports.Text=_.Text,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.TruncatedText=re.TruncatedText,exports.withDarkMode=oe.withDarkMode,exports.withTheme=te.withTheme,exports.useTheme=se.useTheme,exports.KibbleThemeProvider=ae.KibbleThemeProvider,exports.theme=ae.theme,exports.Accordion=pe.Accordion,exports.AccordionButton=pe.AccordionButton,exports.AccordionIcon=pe.AccordionIcon,exports.AccordionItem=pe.AccordionItem,exports.AccordionPanel=pe.AccordionPanel,exports.NumberDecrementStepper=pe.NumberDecrementStepper,exports.NumberIncrementStepper=pe.NumberIncrementStepper,exports.NumberInput=pe.NumberInput,exports.NumberInputField=pe.NumberInputField,exports.NumberInputStepper=pe.NumberInputStepper,exports.PinInput=pe.PinInput,exports.PinInputField=pe.PinInputField,exports.Progress=pe.Progress,exports.Skeleton=pe.Skeleton,exports.SkeletonText=pe.SkeletonText,exports.Table=pe.Table,exports.TableCaption=pe.TableCaption,exports.TableContainer=pe.TableContainer,exports.Tbody=pe.Tbody,exports.Td=pe.Td,exports.Tfoot=pe.Tfoot,exports.Th=pe.Th,exports.Thead=pe.Thead,exports.Tr=pe.Tr,exports.AlertDialog=ne.AlertDialog,exports.AlertDialogBody=ne.ModalBody,exports.AlertDialogContent=ne.AlertDialogContent,exports.AlertDialogFooter=ne.ModalFooter,exports.AlertDialogHeader=ne.ModalHeader,exports.AlertDialogOverlay=ne.ModalOverlay,exports.CModal=ne.Modal,exports.CModalBody=ne.ModalBody,exports.CModalCloseButton=ne.ModalCloseButton,exports.CModalFooter=ne.ModalFooter,exports.CModalHeader=ne.ModalHeader,exports.Collapse=ne.Collapse,exports.Drawer=ne.Drawer,exports.DrawerBody=ne.ModalBody,exports.DrawerCloseButton=ne.ModalCloseButton,exports.DrawerContent=ne.DrawerContent,exports.DrawerFooter=ne.ModalFooter,exports.DrawerHeader=ne.ModalHeader,exports.DrawerOverlay=ne.ModalOverlay,exports.ModalContent=ne.ModalContent,exports.ModalOverlay=ne.ModalOverlay,exports.Badge=ie.Badge,exports.Box=ie.Box,exports.Center=ie.Center,exports.Circle=ie.Circle,exports.Code=ie.Code,exports.Container=ie.Container,exports.Divider=ie.Divider,exports.Flex=ie.Flex,exports.Grid=ie.Grid,exports.GridItem=ie.GridItem,exports.HStack=ie.HStack,exports.LinkBox=ie.LinkBox,exports.LinkOverlay=ie.LinkOverlay,exports.List=ie.List,exports.ListItem=ie.ListItem,exports.OrderedList=ie.OrderedList,exports.SimpleGrid=ie.SimpleGrid,exports.Spacer=ie.Spacer,exports.Square=ie.Square,exports.Stack=ie.Stack,exports.UnorderedList=ie.UnorderedList,exports.VStack=ie.VStack,exports.Wrap=ie.Wrap,exports.WrapItem=ie.WrapItem,exports.ButtonGroup=ue.ButtonGroup,exports.CButton=ue.Button,exports.IconButton=ue.IconButton,exports.CAlert=ce.Alert,exports.CAvatar=de.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=le.Input,exports.InputGroup=le.InputGroup,exports.InputLeftAddon=le.InputLeftAddon,exports.InputLeftElement=le.InputLeftElement,exports.InputRightElement=le.InputRightElement,exports.CMenu=me.Menu,exports.CMenuButton=me.MenuButton,exports.CMenuItem=me.MenuItem,exports.CMenuList=me.MenuList,exports.MenuDivider=me.MenuDivider,exports.MenuGroup=me.MenuGroup,exports.MenuItemOption=me.MenuItemOption,exports.CPopover=be.Popover,exports.CPopoverBody=be.PopoverBody,exports.CPopoverFooter=be.PopoverFooter,exports.CPopoverHeader=be.PopoverHeader,exports.PopoverArrow=be.PopoverArrow,exports.PopoverContent=be.PopoverContent,exports.PopoverTrigger=be.PopoverTrigger,exports.usePopoverContext=be.usePopoverContext,exports.CRadioGroup=je.RadioGroup,exports.useRadio=je.useRadio,exports.useRadioGroup=je.useRadioGroup,exports.CSelect=qe.Select,exports.CTab=fe.Tab,exports.CTabs=fe.Tabs,exports.TabList=fe.TabList,exports.TabPanel=fe.TabPanel,exports.TabPanels=fe.TabPanels,exports.CTextarea=Ce.Textarea,exports.FormControl=ve.FormControl,exports.FormErrorMessage=ve.FormErrorMessage,exports.FormHelperText=ve.FormHelperText,exports.FormLabel=ve.FormLabel,exports.Hide=ke.Hide,exports.Show=ke.Show,exports.useBreakpoint=ke.useBreakpoint,exports.useBreakpointValue=ke.useBreakpointValue,exports.useMediaQuery=ke.useMediaQuery,exports.Image=he.Image$1,exports.Portal=Me.Portal,exports.useConst=Te.useConst,exports.useDisclosure=Te.useDisclosure,exports.useInterval=Te.useInterval,exports.useOutsideClick=Te.useOutsideClick;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-446cce12.js"),r=require("./alert.types-858cdf65.js"),o=require("./avatarBadge.component-61eddd54.js"),t=require("./avatar.component-55b37112.js"),s=require("./avatarGroup.component-8051e2f2.js"),a=require("./button.component-ab2adb64.js"),p=require("./checkbox.component-60982355.js"),n=require("./checkboxGroup.component-366c832c.js"),i=require("./datepicker.types-077f05da.js"),u=require("./heading.component-46024b9d.js"),c=require("./icon.component-d3e98397.js"),d=require("./link.component-bdeff2cd.js"),x=require("./logo.component-f41ae943.js"),l=require("./menuButton.component-bb002d17.js"),m=require("./menuContainer.component-b44ee33f.js"),b=require("./menuItem.component-e2b00162.js"),j=require("./menuList.component-a8cf4995.js"),q=require("./menuOptionGroup.component-c684dd20.js"),f=require("./menu.component-8beb5821.js"),C=require("./modalBody.component-84d1e5e0.js"),v=require("./modalCloseButton.component-8aa52184.js"),k=require("./modalFooter.component-bdb34b28.js"),h=require("./modalFooterButtons.component-4304dcff.js"),M=require("./modalHeader.component-d1f16926.js"),T=require("./modal.component-d4b9221a.js"),g=require("./notificationCounter.component-27fafaa0.js"),B=require("./picture.component-c9ffd27e.js"),P=require("./popoverBody.component-ae4cc471.js"),I=require("./popoverCloseButton.component-f78ed6ff.js"),y=require("./popoverFooter.component-b39d12d1.js"),A=require("./popoverFooterButtons.component-166d570f.js"),D=require("./popoverHeader.component-0ee69cde.js"),S=require("./popover.component-35b520f6.js"),F=require("./radio.component-77c1b19b.js"),L=require("./radioGroup.component-5fb8c909.js"),G=require("./ratingDot.component-776080cf.js"),O=require("./ratingDots.component-9d3ff8ae.js"),H=require("./select.component-0d8be1a8.js"),w=require("./dragHandle.component-6b2f9776.js"),R=require("./sortableItem.component-9aab4eb2.js"),N=require("./sortableOverlay.component-7ecbda06.js"),V=require("./sortableList.component-8df7a374.js"),W=require("./spinner.component-f49dcd1b.js"),E=require("./switch.component-b16e84b7.js"),z=require("./tab.component-12038d93.js"),K=require("./tabs.component-9878514f.js"),Q=require("./tabsLayout.component-a1ea5607.js"),U=require("./tag.component-31c40c4c.js"),_=require("./text.component-dabbab97.js"),$=require("./textarea.component-7020df69.js"),J=require("./textInput.component-a6844c69.js"),X=require("./timePicker.component-038788d1.js"),Y=require("./timeRange.component-60d7e161.js"),Z=require("./useToast-c6dc162b.js"),ee=require("./tooltip.component-25303330.js"),re=require("./truncatedText.component-02797815.js"),oe=require("./withDarkMode-3fdb3990.js"),te=require("./withTheme-bac0a8eb.js"),se=require("./useTheme-d7d8c3f5.js"),ae=require("./theme.provider-e8fb98dd.js"),pe=require("./chakra-ui-skeleton.esm-749b81be.js"),ne=require("./chakra-ui-modal.esm-9136b612.js"),ie=require("./chakra-ui-layout.esm-493ee04b.js"),ue=require("./chakra-ui-button.esm-32e420eb.js"),ce=require("./chakra-ui-alert.esm-9bb76feb.js"),de=require("./chakra-ui-avatar.esm-d7e98d56.js"),xe=require("./chakra-ui-checkbox.esm-6a6974f2.js"),le=require("./chakra-ui-input.esm-5e794564.js"),me=require("./chakra-ui-menu.esm-22115f36.js"),be=require("./chakra-ui-popover.esm-af9721a4.js"),je=require("./chakra-ui-radio.esm-ee587db1.js"),qe=require("./chakra-ui-select.esm-85c971dc.js"),fe=require("./chakra-ui-tabs.esm-dc1c4ea8.js"),Ce=require("./chakra-ui-textarea.esm-cfbdac00.js"),ve=require("./chakra-ui-form-control.esm-8240cc1c.js"),ke=require("./chakra-ui-media-query.esm-a34e627c.js"),he=require("./chakra-ui-image.esm-acdc667a.js"),Me=require("./chakra-ui-portal.esm-72927bd9.js"),Te=require("./chakra-ui-hooks.esm-c8f7aa0e.js");require("./tslib.es6-f01c41a6.js"),require("react"),require("./alert.config-23cd80bc.js"),require("./color.record-8ec2eb8a.js"),require("./radii-ee480bd7.js"),require("./chakra-ui-system.esm-b563b97d.js"),require("./shadows.config-fd05bf52.js"),require("./avatar.config-3134aaf8.js"),require("./strings-03c30366.js"),require("./formControl.component-698cb405.js"),require("./useAdaptiveColorMap-0a74494f.js"),require("./index-fee8538e.js"),require("./icons/index.js"),require("./useIconTextSizeMap-b81a72a5.js"),require("./menu.context-6276be4d.js"),require("./menu.config-83ef52b8.js"),require("./fontSizes-6309063a.js"),require("./useAdaptiveColor-bd61f863.js"),require("./sortableItem.context-f7dd54a1.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-30b0b8a9.js"),require("./chakra-ui-theme.esm-cc694e08.js"),require("./index-8fecff45.js"),require("./index-5c563615.js"),require("./motion-1db106fa.js"),require("./chakra-ui-popper.esm-78790840.js"),require("./chakra-ui-visually-hidden.esm-3406a7fd.js"),require("./use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("./chakra-ui-react.esm-54b6d554.js"),require("styled-components"),require("./zIndeces-61cafdc0.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-22135054.js"),exports.Alert=e.Alert,Object.defineProperty(exports,"AlertVariant",{enumerable:!0,get:function(){return r.AlertVariant}}),exports.AvatarBadge=o.AvatarBadge,Object.defineProperty(exports,"AvatarBadgePosition",{enumerable:!0,get:function(){return o.AvatarBadgePosition}}),exports.Avatar=t.Avatar,Object.defineProperty(exports,"AvatarVariant",{enumerable:!0,get:function(){return t.AvatarVariant}}),exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.Checkbox=p.Checkbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return i.DateFormats}}),exports.DatePicker=i.DatePicker,exports.Heading=u.Heading,exports.Icon=c.Icon,exports.Link=d.Link,exports.Logo=x.Logo,exports.MenuButton=l.MenuButton,exports.MenuContainer=m.MenuContainer,exports.MenuItem=b.MenuItem,exports.MenuList=j.MenuList,exports.MenuOptionGroup=q.MenuOptionGroup,exports.Menu=f.Menu,exports.ModalBody=C.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=h.ModalFooterButtons,exports.ModalHeader=M.ModalHeader,exports.Modal=T.Modal,exports.NotificationCounter=g.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return g.NotificationCounterVariant}}),exports.Picture=B.Picture,exports.PopoverBody=P.PopoverBody,exports.PopoverCloseButton=I.PopoverCloseButton,exports.PopoverFooter=y.PopoverFooter,exports.PopoverFooterButtons=A.PopoverFooterButtons,exports.PopoverHeader=D.PopoverHeader,exports.Popover=S.Popover,exports.Radio=F.Radio,exports.RadioGroup=L.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=O.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=R.SortableItem,exports.SortableOverlay=N.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=W.Spinner,exports.Switch=E.WrappedSwitch,exports.Tab=z.Tab,exports.Tabs=K.Tabs,exports.TabsLayout=Q.TabsLayout,exports.Tag=U.Tag,exports.Text=_.Text,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.TruncatedText=re.TruncatedText,exports.withDarkMode=oe.withDarkMode,exports.withTheme=te.withTheme,exports.useTheme=se.useTheme,exports.KibbleThemeProvider=ae.KibbleThemeProvider,exports.theme=ae.theme,exports.Accordion=pe.Accordion,exports.AccordionButton=pe.AccordionButton,exports.AccordionIcon=pe.AccordionIcon,exports.AccordionItem=pe.AccordionItem,exports.AccordionPanel=pe.AccordionPanel,exports.NumberDecrementStepper=pe.NumberDecrementStepper,exports.NumberIncrementStepper=pe.NumberIncrementStepper,exports.NumberInput=pe.NumberInput,exports.NumberInputField=pe.NumberInputField,exports.NumberInputStepper=pe.NumberInputStepper,exports.PinInput=pe.PinInput,exports.PinInputField=pe.PinInputField,exports.Progress=pe.Progress,exports.Skeleton=pe.Skeleton,exports.SkeletonText=pe.SkeletonText,exports.Table=pe.Table,exports.TableCaption=pe.TableCaption,exports.TableContainer=pe.TableContainer,exports.Tbody=pe.Tbody,exports.Td=pe.Td,exports.Tfoot=pe.Tfoot,exports.Th=pe.Th,exports.Thead=pe.Thead,exports.Tr=pe.Tr,exports.AlertDialog=ne.AlertDialog,exports.AlertDialogBody=ne.ModalBody,exports.AlertDialogContent=ne.AlertDialogContent,exports.AlertDialogFooter=ne.ModalFooter,exports.AlertDialogHeader=ne.ModalHeader,exports.AlertDialogOverlay=ne.ModalOverlay,exports.CModal=ne.Modal,exports.CModalBody=ne.ModalBody,exports.CModalCloseButton=ne.ModalCloseButton,exports.CModalFooter=ne.ModalFooter,exports.CModalHeader=ne.ModalHeader,exports.Collapse=ne.Collapse,exports.Drawer=ne.Drawer,exports.DrawerBody=ne.ModalBody,exports.DrawerCloseButton=ne.ModalCloseButton,exports.DrawerContent=ne.DrawerContent,exports.DrawerFooter=ne.ModalFooter,exports.DrawerHeader=ne.ModalHeader,exports.DrawerOverlay=ne.ModalOverlay,exports.ModalContent=ne.ModalContent,exports.ModalOverlay=ne.ModalOverlay,exports.Badge=ie.Badge,exports.Box=ie.Box,exports.Center=ie.Center,exports.Circle=ie.Circle,exports.Code=ie.Code,exports.Container=ie.Container,exports.Divider=ie.Divider,exports.Flex=ie.Flex,exports.Grid=ie.Grid,exports.GridItem=ie.GridItem,exports.HStack=ie.HStack,exports.LinkBox=ie.LinkBox,exports.LinkOverlay=ie.LinkOverlay,exports.List=ie.List,exports.ListItem=ie.ListItem,exports.OrderedList=ie.OrderedList,exports.SimpleGrid=ie.SimpleGrid,exports.Spacer=ie.Spacer,exports.Square=ie.Square,exports.Stack=ie.Stack,exports.UnorderedList=ie.UnorderedList,exports.VStack=ie.VStack,exports.Wrap=ie.Wrap,exports.WrapItem=ie.WrapItem,exports.ButtonGroup=ue.ButtonGroup,exports.CButton=ue.Button,exports.IconButton=ue.IconButton,exports.CAlert=ce.Alert,exports.CAvatar=de.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=le.Input,exports.InputGroup=le.InputGroup,exports.InputLeftAddon=le.InputLeftAddon,exports.InputLeftElement=le.InputLeftElement,exports.InputRightElement=le.InputRightElement,exports.CMenu=me.Menu,exports.CMenuButton=me.MenuButton,exports.CMenuItem=me.MenuItem,exports.CMenuList=me.MenuList,exports.MenuDivider=me.MenuDivider,exports.MenuGroup=me.MenuGroup,exports.MenuItemOption=me.MenuItemOption,exports.CPopover=be.Popover,exports.CPopoverBody=be.PopoverBody,exports.CPopoverFooter=be.PopoverFooter,exports.CPopoverHeader=be.PopoverHeader,exports.PopoverArrow=be.PopoverArrow,exports.PopoverContent=be.PopoverContent,exports.PopoverTrigger=be.PopoverTrigger,exports.usePopoverContext=be.usePopoverContext,exports.CRadioGroup=je.RadioGroup,exports.useRadio=je.useRadio,exports.useRadioGroup=je.useRadioGroup,exports.CSelect=qe.Select,exports.CTab=fe.Tab,exports.CTabs=fe.Tabs,exports.TabList=fe.TabList,exports.TabPanel=fe.TabPanel,exports.TabPanels=fe.TabPanels,exports.CTextarea=Ce.Textarea,exports.FormControl=ve.FormControl,exports.FormErrorMessage=ve.FormErrorMessage,exports.FormHelperText=ve.FormHelperText,exports.FormLabel=ve.FormLabel,exports.Hide=ke.Hide,exports.Show=ke.Show,exports.useBreakpoint=ke.useBreakpoint,exports.useBreakpointValue=ke.useBreakpointValue,exports.useMediaQuery=ke.useMediaQuery,exports.Image=he.Image$1,exports.Portal=Me.Portal,exports.useConst=Te.useConst,exports.useDisclosure=Te.useDisclosure,exports.useInterval=Te.useInterval,exports.useOutsideClick=Te.useOutsideClick;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),o=require("./icon.component-092995a3.js"),r=require("./useIconTextSizeMap-b81a72a5.js"),t=require("./useTheme-d7d8c3f5.js"),n=require("./useAdaptiveColorMap-0a74494f.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(i),c=function(i){i.position;var r=e.__rest(i,["position"]);return l.default.createElement(o.Icon,e.__assign({},r))},u=i.forwardRef((function(i,o){var s=t.useTheme().colors,u=i.children,d=i.color,p=i.colorToken,f=void 0===p?"link":p,m=i.onDark,_=void 0!==m&&m,k=i.iconProps,v=i.size,j=void 0===v?"md":v,q=e.__rest(i,["children","color","colorToken","onDark","iconProps","size"]),z=n.useAdaptiveColorMap(s.text,f,_),g=r.useIconTextSizeMap(j);return k&&!k.position&&(k.position="start"),l.default.createElement(a.Link,e.__assign({display:"inline-block",size:j,ref:o,color:d||z},q),l.default.createElement(a.HStack,{spacing:1,align:"center"},"start"===(null==k?void 0:k.position)&&l.default.createElement(c,e.__assign({size:g},k)),l.default.createElement(a.Box,null,u),"end"===(null==k?void 0:k.position)&&l.default.createElement(c,e.__assign({size:g},k))))}));u.displayName="Link",exports.Link=u;
2
- //# sourceMappingURL=link.component-37cf2755.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),o=require("./icon.component-d3e98397.js"),r=require("./useIconTextSizeMap-b81a72a5.js"),t=require("./useTheme-d7d8c3f5.js"),n=require("./useAdaptiveColorMap-0a74494f.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(i),c=function(i){i.position;var r=e.__rest(i,["position"]);return l.default.createElement(o.Icon,e.__assign({},r))},u=i.forwardRef((function(i,o){var s=t.useTheme().colors,u=i.children,d=i.color,p=i.colorToken,f=void 0===p?"link":p,m=i.onDark,_=void 0!==m&&m,k=i.iconProps,v=i.size,j=void 0===v?"md":v,q=e.__rest(i,["children","color","colorToken","onDark","iconProps","size"]),z=n.useAdaptiveColorMap(s.text,f,_),g=r.useIconTextSizeMap(j);return k&&!k.position&&(k.position="start"),l.default.createElement(a.Link,e.__assign({display:"inline-block",size:j,ref:o,color:d||z},q),l.default.createElement(a.HStack,{spacing:1,align:"center"},"start"===(null==k?void 0:k.position)&&l.default.createElement(c,e.__assign({size:g},k)),l.default.createElement(a.Box,null,u),"end"===(null==k?void 0:k.position)&&l.default.createElement(c,e.__assign({size:g},k))))}));u.displayName="Link",exports.Link=u;
2
+ //# sourceMappingURL=link.component-bdeff2cd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"link.component-37cf2755.js","sources":["../src/components/Link/components/linkIcon.component.tsx","../src/components/Link/link.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\n\nexport interface LinkIconProps extends IconProps {\n position?: 'start' | 'end';\n}\n\nexport const LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n const { position, ...rest } = iconProps;\n\n return <Icon {...rest} />;\n};\n","import React, { forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Box, HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport { LinkIcon, LinkIconProps } from './components/linkIcon.component';\nimport { TextColor } from 'shared/types';\nimport { TextSize } from '../Text/text.types';\nimport { useIconTextSizeMap } from 'hooks/useIconTextSizeMap';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\n\nexport interface LinkProps extends CLinkProps {\n children: ReactNode;\n iconProps?: LinkIconProps;\n size?: TextSize;\n colorToken?: TextColor;\n onDark?: boolean;\n to?: string;\n}\n\nexport const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n const { colors } = useTheme();\n const { children, color, colorToken = 'link', onDark = false, iconProps, size = 'md', ...rest } = props;\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, onDark);\n const mappIconSize = useIconTextSizeMap(size);\n\n if (iconProps && !iconProps.position) {\n iconProps.position = 'start';\n }\n\n return (\n <CLink display=\"inline-block\" size={size} ref={ref} color={color || adaptiveColor} {...rest}>\n <HStack spacing={1} align=\"center\">\n {iconProps?.position === 'start' && <LinkIcon size={mappIconSize} {...iconProps} />}\n <Box>{children}</Box>\n {iconProps?.position === 'end' && <LinkIcon size={mappIconSize} {...iconProps} />}\n </HStack>\n </CLink>\n );\n});\n\nLink.displayName = 'Link';\n"],"names":["LinkIcon","iconProps","position","rest","__rest","React","createElement","Icon","__assign","Link","forwardRef","props","ref","colors","useTheme","children","color","_a","colorToken","_b","onDark","_c","size","adaptiveColor","useAdaptiveColorMap","text","mappIconSize","useIconTextSizeMap","CLink","display","HStack","spacing","align","Box","displayName"],"mappings":"uXAOaA,EAAW,SAACC,GACOA,EAAdC,aAAKC,EAAIC,EAAAA,OAAKH,EAAxB,CAAqB,aAE3B,OAAOI,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAL,KCQNM,EAAOC,EAAUA,YAAC,SAACC,EAAkBC,GACxC,IAAAC,EAAWC,oBACXC,EAA0FJ,EAAKI,SAArFC,EAAgFL,EAAKK,MAA9EC,EAAyEN,EAAtDO,WAAnBA,OAAa,IAAAD,EAAA,SAAQE,EAAoDR,EAAKS,OAAzDA,cAAcD,EAAElB,EAAoCU,EAA3BV,UAAEoB,EAAyBV,EAAdW,KAAXA,OAAO,IAAAD,EAAA,OAASlB,WAASQ,EAA5F,CAAyF,WAAA,QAAA,aAAA,SAAA,YAAA,SACzFY,EAAgBC,EAAAA,oBAA+BX,EAAOY,KAAMP,EAAYE,GACxEM,EAAeC,qBAAmBL,GAMxC,OAJIrB,IAAcA,EAAUC,WAC1BD,EAAUC,SAAW,SAIrBG,EAAAA,sBAACuB,EAAAA,KAAKpB,EAAAA,SAAA,CAACqB,QAAQ,eAAeP,KAAMA,EAAMV,IAAKA,EAAKI,MAAOA,GAASO,GAAmBpB,GACrFE,EAAC,QAAAC,cAAAwB,UAAOC,QAAS,EAAGC,MAAM,UACC,WAAxB/B,MAAAA,SAAAA,EAAWC,WAAwBG,UAAAC,cAACN,EAASQ,EAAAA,SAAA,CAAAc,KAAMI,GAAkBzB,IACtEI,EAAAA,QAACC,cAAA2B,MAAK,KAAAlB,GACmB,SAAxBd,MAAAA,OAAS,EAATA,EAAWC,WAAsBG,EAAA,QAAAC,cAACN,EAASQ,EAAAA,SAAA,CAAAc,KAAMI,GAAkBzB,SAM5EQ,EAAKyB,YAAc"}
1
+ {"version":3,"file":"link.component-bdeff2cd.js","sources":["../src/components/Link/components/linkIcon.component.tsx","../src/components/Link/link.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\n\nexport interface LinkIconProps extends IconProps {\n position?: 'start' | 'end';\n}\n\nexport const LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n const { position, ...rest } = iconProps;\n\n return <Icon {...rest} />;\n};\n","import React, { forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Box, HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport { LinkIcon, LinkIconProps } from './components/linkIcon.component';\nimport { TextColor } from 'shared/types';\nimport { TextSize } from '../Text/text.types';\nimport { useIconTextSizeMap } from 'hooks/useIconTextSizeMap';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\n\nexport interface LinkProps extends CLinkProps {\n children: ReactNode;\n iconProps?: LinkIconProps;\n size?: TextSize;\n colorToken?: TextColor;\n onDark?: boolean;\n to?: string;\n}\n\nexport const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n const { colors } = useTheme();\n const { children, color, colorToken = 'link', onDark = false, iconProps, size = 'md', ...rest } = props;\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, onDark);\n const mappIconSize = useIconTextSizeMap(size);\n\n if (iconProps && !iconProps.position) {\n iconProps.position = 'start';\n }\n\n return (\n <CLink display=\"inline-block\" size={size} ref={ref} color={color || adaptiveColor} {...rest}>\n <HStack spacing={1} align=\"center\">\n {iconProps?.position === 'start' && <LinkIcon size={mappIconSize} {...iconProps} />}\n <Box>{children}</Box>\n {iconProps?.position === 'end' && <LinkIcon size={mappIconSize} {...iconProps} />}\n </HStack>\n </CLink>\n );\n});\n\nLink.displayName = 'Link';\n"],"names":["LinkIcon","iconProps","position","rest","__rest","React","createElement","Icon","__assign","Link","forwardRef","props","ref","colors","useTheme","children","color","_a","colorToken","_b","onDark","_c","size","adaptiveColor","useAdaptiveColorMap","text","mappIconSize","useIconTextSizeMap","CLink","display","HStack","spacing","align","Box","displayName"],"mappings":"uXAOaA,EAAW,SAACC,GACOA,EAAdC,aAAKC,EAAIC,EAAAA,OAAKH,EAAxB,CAAqB,aAE3B,OAAOI,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAL,KCQNM,EAAOC,EAAUA,YAAC,SAACC,EAAkBC,GACxC,IAAAC,EAAWC,oBACXC,EAA0FJ,EAAKI,SAArFC,EAAgFL,EAAKK,MAA9EC,EAAyEN,EAAtDO,WAAnBA,OAAa,IAAAD,EAAA,SAAQE,EAAoDR,EAAKS,OAAzDA,cAAcD,EAAElB,EAAoCU,EAA3BV,UAAEoB,EAAyBV,EAAdW,KAAXA,OAAO,IAAAD,EAAA,OAASlB,WAASQ,EAA5F,CAAyF,WAAA,QAAA,aAAA,SAAA,YAAA,SACzFY,EAAgBC,EAAAA,oBAA+BX,EAAOY,KAAMP,EAAYE,GACxEM,EAAeC,qBAAmBL,GAMxC,OAJIrB,IAAcA,EAAUC,WAC1BD,EAAUC,SAAW,SAIrBG,EAAAA,sBAACuB,EAAAA,KAAKpB,EAAAA,SAAA,CAACqB,QAAQ,eAAeP,KAAMA,EAAMV,IAAKA,EAAKI,MAAOA,GAASO,GAAmBpB,GACrFE,EAAC,QAAAC,cAAAwB,UAAOC,QAAS,EAAGC,MAAM,UACC,WAAxB/B,MAAAA,SAAAA,EAAWC,WAAwBG,UAAAC,cAACN,EAASQ,EAAAA,SAAA,CAAAc,KAAMI,GAAkBzB,IACtEI,EAAAA,QAACC,cAAA2B,MAAK,KAAAlB,GACmB,SAAxBd,MAAAA,OAAS,EAATA,EAAWC,WAAsBG,EAAA,QAAAC,cAACN,EAASQ,EAAAA,SAAA,CAAAc,KAAMI,GAAkBzB,SAM5EQ,EAAKyB,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-b44ee33f.js"),u=require("./menuButton.component-bb002d17.js"),r=require("./menuList.component-a8cf4995.js"),s=require("./menu.context-6276be4d.js"),i=require("./chakra-ui-menu.esm-22115f36.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t);exports.Menu=function(t){var o=t.buttonProps,a=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return l.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},l.default.createElement(n.MenuContainer,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),a?l.default.createElement(a,{as:i.MenuButton}):l.default.createElement(u.MenuButton,e.__assign({},o)),l.default.createElement(r.MenuList,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
2
+ //# sourceMappingURL=menu.component-8beb5821.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu.component-fad53003.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } 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 MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n buttonProps?: MenuButtonProps;\n CustomTriggerElement?: FunctionComponent;\n listProps?: MenuListProps;\n containerProps?: MenuContainerProps;\n children?: ReactNode;\n}\n\nexport const Menu = ({\n buttonProps,\n CustomTriggerElement,\n listProps,\n containerProps,\n ...props\n}: MenuProps): JSX.Element => {\n return (\n <MenuProvider\n menuItems={listProps?.menuItems}\n isMultiSelect={listProps?.isMultiSelect}\n onClose={containerProps?.onClose}\n >\n <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n {CustomTriggerElement ? (\n // @ts-ignore\n <CustomTriggerElement as={CMenuButton} />\n ) : (\n <MenuButton {...buttonProps} />\n )}\n <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","__assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gZAeoB,SAACA,GACnB,IAAAC,EAAWD,EAAAC,YACXC,yBACAC,EAASH,EAAAG,UACTC,EAAcJ,EAAAI,eACXC,EAAKC,EAAAA,OAAAN,EALW,qEAOnB,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,EAAA,QAAAC,cAACK,EAAaA,cAAAC,EAAAA,SAAA,CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,EAAAA,QAAAC,cAACN,EAAqB,CAAAc,GAAIC,EAAWC,aAErCX,UAACC,cAAAU,EAAAA,WAAeJ,EAAAA,SAAA,GAAAb,IAElBM,UAACC,cAAAW,EAAQA,uBAAKhB,EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}
1
+ {"version":3,"file":"menu.component-8beb5821.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } 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 MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n buttonProps?: MenuButtonProps;\n CustomTriggerElement?: FunctionComponent;\n listProps?: MenuListProps;\n containerProps?: MenuContainerProps;\n children?: ReactNode;\n}\n\nexport const Menu = ({\n buttonProps,\n CustomTriggerElement,\n listProps,\n containerProps,\n ...props\n}: MenuProps): JSX.Element => {\n return (\n <MenuProvider\n menuItems={listProps?.menuItems}\n isMultiSelect={listProps?.isMultiSelect}\n onClose={containerProps?.onClose}\n >\n <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n {CustomTriggerElement ? (\n // @ts-ignore\n <CustomTriggerElement as={CMenuButton} />\n ) : (\n <MenuButton {...buttonProps} />\n )}\n <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","__assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gZAeoB,SAACA,GACnB,IAAAC,EAAWD,EAAAC,YACXC,yBACAC,EAASH,EAAAG,UACTC,EAAcJ,EAAAI,eACXC,EAAKC,EAAAA,OAAAN,EALW,qEAOnB,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,EAAA,QAAAC,cAACK,EAAaA,cAAAC,EAAAA,SAAA,CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,EAAAA,QAAAC,cAACN,EAAqB,CAAAc,GAAIC,EAAWC,aAErCX,UAACC,cAAAU,EAAAA,WAAeJ,EAAAA,SAAA,GAAAb,IAElBM,UAACC,cAAAW,EAAQA,uBAAKhB,EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./icon.component-d3e98397.js"),a=require("./button.component-ab2adb64.js"),r=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);exports.MenuButton=function(s){var o=s.leftElement,i=s.leftIconName,m=s.rightIconName,l=void 0===m?"chevronDown":m,f=s.showRightIcon,x=void 0===f||f,d=s.size,p=s.text,h=s.variant,_=e.__rest(s,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),v=i&&!p,B=t.useMemo((function(){if(v)switch(d){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(d){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[v,d]),g=t.useMemo((function(){if(v)switch(d){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return d||"md"}),[v,d]),I=t.useMemo((function(){if(v)return"0px";switch(d){case"xs":case"sm":return"4px";default:return"8px"}}),[v,d]);return c.default.createElement(r.MenuButton,e.__assign({as:a.Button,variant:h,size:d,position:"relative"},_,{className:"MenuButton",p:B,lineHeight:0,_active:{transform:"none"}}),c.default.createElement(u.HStack,{spacing:I,className:"MenuButton__ContentContainer"},o&&o,i&&c.default.createElement(u.Box,{className:"MenuButton__LeftIcon"},c.default.createElement(n.Icon,{name:i,size:g})),p&&c.default.createElement(u.Box,{className:"MenuButton__Text"},p),x&&c.default.createElement(u.Box,{className:"MenuButton__RightIcon"},c.default.createElement(n.Icon,{name:l,size:"lg"===d?"sm":"xs"}))))};
2
+ //# sourceMappingURL=menuButton.component-bb002d17.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menuButton.component-6c5f789f.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["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 { ButtonSizeType, ButtonVariantType } from '../../../Button/button.types';\nimport { IconSize } from '../../../Icon/icon.types';\nimport { IconName } from '../../../../icons';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n leftElement?: ReactNode;\n leftIconName?: IconName;\n rightIconName?: IconName;\n showRightIcon?: boolean;\n size?: ButtonSizeType;\n text?: string;\n variant?: ButtonVariantType;\n}\n\nexport const MenuButton = ({\n leftElement,\n leftIconName,\n rightIconName = 'chevronDown',\n showRightIcon = true,\n size,\n text,\n variant,\n ...rest\n}: MenuButtonProps): JSX.Element => {\n const isIconButton = leftIconName && !text;\n const buttonPadding = useMemo((): string => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return '4px';\n case 'sm':\n return '6px';\n default:\n return '8px';\n }\n }\n\n switch (size) {\n case 'xs':\n return '5px 8px';\n case 'sm':\n return '8px 12px';\n case 'md':\n return '10px 16px';\n default:\n return '12px 20px';\n }\n }, [isIconButton, size]);\n\n const iconSize = useMemo((): IconSize => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return 'sm';\n case 'sm':\n return 'md';\n case 'md':\n return 'lg';\n default:\n return 'xl';\n }\n }\n\n return size || 'md';\n }, [isIconButton, size]);\n\n const textSpacing = useMemo((): string => {\n if (isIconButton) {\n return '0px';\n }\n\n switch (size) {\n case 'xs':\n case 'sm':\n return '4px';\n default:\n return '8px';\n }\n }, [isIconButton, size]);\n\n return (\n <CMenuButton\n as={Button}\n variant={variant}\n size={size}\n position=\"relative\"\n {...rest}\n className=\"MenuButton\"\n p={buttonPadding}\n lineHeight={0}\n _active={{ transform: 'none' }}\n >\n <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n {leftElement && leftElement}\n {leftIconName && (\n <Box className=\"MenuButton__LeftIcon\">\n <Icon name={leftIconName} size={iconSize} />\n </Box>\n )}\n {text && <Box className=\"MenuButton__Text\">{text}</Box>}\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":["_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","MenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"mWAkB0B,SAACA,GACzB,IAAAC,EAAWD,EAAAC,YACXC,iBACAC,EAAAH,EAAAI,cAAAA,OAAgB,IAAAD,EAAA,cAAaA,EAC7BE,kBAAAC,OAAgB,IAAAD,GAAIA,EACpBE,EAAIP,EAAAO,KACJC,EAAIR,EAAAQ,KACJC,EAAOT,EAAAS,QACJC,EAAIC,EAAAA,OAAAX,EARkB,wFAUnBY,EAAeV,IAAiBM,EAChCK,EAAgBC,EAAAA,SAAQ,WAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,WACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,UAACC,cAAAC,EAAWC,uBACVC,GAAIC,EAAMA,OACVb,QAASA,EACTF,KAAMA,EACNgB,SAAS,YACLb,EAAI,CACRc,UAAU,aACVC,EAAGZ,EACHa,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBX,EAAC,QAAAC,cAAAW,UAAOC,QAASd,EAAaQ,UAAU,gCACrCvB,GAAeA,EACfC,GACCe,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,wBACbP,UAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM/B,EAAcK,KAAMQ,KAGnCP,GAAQS,wBAACc,EAAAA,IAAG,CAACP,UAAU,oBAAoBhB,GAC3CF,GACCW,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,yBACbP,EAAAA,QAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM7B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}
1
+ {"version":3,"file":"menuButton.component-bb002d17.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["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 { ButtonSizeType, ButtonVariantType } from '../../../Button/button.types';\nimport { IconSize } from '../../../Icon/icon.types';\nimport { IconName } from '../../../../icons';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n leftElement?: ReactNode;\n leftIconName?: IconName;\n rightIconName?: IconName;\n showRightIcon?: boolean;\n size?: ButtonSizeType;\n text?: string;\n variant?: ButtonVariantType;\n}\n\nexport const MenuButton = ({\n leftElement,\n leftIconName,\n rightIconName = 'chevronDown',\n showRightIcon = true,\n size,\n text,\n variant,\n ...rest\n}: MenuButtonProps): JSX.Element => {\n const isIconButton = leftIconName && !text;\n const buttonPadding = useMemo((): string => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return '4px';\n case 'sm':\n return '6px';\n default:\n return '8px';\n }\n }\n\n switch (size) {\n case 'xs':\n return '5px 8px';\n case 'sm':\n return '8px 12px';\n case 'md':\n return '10px 16px';\n default:\n return '12px 20px';\n }\n }, [isIconButton, size]);\n\n const iconSize = useMemo((): IconSize => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return 'sm';\n case 'sm':\n return 'md';\n case 'md':\n return 'lg';\n default:\n return 'xl';\n }\n }\n\n return size || 'md';\n }, [isIconButton, size]);\n\n const textSpacing = useMemo((): string => {\n if (isIconButton) {\n return '0px';\n }\n\n switch (size) {\n case 'xs':\n case 'sm':\n return '4px';\n default:\n return '8px';\n }\n }, [isIconButton, size]);\n\n return (\n <CMenuButton\n as={Button}\n variant={variant}\n size={size}\n position=\"relative\"\n {...rest}\n className=\"MenuButton\"\n p={buttonPadding}\n lineHeight={0}\n _active={{ transform: 'none' }}\n >\n <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n {leftElement && leftElement}\n {leftIconName && (\n <Box className=\"MenuButton__LeftIcon\">\n <Icon name={leftIconName} size={iconSize} />\n </Box>\n )}\n {text && <Box className=\"MenuButton__Text\">{text}</Box>}\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":["_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","MenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"mWAkB0B,SAACA,GACzB,IAAAC,EAAWD,EAAAC,YACXC,iBACAC,EAAAH,EAAAI,cAAAA,OAAgB,IAAAD,EAAA,cAAaA,EAC7BE,kBAAAC,OAAgB,IAAAD,GAAIA,EACpBE,EAAIP,EAAAO,KACJC,EAAIR,EAAAQ,KACJC,EAAOT,EAAAS,QACJC,EAAIC,EAAAA,OAAAX,EARkB,wFAUnBY,EAAeV,IAAiBM,EAChCK,EAAgBC,EAAAA,SAAQ,WAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,WACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,UAACC,cAAAC,EAAWC,uBACVC,GAAIC,EAAMA,OACVb,QAASA,EACTF,KAAMA,EACNgB,SAAS,YACLb,EAAI,CACRc,UAAU,aACVC,EAAGZ,EACHa,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBX,EAAC,QAAAC,cAAAW,UAAOC,QAASd,EAAaQ,UAAU,gCACrCvB,GAAeA,EACfC,GACCe,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,wBACbP,UAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM/B,EAAcK,KAAMQ,KAGnCP,GAAQS,wBAACc,EAAAA,IAAG,CAACP,UAAU,oBAAoBhB,GAC3CF,GACCW,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,yBACbP,EAAAA,QAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM7B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./useTheme-d7d8c3f5.js"),l=require("./menu.config-83ef52b8.js"),a=require("./truncatedText.component-02797815.js"),r=require("./text.component-dabbab97.js"),o=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./icon.component-d3e98397.js"),i=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t);exports.MenuItem=function(s){var m=s.canSelectAll,f=s.children,b=s.colorToken;s.groupLabel;var x=s.handleKeyboardNavigation,h=void 0===x?function(){}:x,g=s.isDisabled,p=s.isMultiSelect;s.isPlaceholder;var v=s.closeOnSelect,k=void 0===v?!p:v,E=s.isSelected,I=s.itemIndex,S=void 0===I?"0":I,j=s.label,M=s.leftElement,T=s.menuItemRefs,_=s.onSelect,q=s.shouldRetainSelection,C=void 0!==q&&q,y=s.shouldTruncateText,L=s.value,N=e.__rest(s,["canSelectAll","children","colorToken","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value"]),R=n.useTheme().colors,w=i.useMenuState().onClose,A=o.useAdaptiveColorMap(R.text,b||"default"),B=t.useCallback((function(e){e.stopPropagation(),g||(L&&_&&_({label:j,leftElement:M,value:L}),k&&w())}),[L,_,w,k,g,j,M]),D=t.useMemo((function(){return b?A:E&&C&&!p?R.text.light.link:R.text.light.default}),[E,C,p,A,b,R]);return d.default.createElement(u.Box,e.__assign({},l.MenuItemConfig,{bg:E&&C&&!p?R.background.hover:"",className:"MenuList__Item",onClick:B,onKeyDown:function(e){return h(e,!1)},tabIndex:parseInt(m?S+=2:S),ref:function(e){return T&&S?T.current[parseInt(S)]=e:null},disabled:g},N),f?d.default.createElement(u.Box,{onClick:B},f):d.default.createElement(u.HStack,{align:"center",spacing:3,minH:5,color:D},p&&d.default.createElement(u.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox",align:"center",justify:"center",color:R.status.success},E?d.default.createElement(c.Icon,{name:"checkmarkCircle",size:"sm"}):d.default.createElement(u.Box,{m:"2px",w:3,h:3,borderRadius:"100%",bg:R.background.grayDark})),M&&d.default.createElement(u.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},M),d.default.createElement(u.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},"string"==typeof j?y?d.default.createElement(a.TruncatedText,{color:D,textContent:j||"",noOfLines:1}):d.default.createElement(r.Text,{color:D},j):j)))};
2
+ //# sourceMappingURL=menuItem.component-e2b00162.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menuItem.component-e2b00162.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} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { MenuItemConfig } from '../../menu.config';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Icon } from '../../../Icon/icon.component';\n\nexport interface MenuItemProps {\n canSelectAll?: boolean;\n children?: ReactNode;\n closeOnSelect?: boolean;\n groupLabel?: string;\n handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n isDisabled?: boolean;\n isMultiSelect?: boolean;\n isSelected?: boolean;\n itemIndex?: string;\n label?: string | ReactElement;\n leftElement?: ReactNode;\n menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n onSelect?: (selectedItem: MenuItemProps) => void;\n shouldRetainSelection?: boolean;\n shouldTruncateText?: boolean;\n value?: string;\n colorToken?: TextColor;\n isPlaceholder?: boolean;\n}\n\nexport const MenuItem = ({\n canSelectAll,\n children,\n colorToken,\n groupLabel,\n handleKeyboardNavigation = (): void => {},\n isDisabled,\n isMultiSelect,\n isPlaceholder,\n closeOnSelect = !isMultiSelect,\n isSelected,\n itemIndex = '0',\n label,\n leftElement,\n menuItemRefs,\n onSelect,\n shouldRetainSelection = false,\n shouldTruncateText,\n value,\n ...rest\n}: MenuItemProps): JSX.Element => {\n const { colors } = useTheme();\n const { onClose } = useMenuState();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken ? colorToken : 'default');\n\n const handleSelect = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\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 (colorToken) {\n return adaptiveColor;\n }\n\n return isSelected && shouldRetainSelection && !isMultiSelect ? colors.text.light.link : colors.text.light.default;\n }, [isSelected, shouldRetainSelection, isMultiSelect, adaptiveColor, colorToken, colors]);\n\n return (\n <Box\n {...MenuItemConfig}\n bg={isSelected && shouldRetainSelection && !isMultiSelect ? colors.background.hover : ''}\n className=\"MenuList__Item\"\n onClick={handleSelect}\n onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n ref={(el): HTMLDivElement | null =>\n menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n }\n // @ts-ignore\n disabled={isDisabled}\n {...rest}\n >\n {children ? (\n <Box onClick={handleSelect}>{children}</Box>\n ) : (\n <HStack align=\"center\" spacing={3} minH={5} color={fontColor}>\n {isMultiSelect && (\n <Flex\n w={4}\n h={4}\n className=\"MenuList__ItemCheckbox\"\n align=\"center\"\n justify=\"center\"\n color={colors.status.success}\n >\n {isSelected ? (\n <Icon name=\"checkmarkCircle\" size=\"sm\" />\n ) : (\n <Box m=\"2px\" w={3} h={3} borderRadius=\"100%\" bg={colors.background.grayDark} />\n )}\n </Flex>\n )}\n {leftElement && (\n <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n {leftElement}\n </Flex>\n )}\n <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n {typeof label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText color={fontColor} textContent={label || ''} noOfLines={1} />\n ) : (\n <Text color={fontColor}>{label}</Text>\n )\n ) : (\n label\n )}\n </Box>\n </HStack>\n )}\n </Box>\n );\n};\n"],"names":["_a","canSelectAll","children","colorToken","groupLabel","_b","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","_c","closeOnSelect","isSelected","_d","itemIndex","label","leftElement","menuItemRefs","onSelect","_e","shouldRetainSelection","shouldTruncateText","value","rest","__rest","colors","useTheme","onClose","useMenuState","adaptiveColor","useAdaptiveColorMap","text","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","light","link","default","React","createElement","Box","__assign","MenuItemConfig","bg","background","hover","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","HStack","align","spacing","minH","color","Flex","w","h","justify","status","success","Icon","name","size","m","borderRadius","grayDark","position","TruncatedText","textContent","noOfLines","Text"],"mappings":"4gBAuCwB,SAACA,GACvB,IAAAC,EAAYD,EAAAC,aACZC,aACAC,EAAUH,EAAAG,WACAH,EAAAI,WACV,IAAAC,EAAyCL,EAAAM,yBAAzCA,OAA2B,IAAAD,EAAA,aAAcA,EACzCE,EAAUP,EAAAO,WACVC,kBACaR,EAAAS,cAAA,IACbC,kBAAAC,OAAgB,IAAAD,GAACF,EAAaE,EAC9BE,EAAUZ,EAAAY,WACVC,EAAeb,EAAAc,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAKf,EAAAe,MACLC,EAAWhB,EAAAgB,YACXC,iBACAC,EAAQlB,EAAAkB,SACRC,0BAAAC,OAAwB,IAAAD,KACxBE,EAAkBrB,EAAAqB,mBAClBC,EAAKtB,EAAAsB,MACFC,EAAIC,EAAAA,OAAAxB,EAnBgB,6QAqBfyB,EAAWC,oBACXC,EAAYC,yBACdC,EAAgBC,EAAAA,oBAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,eACnB,SAACC,GACCA,EAAEC,kBAEE5B,IAEAe,GAASJ,GACXA,EAAS,CACPH,MAAKA,EACLC,YAAWA,EACXM,MAAKA,IAILX,GACFgB,OAGJ,CAACL,EAAOJ,EAAUS,EAAShB,EAAeJ,EAAYQ,EAAOC,IAGzDoB,EAAYC,EAAAA,SAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAA,QAAAC,cAACC,EAAGA,IAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,EACCuC,UAAAC,cAACC,EAAGA,IAAC,CAAAO,QAASlB,GAAe9B,GAE7BuC,EAAAA,QAAAC,cAACgB,SAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,OAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,KAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAGA,IAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAIA,KAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,MAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAaA,cAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,MAAKjB,MAAO1B,GAAYrB,GAC1B"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),l=require("./heading.component-46024b9d.js"),n=require("./text.component-dabbab97.js"),r=require("./menuItem.component-bddca6b6.js"),a=require("./textInput.component-0e7bd3ce.js"),u=require("./chakra-ui-menu.esm-22115f36.js"),i=require("./button.component-1974818b.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),c=require("./menu.context-6276be4d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),f=function(e){var l=e.handleKeyboardNavigation,n=e.menuItems,r=e.onSearchCallback,i=e.searchInputRef,o=e.setFilteredMenuItems,c=e.placeholder,s=void 0===c?"Search...":c,f=u.useMenuState().isOpen,m=t.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var l=n.filter((function(e){var l,n="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));o(l)}else o(n);r&&r(e)}),[n,r,o]);return t.useEffect((function(){var e;return f&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,f]),d.default.createElement(a.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:s,onChange:m,mt:1,onKeyDown:function(e){return l(e,!0)},size:"sm",ref:i})},m=function(e){var t=e.groupName,l=e.handleToggleAllItems,n=e.hasSelectedItems;return e.isGrouped?d.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},n?d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({groupName:t,clear:!0})},isDisabled:!n},"Clear all"):d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({groupName:t,clear:!1})}},"Select all")):d.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(o.Flex,{justifyContent:"space-between"},d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({clear:!1})}},"Select all"),d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({clear:!0})},isDisabled:!n},"Clear all")))};exports.MenuList=function(a){var i=a.canSelectAll,s=void 0!==i&&i,v=a.canSelectGroups,p=void 0!==v&&v,h=a.children,S=a.isGrouped,b=void 0!==S&&S,x=a.isMatchWidthSet,g=a.isMultiSelect,_=void 0!==g&&g,I=a.isSearchable,E=void 0!==I&&I,k=a.menuItems,M=a.onSelect,y=a.onSelectAll,A=a.searchPlaceholder,N=a.shouldRetainSelection,C=void 0!==N&&N,w=a.shouldTruncateText,T=void 0===w||w,B=a.minW,L=void 0===B?"240px":B,j=a.maxW,G=a.maxH,q=void 0===G?"480px":G,D=e.__rest(a,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),W=c.useMenuContext(),R=W.filteredMenuItems,z=W.setFilteredMenuItems,F=W.allMenuItems,H=W.groups,K=W.setGroups,O=W.focusedItemIndex,P=W.setFocusedItemIndex,U=W.searchInputRef,J=W.menuItemRefs,Q=t.useCallback((function(e){var t,l;if(null==J?void 0:J.current){var n=0===O,r=O===(null==J?void 0:J.current.length)-1,a=-1;if("ArrowDown"===e)if(r){if(E)return null===(t=null==U?void 0:U.current)||void 0===t||t.focus(),void P(-1);a=0}else a=O+1;else if("ArrowUp"===e)if(n){if(E)return null===(l=null==U?void 0:U.current)||void 0===l||l.focus(),void P(-1);a=J.current.length-1}else a=O-1;var u=null==J?void 0:J.current[a];u?(null==u||u.focus(),P(a)):P(-1)}}),[O,E,J,U,P]),V=t.useCallback((function(e,t){e.persist(),(null==J?void 0:J.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||Q("ArrowDown"),"ArrowUp"===e.key&&Q("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[Q,J]),X=t.useCallback((function(t,l){if(R&&F){var n=e.__spreadArray([],e.__read(R),!1),r=n.find((function(e){return e.value===t.value}));_&&r&&(r.isSelected=!r.isSelected),z(n);var a=F.filter((function(e){return e.isSelected}));M&&r&&M(r,a),l&&r&&l(r,a)}}),[F,R,_,M,z]),Y=t.useCallback((function(t){var l=t.groupName,n=t.clear,r=void 0!==n&&n;if(R&&F){var a=e.__spreadArray([],e.__read(R),!1),u=[];a.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!r,e.value&&e.isSelected&&u.push(e.value)):(e.isSelected=!r,e.value&&e.isSelected&&u.push(e.value))})),z(a),y&&y(F.filter((function(e){return e.isSelected})))}}),[R,F,y,z]);t.useEffect((function(){if(b){var t=e.__spreadArray([],e.__read(new Set(null==R?void 0:R.map((function(e){return e.groupLabel})))),!1);t.length&&K(t)}}),[R,b,K]);var Z=t.useCallback((function(e,t){return e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(r.MenuItem,{canSelectAll:s,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:V,isDisabled:e.isDisabled,isMultiSelect:_,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:J,onSelect:function(t){return X(t,e.onSelect)},shouldRetainSelection:C,shouldTruncateText:T,value:e.value})}),[V,X,_,J,C,T,s]);return x||(j="320px"),h?d.default.createElement(u.MenuList,e.__assign({},D),h):d.default.createElement(u.MenuList,e.__assign({className:"MeuList"},D,{maxW:j||"unset",maxH:q,minW:L,overflow:"hidden auto"}),(E||s&&_)&&d.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},E&&d.default.createElement(f,{handleKeyboardNavigation:V,menuItems:k||[],searchInputRef:U,setFilteredMenuItems:z,placeholder:A}),s&&_&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==R?void 0:R.find((function(e){return e.isSelected}))),isGrouped:!1})),d.default.createElement(o.Box,{className:"MenuList__Body"},(null==R?void 0:R.length)?b?null==H?void 0:H.map((function(e,t){var n=null==R?void 0:R.filter((function(t){return t.groupLabel===e}));return d.default.createElement(o.Box,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&d.default.createElement(o.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.Heading,{size:"xs"},e)),_&&p&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==n?void 0:n.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==n?void 0:n.map((function(e,t){return Z(e,t)})))})):null==R?void 0:R.map((function(e,t){return Z(e,t)})):d.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(n.Text,{size:"sm",colorToken:"subtle"},"No results found"))))};
2
- //# sourceMappingURL=menuList.component-ab82aa08.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),l=require("./heading.component-46024b9d.js"),n=require("./text.component-dabbab97.js"),a=require("./menuItem.component-e2b00162.js"),r=require("./textInput.component-a6844c69.js"),u=require("./chakra-ui-menu.esm-22115f36.js"),i=require("./button.component-ab2adb64.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),c=require("./menu.context-6276be4d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),f=function(e){var l=e.handleKeyboardNavigation,n=e.menuItems,a=e.onSearchCallback,i=e.searchInputRef,o=e.setFilteredMenuItems,c=e.placeholder,s=void 0===c?"Search...":c,f=u.useMenuState().isOpen,m=t.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var l=n.filter((function(e){var l,n="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));o(l)}else o(n);a&&a(e)}),[n,a,o]);return t.useEffect((function(){var e;return f&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,f]),d.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:s,onChange:m,mt:1,onKeyDown:function(e){return l(e,!0)},size:"sm",ref:i})},m=function(e){var t=e.groupName,l=e.handleToggleAllItems,n=e.hasSelectedItems;return e.isGrouped?d.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},n?d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({groupName:t,clear:!0})},isDisabled:!n},"Clear all"):d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({groupName:t,clear:!1})}},"Select all")):d.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(o.Flex,{justifyContent:"space-between"},d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({clear:!1})}},"Select all"),d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({clear:!0})},isDisabled:!n},"Clear all")))};exports.MenuList=function(r){var i=r.canSelectAll,s=void 0!==i&&i,v=r.canSelectGroups,p=void 0!==v&&v,h=r.children,S=r.isGrouped,b=void 0!==S&&S,x=r.isMatchWidthSet,g=r.isMultiSelect,_=void 0!==g&&g,I=r.isSearchable,E=void 0!==I&&I,k=r.menuItems,M=r.onSelect,y=r.onSelectAll,A=r.searchPlaceholder,N=r.shouldRetainSelection,C=void 0!==N&&N,w=r.shouldTruncateText,T=void 0===w||w,B=r.minW,L=void 0===B?"240px":B,j=r.maxW,G=r.maxH,q=void 0===G?"480px":G,D=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),W=c.useMenuContext(),R=W.filteredMenuItems,z=W.setFilteredMenuItems,F=W.allMenuItems,H=W.groups,K=W.setGroups,O=W.focusedItemIndex,P=W.setFocusedItemIndex,U=W.searchInputRef,J=W.menuItemRefs,Q=t.useCallback((function(e){var t,l;if(null==J?void 0:J.current){var n=0===O,a=O===(null==J?void 0:J.current.length)-1,r=-1;if("ArrowDown"===e)if(a){if(E)return null===(t=null==U?void 0:U.current)||void 0===t||t.focus(),void P(-1);r=0}else r=O+1;else if("ArrowUp"===e)if(n){if(E)return null===(l=null==U?void 0:U.current)||void 0===l||l.focus(),void P(-1);r=J.current.length-1}else r=O-1;var u=null==J?void 0:J.current[r];u?(null==u||u.focus(),P(r)):P(-1)}}),[O,E,J,U,P]),V=t.useCallback((function(e,t){e.persist(),(null==J?void 0:J.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||Q("ArrowDown"),"ArrowUp"===e.key&&Q("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[Q,J]),X=t.useCallback((function(t,l){if(R&&F){var n=e.__spreadArray([],e.__read(R),!1),a=n.find((function(e){return e.value===t.value}));_&&a&&(a.isSelected=!a.isSelected),z(n);var r=F.filter((function(e){return e.isSelected}));M&&a&&M(a,r),l&&a&&l(a,r)}}),[F,R,_,M,z]),Y=t.useCallback((function(t){var l=t.groupName,n=t.clear,a=void 0!==n&&n;if(R&&F){var r=e.__spreadArray([],e.__read(R),!1),u=[];r.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!a,e.value&&e.isSelected&&u.push(e.value)):(e.isSelected=!a,e.value&&e.isSelected&&u.push(e.value))})),z(r),y&&y(F.filter((function(e){return e.isSelected})))}}),[R,F,y,z]);t.useEffect((function(){if(b){var t=e.__spreadArray([],e.__read(new Set(null==R?void 0:R.map((function(e){return e.groupLabel})))),!1);t.length&&K(t)}}),[R,b,K]);var Z=t.useCallback((function(e,t){return e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(a.MenuItem,{canSelectAll:s,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:V,isDisabled:e.isDisabled,isMultiSelect:_,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:J,onSelect:function(t){return X(t,e.onSelect)},shouldRetainSelection:C,shouldTruncateText:T,value:e.value})}),[V,X,_,J,C,T,s]);return x||(j="320px"),h?d.default.createElement(u.MenuList,e.__assign({},D),h):d.default.createElement(u.MenuList,e.__assign({className:"MeuList"},D,{maxW:j||"unset",maxH:q,minW:L,overflow:"hidden auto"}),(E||s&&_)&&d.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},E&&d.default.createElement(f,{handleKeyboardNavigation:V,menuItems:k||[],searchInputRef:U,setFilteredMenuItems:z,placeholder:A}),s&&_&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==R?void 0:R.find((function(e){return e.isSelected}))),isGrouped:!1})),d.default.createElement(o.Box,{className:"MenuList__Body"},(null==R?void 0:R.length)?b?null==H?void 0:H.map((function(e,t){var n=null==R?void 0:R.filter((function(t){return t.groupLabel===e}));return d.default.createElement(o.Box,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&d.default.createElement(o.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.Heading,{size:"xs"},e)),_&&p&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==n?void 0:n.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==n?void 0:n.map((function(e,t){return Z(e,t)})))})):null==R?void 0:R.map((function(e,t){return Z(e,t)})):d.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(n.Text,{size:"sm",colorToken:"subtle"},"No results found"))))};
2
+ //# sourceMappingURL=menuList.component-a8cf4995.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menuList.component-ab82aa08.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n ChangeEventHandler,\n Dispatch,\n SetStateAction,\n useCallback,\n KeyboardEvent,\n MutableRefObject,\n useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n menuItems: MenuItemProps[];\n onSearchCallback?: (e: ChangeEventHandler) => void;\n searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n handleKeyboardNavigation,\n menuItems,\n onSearchCallback,\n searchInputRef,\n setFilteredMenuItems,\n placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n const { isOpen } = useMenuState();\n\n const handleSearch = useCallback(\n (e) => {\n const searchInput = e.target.value;\n\n if (searchInput === '' || !searchInput) {\n setFilteredMenuItems(menuItems);\n } else {\n const filterdItems = menuItems.filter((item) => {\n const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n });\n setFilteredMenuItems(filterdItems);\n }\n\n if (onSearchCallback) {\n onSearchCallback(e);\n }\n },\n [menuItems, onSearchCallback, setFilteredMenuItems],\n );\n\n useEffect(() => {\n let focusTimeout: NodeJS.Timeout;\n\n if (isOpen) {\n focusTimeout = setTimeout(() => {\n searchInputRef?.current?.focus();\n }, 200);\n }\n\n return (): void => clearTimeout(focusTimeout);\n }, [searchInputRef, isOpen]);\n\n return (\n <TextInput\n className=\"MenuList__SearchBar\"\n placeholder={placeholder}\n onChange={handleSearch}\n mt={1}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n size=\"sm\"\n ref={searchInputRef}\n />\n );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n groupName?: string;\n handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n hasSelectedItems: boolean;\n isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n groupName,\n handleToggleAllItems,\n hasSelectedItems,\n isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n if (isGrouped) {\n return (\n <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n {hasSelectedItems ? (\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n isDisabled={!hasSelectedItems}\n >\n Clear all\n </Button>\n ) : (\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n Select all\n </Button>\n )}\n </Box>\n );\n }\n\n return (\n <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n <Flex justifyContent=\"space-between\">\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n Select all\n </Button>\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n onClick={(): void => handleToggleAllItems({ clear: true })}\n isDisabled={!hasSelectedItems}\n >\n Clear all\n </Button>\n </Flex>\n </Box>\n );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n canSelectAll?: boolean;\n canSelectGroups?: boolean;\n isGrouped?: boolean;\n isMultiSelect?: boolean;\n isSearchable?: boolean;\n menuItems?: MenuItemProps[];\n onSelect?:\n | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n searchPlaceholder?: string;\n shouldRetainSelection?: boolean;\n isMatchWidthSet?: boolean;\n shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n canSelectAll = false,\n canSelectGroups = false,\n children,\n isGrouped = false,\n isMatchWidthSet,\n isMultiSelect = false,\n isSearchable = false,\n menuItems,\n onSelect,\n onSelectAll,\n searchPlaceholder,\n shouldRetainSelection = false,\n shouldTruncateText = true,\n minW = '240px',\n maxW,\n maxH = '480px',\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 canSelectAll={canSelectAll}\n children={item.children}\n closeOnSelect={item.closeOnSelect}\n colorToken={item.colorToken}\n handleKeyboardNavigation={handleKeyboardNavigation}\n isDisabled={item.isDisabled}\n isMultiSelect={isMultiSelect}\n isSelected={item.isSelected}\n itemIndex={index.toString()}\n key={item.value}\n label={item.label}\n leftElement={item.leftElement}\n menuItemRefs={menuItemRefs}\n onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n shouldRetainSelection={shouldRetainSelection}\n shouldTruncateText={shouldTruncateText}\n value={item.value}\n />\n );\n },\n [\n handleKeyboardNavigation,\n handleToggleSingleItem,\n isMultiSelect,\n menuItemRefs,\n shouldRetainSelection,\n shouldTruncateText,\n canSelectAll,\n ],\n );\n\n if (!isMatchWidthSet) {\n maxW = '320px';\n }\n\n // Return default Chakra menu if user passes in custom child elements\n if (children) {\n return <CMenuList {...rest}>{children}</CMenuList>;\n }\n\n return (\n <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n {(isSearchable || (canSelectAll && isMultiSelect)) && (\n <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n {isSearchable && (\n <MenuSearchBar\n handleKeyboardNavigation={handleKeyboardNavigation}\n menuItems={menuItems || []}\n searchInputRef={searchInputRef}\n setFilteredMenuItems={setFilteredMenuItems}\n placeholder={searchPlaceholder}\n />\n )}\n {canSelectAll && isMultiSelect && (\n <MenuSelectAllButtons\n handleToggleAllItems={handleToggleAllItems}\n hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n isGrouped={false}\n />\n )}\n </Box>\n )}\n <Box className=\"MenuList__Body\">\n {!filteredMenuItems?.length ? (\n <Box textAlign=\"center\" display=\"block\" p={3}>\n <Text size=\"sm\" colorToken=\"subtle\">\n No results found\n </Text>\n </Box>\n ) : isGrouped ? (\n groups?.map((groupName, index) => {\n const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n return (\n <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n {groupName && (\n <Flex minH={8} pt={4} 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 </Box>\n </CMenuList>\n );\n};\n"],"names":["MenuSearchBar","_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","concat","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"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"}
1
+ {"version":3,"file":"menuList.component-a8cf4995.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n ChangeEventHandler,\n Dispatch,\n SetStateAction,\n useCallback,\n KeyboardEvent,\n MutableRefObject,\n useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n menuItems: MenuItemProps[];\n onSearchCallback?: (e: ChangeEventHandler) => void;\n searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n handleKeyboardNavigation,\n menuItems,\n onSearchCallback,\n searchInputRef,\n setFilteredMenuItems,\n placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n const { isOpen } = useMenuState();\n\n const handleSearch = useCallback(\n (e) => {\n const searchInput = e.target.value;\n\n if (searchInput === '' || !searchInput) {\n setFilteredMenuItems(menuItems);\n } else {\n const filterdItems = menuItems.filter((item) => {\n const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n });\n setFilteredMenuItems(filterdItems);\n }\n\n if (onSearchCallback) {\n onSearchCallback(e);\n }\n },\n [menuItems, onSearchCallback, setFilteredMenuItems],\n );\n\n useEffect(() => {\n let focusTimeout: NodeJS.Timeout;\n\n if (isOpen) {\n focusTimeout = setTimeout(() => {\n searchInputRef?.current?.focus();\n }, 200);\n }\n\n return (): void => clearTimeout(focusTimeout);\n }, [searchInputRef, isOpen]);\n\n return (\n <TextInput\n className=\"MenuList__SearchBar\"\n placeholder={placeholder}\n onChange={handleSearch}\n mt={1}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n size=\"sm\"\n ref={searchInputRef}\n />\n );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n groupName?: string;\n handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n hasSelectedItems: boolean;\n isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n groupName,\n handleToggleAllItems,\n hasSelectedItems,\n isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n if (isGrouped) {\n return (\n <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n {hasSelectedItems ? (\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n isDisabled={!hasSelectedItems}\n >\n Clear all\n </Button>\n ) : (\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n Select all\n </Button>\n )}\n </Box>\n );\n }\n\n return (\n <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n <Flex justifyContent=\"space-between\">\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n Select all\n </Button>\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n onClick={(): void => handleToggleAllItems({ clear: true })}\n isDisabled={!hasSelectedItems}\n >\n Clear all\n </Button>\n </Flex>\n </Box>\n );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n canSelectAll?: boolean;\n canSelectGroups?: boolean;\n isGrouped?: boolean;\n isMultiSelect?: boolean;\n isSearchable?: boolean;\n menuItems?: MenuItemProps[];\n onSelect?:\n | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n searchPlaceholder?: string;\n shouldRetainSelection?: boolean;\n isMatchWidthSet?: boolean;\n shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n canSelectAll = false,\n canSelectGroups = false,\n children,\n isGrouped = false,\n isMatchWidthSet,\n isMultiSelect = false,\n isSearchable = false,\n menuItems,\n onSelect,\n onSelectAll,\n searchPlaceholder,\n shouldRetainSelection = false,\n shouldTruncateText = true,\n minW = '240px',\n maxW,\n maxH = '480px',\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 canSelectAll={canSelectAll}\n children={item.children}\n closeOnSelect={item.closeOnSelect}\n colorToken={item.colorToken}\n handleKeyboardNavigation={handleKeyboardNavigation}\n isDisabled={item.isDisabled}\n isMultiSelect={isMultiSelect}\n isSelected={item.isSelected}\n itemIndex={index.toString()}\n key={item.value}\n label={item.label}\n leftElement={item.leftElement}\n menuItemRefs={menuItemRefs}\n onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n shouldRetainSelection={shouldRetainSelection}\n shouldTruncateText={shouldTruncateText}\n value={item.value}\n />\n );\n },\n [\n handleKeyboardNavigation,\n handleToggleSingleItem,\n isMultiSelect,\n menuItemRefs,\n shouldRetainSelection,\n shouldTruncateText,\n canSelectAll,\n ],\n );\n\n if (!isMatchWidthSet) {\n maxW = '320px';\n }\n\n // Return default Chakra menu if user passes in custom child elements\n if (children) {\n return <CMenuList {...rest}>{children}</CMenuList>;\n }\n\n return (\n <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n {(isSearchable || (canSelectAll && isMultiSelect)) && (\n <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n {isSearchable && (\n <MenuSearchBar\n handleKeyboardNavigation={handleKeyboardNavigation}\n menuItems={menuItems || []}\n searchInputRef={searchInputRef}\n setFilteredMenuItems={setFilteredMenuItems}\n placeholder={searchPlaceholder}\n />\n )}\n {canSelectAll && isMultiSelect && (\n <MenuSelectAllButtons\n handleToggleAllItems={handleToggleAllItems}\n hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n isGrouped={false}\n />\n )}\n </Box>\n )}\n <Box className=\"MenuList__Body\">\n {!filteredMenuItems?.length ? (\n <Box textAlign=\"center\" display=\"block\" p={3}>\n <Text size=\"sm\" colorToken=\"subtle\">\n No results found\n </Text>\n </Box>\n ) : isGrouped ? (\n groups?.map((groupName, index) => {\n const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n return (\n <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n {groupName && (\n <Flex minH={8} pt={4} 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 </Box>\n </CMenuList>\n );\n};\n"],"names":["MenuSearchBar","_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","concat","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-ab2adb64.js"),r=require("./chakra-ui-modal.esm-9136b612.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t);exports.ModalCloseButton=function(t){var i=t.right,s=void 0===i?2:i,n=t.top,u=void 0===n?2:n,l=t.size,c=void 0===l?"md":l,d=e.__rest(t,["right","top","size"]),b=r.useModalContext().onClose;return a.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:b,iconName:"close",position:"absolute",right:s,top:u,size:c},d))};
2
+ //# sourceMappingURL=modalCloseButton.component-8aa52184.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modalCloseButton.component-d7f4ef8f.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","_b","right","_c","top","_d","size","rest","__rest","onClose","useModalContext","React","createElement","Button","__assign","variant","onClick","iconName","position"],"mappings":"gRAMgC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,MAAAA,OAAQ,IAAAD,EAAA,IAAGE,EAAAH,EAAAI,IAAAA,OAAM,IAAAD,EAAA,IAAGE,EAAAL,EAAAM,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAtCC,EAAAA,OAAAR,EAAA,CAAA,QAAA,MAAA,SACvBS,EAAYC,4BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACThB,MAAOA,EACPE,IAAKA,EACLE,KAAMA,GACFC"}
1
+ {"version":3,"file":"modalCloseButton.component-8aa52184.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","_b","right","_c","top","_d","size","rest","__rest","onClose","useModalContext","React","createElement","Button","__assign","variant","onClick","iconName","position"],"mappings":"gRAMgC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,MAAAA,OAAQ,IAAAD,EAAA,IAAGE,EAAAH,EAAAI,IAAAA,OAAM,IAAAD,EAAA,IAAGE,EAAAL,EAAAM,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAtCC,EAAAA,OAAAR,EAAA,CAAA,QAAA,MAAA,SACvBS,EAAYC,4BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACThB,MAAOA,EACPE,IAAKA,EACLE,KAAMA,GACFC"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./button.component-1974818b.js"),i=require("./chakra-ui-layout.esm-493ee04b.js"),n=require("./chakra-ui-modal.esm-9136b612.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.ModalFooterButtons=function(t){var r=t.submitText,o=void 0===r?"Submit":r,u=t.isLoading,s=t.loadingText,c=t.isDisabled,d=t.isDestructive,m=t.mixpanelName;t.children;var b=t.onSubmit,f=t.allowCancel,v=void 0===f||f,x=t.onCancel,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),C=n.useModalContext().onClose;return l.default.createElement(n.ModalFooter,e.__assign({},p,{pb:6}),l.default.createElement(i.Flex,{w:"100%"},v&&l.default.createElement(a.Button,{variant:"tertiary",onClick:function(){x&&x(),C()}},"Cancel"),l.default.createElement(i.Spacer,null),l.default.createElement(a.Button,{"data-mixpanel-name":m,onClick:b,isLoading:u,loadingText:s,isDisabled:c,variant:d?"primaryDestructive":"primary"},o)))};
2
- //# sourceMappingURL=modalFooterButtons.component-7b2b068d.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./button.component-ab2adb64.js"),i=require("./chakra-ui-layout.esm-493ee04b.js"),n=require("./chakra-ui-modal.esm-9136b612.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.ModalFooterButtons=function(t){var r=t.submitText,o=void 0===r?"Submit":r,u=t.isLoading,s=t.loadingText,c=t.isDisabled,d=t.isDestructive,m=t.mixpanelName;t.children;var b=t.onSubmit,f=t.allowCancel,v=void 0===f||f,x=t.onCancel,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),C=n.useModalContext().onClose;return l.default.createElement(n.ModalFooter,e.__assign({},p,{pb:6}),l.default.createElement(i.Flex,{w:"100%"},v&&l.default.createElement(a.Button,{variant:"tertiary",onClick:function(){x&&x(),C()}},"Cancel"),l.default.createElement(i.Spacer,null),l.default.createElement(a.Button,{"data-mixpanel-name":m,onClick:b,isLoading:u,loadingText:s,isDisabled:c,variant:d?"primaryDestructive":"primary"},o)))};
2
+ //# sourceMappingURL=modalFooterButtons.component-4304dcff.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modalFooterButtons.component-7b2b068d.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;\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","_b","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","__assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBkC,SAACA,GACjC,IAAAC,eAAAC,aAAa,SAAQD,EACrBE,EAASH,EAAAG,UACTC,gBACAC,eACAC,kBACAC,EAAYP,EAAAO,aACJP,EAAAQ,SAAA,IACRC,EAAQT,EAAAS,SACRC,gBAAAC,cAAkBD,EAClBE,EAAQZ,EAAAY,SACLC,EAAIC,EAAAA,OAAAd,EAX0B,qIAazBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,YAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAMA,OAAG,MACVV,UAAAI,cAACG,EAAMA,OACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}
1
+ {"version":3,"file":"modalFooterButtons.component-4304dcff.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;\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","_b","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","__assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBkC,SAACA,GACjC,IAAAC,eAAAC,aAAa,SAAQD,EACrBE,EAASH,EAAAG,UACTC,gBACAC,eACAC,kBACAC,EAAYP,EAAAO,aACJP,EAAAQ,SAAA,IACRC,EAAQT,EAAAS,SACRC,gBAAAC,cAAkBD,EAClBE,EAAQZ,EAAAY,SACLC,EAAIC,EAAAA,OAAAd,EAX0B,qIAazBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,YAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAMA,OAAG,MACVV,UAAAI,cAACG,EAAMA,OACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-ab2adb64.js"),r=require("./chakra-ui-popover.esm-af9721a4.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.PopoverCloseButton=function(t){var s=t.size,i=void 0===s?"xs":s,n=e.__rest(t,["size"]),u=r.usePopoverContext().onClose;return a.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:u,iconName:"close",position:"absolute",right:1,top:1,size:i},n))};
2
+ //# sourceMappingURL=popoverCloseButton.component-f78ed6ff.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverCloseButton.component-0a3cb82b.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface PopoverCloseButtonProps extends ButtonProps {}\n\nexport const PopoverCloseButton = ({ size = 'xs', ...rest }: PopoverCloseButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"oRAMkC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SACzBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC"}
1
+ {"version":3,"file":"popoverCloseButton.component-f78ed6ff.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface PopoverCloseButtonProps extends ButtonProps {}\n\nexport const PopoverCloseButton = ({ size = 'xs', ...rest }: PopoverCloseButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"oRAMkC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SACzBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./popoverFooter.component-b39d12d1.js"),i=require("./button.component-1974818b.js"),a=require("./chakra-ui-popover.esm-af9721a4.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);exports.PopoverFooterButtons=function(t){var n=t.submitText,u=void 0===n?"Submit":n,l=t.isLoading,c=t.isDisabled,d=t.isDestructive;t.children;var m=t.onSubmit,v=t.allowCancel,b=void 0===v||v,p=t.onCancel,f=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","allowCancel","onCancel"]),C=a.usePopoverContext().onClose;return s.default.createElement(r.PopoverFooter,e.__assign({},f),s.default.createElement(o.Flex,{w:"100%"},b&&s.default.createElement(i.Button,{variant:"tertiary",size:"sm",onClick:function(){p&&p(),C()}},"Cancel"),s.default.createElement(o.Spacer,null),s.default.createElement(i.Button,{onClick:m,isLoading:l,isDisabled:c,size:"sm",variant:d?"primaryDestructive":"primary"},u)))};
2
- //# sourceMappingURL=popoverFooterButtons.component-5b2bc058.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./popoverFooter.component-b39d12d1.js"),i=require("./button.component-ab2adb64.js"),a=require("./chakra-ui-popover.esm-af9721a4.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);exports.PopoverFooterButtons=function(t){var n=t.submitText,u=void 0===n?"Submit":n,l=t.isLoading,c=t.isDisabled,d=t.isDestructive;t.children;var m=t.onSubmit,v=t.allowCancel,b=void 0===v||v,p=t.onCancel,f=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","allowCancel","onCancel"]),C=a.usePopoverContext().onClose;return s.default.createElement(r.PopoverFooter,e.__assign({},f),s.default.createElement(o.Flex,{w:"100%"},b&&s.default.createElement(i.Button,{variant:"tertiary",size:"sm",onClick:function(){p&&p(),C()}},"Cancel"),s.default.createElement(o.Spacer,null),s.default.createElement(i.Button,{onClick:m,isLoading:l,isDisabled:c,size:"sm",variant:d?"primaryDestructive":"primary"},u)))};
2
+ //# sourceMappingURL=popoverFooterButtons.component-166d570f.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverFooterButtons.component-5b2bc058.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext, Flex, Spacer } from '@chakra-ui/react';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from '../../../Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n submitText?: string;\n isLoading?: boolean;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n isDisabled,\n isDestructive,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <PopoverFooter {...rest}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" size=\"sm\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n isLoading={isLoading}\n isDisabled={isDisabled}\n size=\"sm\"\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </PopoverFooter>\n );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yXAeoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAMA,OAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}
1
+ {"version":3,"file":"popoverFooterButtons.component-166d570f.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext, Flex, Spacer } from '@chakra-ui/react';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from '../../../Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n submitText?: string;\n isLoading?: boolean;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n isDisabled,\n isDestructive,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <PopoverFooter {...rest}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" size=\"sm\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n isLoading={isLoading}\n isDisabled={isDisabled}\n size=\"sm\"\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </PopoverFooter>\n );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yXAeoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAMA,OAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./formControl.component-dfe743ef.js"),a=require("./radio.component-77c1b19b.js"),t=require("./chakra-ui-radio.esm-ee587db1.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),d=function(r){var i=r.radios,n=r.size,d=void 0===n?"md":n,u=r.direction,c=void 0===u?"row":u,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(t.RadioGroup,e.__assign({},p),s.default.createElement(o.Stack,{direction:c,spacing:l,maxW:m.maxW||"max-content"},i.map((function(r,i){return s.default.createElement(a.Radio,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var u=i.withFormControl(d);exports.WrappedRadioGroup=u;
2
- //# sourceMappingURL=radioGroup.component-b43f4f47.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./formControl.component-698cb405.js"),a=require("./radio.component-77c1b19b.js"),t=require("./chakra-ui-radio.esm-ee587db1.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),c=function(r){var i=r.radios,n=r.size,c=void 0===n?"md":n,d=r.direction,u=void 0===d?"row":d,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(t.RadioGroup,e.__assign({},p),s.default.createElement(o.Stack,{direction:u,spacing:l,maxW:m.maxW||"max-content"},i.map((function(r,i){return s.default.createElement(a.Radio,e.__assign({key:i},r,{size:c}))}))))};c.displayName="RadioGroup";var d=i.withFormControl(c);exports.WrappedRadioGroup=d;
2
+ //# sourceMappingURL=radioGroup.component-5fb8c909.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radioGroup.component-b43f4f47.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n size?: RadioSize;\n radios: RadioProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n const { isFieldInline, ...domProps } = rest;\n return (\n <CRadioGroup {...domProps}>\n <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n {radios.map((radio, index) => (\n <Radio key={index} {...radio} size={size} />\n ))}\n </Stack>\n </CRadioGroup>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAeMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}
1
+ {"version":3,"file":"radioGroup.component-5fb8c909.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n size?: RadioSize;\n radios: RadioProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n const { isFieldInline, ...domProps } = rest;\n return (\n <CRadioGroup {...domProps}>\n <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n {radios.map((radio, index) => (\n <Radio key={index} {...radio} size={size} />\n ))}\n </Stack>\n </CRadioGroup>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAeMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-b44ee33f.js"),l=require("./formControl.component-dfe743ef.js"),a=require("./menu.context-6276be4d.js"),r=require("./useTheme-d7d8c3f5.js"),o=require("./menuList.component-ab82aa08.js"),u=require("./chakra-ui-select.esm-85c971dc.js"),s=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./truncatedText.component-02797815.js"),i=require("./text.component-dabbab97.js"),d=require("./chakra-ui-layout.esm-493ee04b.js"),m=require("./icon.component-092995a3.js"),f=require("./chakra-ui-menu.esm-22115f36.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=p(t),v=function(t){var n=t.options,l=e.__rest(t,["options"]);return _.default.createElement(o.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},h=function(t){var n=t.options;return _.default.createElement(u.Select,e.__assign({className:"Select"},t),n.map((function(e,t){return _.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},x=function(e){var t=e.selectedOption,n=e.defaultLeftElement,l=e.shouldTruncateText,a=void 0===l||l,o=r.useTheme().colors,u=s.useAdaptiveColorMap(o.text,t.colorToken?t.colorToken:"default");return _.default.createElement(d.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:u},(null==t?void 0:t.leftElement)?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?a?_.default.createElement(c.TruncatedText,{color:u,className:"Select__Text",textContent:t.label||"",noOfLines:1}):_.default.createElement(i.Text,{color:u,className:"Select__Text"},t.label):t.label)},E=function(l){var o=l.defaultLeftElement;l.isFieldInline;var s=l.listProps,c=l.onChange,i=l.options,d=l.placeholder,p=l.size,E=void 0===p?"md":p,g=l.value,S=l.useBrowserDefaultMenu,T=l.maxW,b=void 0===T?"100%":T;l.colorToken;var j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),q=t.useRef(null),C=r.useTheme().colors,M=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),k=e.__read(t.useState([]),2),y=k[0],L=k[1],W=t.useMemo((function(){var e=y.find((function(e){return e.isSelected}));return e||M}),[y,M]),N=t.useCallback((function(t){if(y){var n=y.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));L(n),(null==s?void 0:s.onSelect)&&s.onSelect(t)}}),[y,s]),F=(null==s?void 0:s.shouldTruncateText)?{}:{height:"max-content",minH:10},w=t.useMemo((function(){var e;return q.current?"".concat(null===(e=null==q?void 0:q.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==q?void 0:q.current]);return t.useEffect((function(){var t=i.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===g})}));L(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[M],!1))}),[i,M,g]),S&&c?_.default.createElement(h,e.__assign({},j,{maxW:b,size:E,options:i,onChange:c})):_.default.createElement(a.MenuProvider,{menuItems:y},_.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},_.default.createElement(u.Select,e.__assign({icon:_.default.createElement(m.Icon,{name:"chevronDown",size:E}),as:f.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(C.border.light.focus," !important"),borderColor:C.border.light.focus},ref:q,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:b,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[E]}},F,j),_.default.createElement(x,{selectedOption:W,defaultLeftElement:o,shouldTruncateText:null==s?void 0:s.shouldTruncateText})),_.default.createElement(v,e.__assign({},s,{onSelect:N,options:y,maxW:w||b}))))};E.displayName="Select";var g=l.withFormControl(E);exports.WrappedSelect=g;
2
- //# sourceMappingURL=select.component-3810878d.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-b44ee33f.js"),l=require("./formControl.component-698cb405.js"),a=require("./menu.context-6276be4d.js"),r=require("./useTheme-d7d8c3f5.js"),o=require("./menuList.component-a8cf4995.js"),u=require("./chakra-ui-select.esm-85c971dc.js"),s=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./truncatedText.component-02797815.js"),i=require("./text.component-dabbab97.js"),d=require("./chakra-ui-layout.esm-493ee04b.js"),m=require("./icon.component-d3e98397.js"),f=require("./chakra-ui-menu.esm-22115f36.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=p(t),v=function(t){var n=t.options,l=e.__rest(t,["options"]);return _.default.createElement(o.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},h=function(t){var n=t.options;return _.default.createElement(u.Select,e.__assign({className:"Select"},t),n.map((function(e,t){return _.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},x=function(e){var t=e.selectedOption,n=e.defaultLeftElement,l=e.shouldTruncateText,a=void 0===l||l,o=r.useTheme().colors,u=s.useAdaptiveColorMap(o.text,t.colorToken?t.colorToken:"default");return _.default.createElement(d.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:u},(null==t?void 0:t.leftElement)?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?a?_.default.createElement(c.TruncatedText,{color:u,className:"Select__Text",textContent:t.label||"",noOfLines:1}):_.default.createElement(i.Text,{color:u,className:"Select__Text"},t.label):t.label)},E=function(l){var o=l.defaultLeftElement;l.isFieldInline;var s=l.listProps,c=l.onChange,i=l.options,d=l.placeholder,p=l.size,E=void 0===p?"md":p,g=l.value,S=l.useBrowserDefaultMenu,T=l.maxW,b=void 0===T?"100%":T;l.colorToken;var j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),q=t.useRef(null),C=r.useTheme().colors,M=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),k=e.__read(t.useState([]),2),y=k[0],L=k[1],W=t.useMemo((function(){var e=y.find((function(e){return e.isSelected}));return e||M}),[y,M]),N=t.useCallback((function(t){if(y){var n=y.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));L(n),(null==s?void 0:s.onSelect)&&s.onSelect(t)}}),[y,s]),F=(null==s?void 0:s.shouldTruncateText)?{}:{height:"max-content",minH:10},w=t.useMemo((function(){var e;return q.current?"".concat(null===(e=null==q?void 0:q.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==q?void 0:q.current]);return t.useEffect((function(){var t=i.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===g})}));L(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[M],!1))}),[i,M,g]),S&&c?_.default.createElement(h,e.__assign({},j,{maxW:b,size:E,options:i,onChange:c})):_.default.createElement(a.MenuProvider,{menuItems:y},_.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},_.default.createElement(u.Select,e.__assign({icon:_.default.createElement(m.Icon,{name:"chevronDown",size:E}),as:f.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(C.border.light.focus," !important"),borderColor:C.border.light.focus},ref:q,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:b,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[E]}},F,j),_.default.createElement(x,{selectedOption:W,defaultLeftElement:o,shouldTruncateText:null==s?void 0:s.shouldTruncateText})),_.default.createElement(v,e.__assign({},s,{onSelect:N,options:y,maxW:w||b}))))};E.displayName="Select";var g=l.withFormControl(E);exports.WrappedSelect=g;
2
+ //# sourceMappingURL=select.component-0d8be1a8.js.map