@televet/kibble-ui 3.0.9-franklin-2 → 3.0.9
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.
- package/build/chakra/index.js +1 -1
- package/build/{chakra-ui-modal.esm-8092955a.js → chakra-ui-modal.esm-2c76cb7b.js} +2 -2
- package/build/{chakra-ui-modal.esm-8092955a.js.map → chakra-ui-modal.esm-2c76cb7b.js.map} +1 -1
- package/build/{chakra-ui-skeleton.esm-521bb4b7.js → chakra-ui-skeleton.esm-93e41d9f.js} +2 -2
- package/build/{chakra-ui-skeleton.esm-521bb4b7.js.map → chakra-ui-skeleton.esm-93e41d9f.js.map} +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/conversationCard.component-105a4eb4.js +2 -0
- package/build/conversationCard.component-105a4eb4.js.map +1 -0
- package/build/{index-c47ce06b.js → index-8fecff45.js} +1 -1
- package/build/{index-c47ce06b.js.map → index-8fecff45.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{modalBody.component-bbf482ce.js → modalBody.component-64a6b636.js} +2 -2
- package/build/{modalBody.component-bbf482ce.js.map → modalBody.component-64a6b636.js.map} +1 -1
- package/build/{modalCloseButton.component-7ec0edf7.js → modalCloseButton.component-d280a6a1.js} +2 -2
- package/build/{modalCloseButton.component-7ec0edf7.js.map → modalCloseButton.component-d280a6a1.js.map} +1 -1
- package/build/{modalFooter.component-15697294.js → modalFooter.component-87129be4.js} +2 -2
- package/build/{modalFooter.component-15697294.js.map → modalFooter.component-87129be4.js.map} +1 -1
- package/build/{modalFooterButtons.component-c2a7f976.js → modalFooterButtons.component-177087d1.js} +2 -2
- package/build/{modalFooterButtons.component-c2a7f976.js.map → modalFooterButtons.component-177087d1.js.map} +1 -1
- package/build/{modalHeader.component-cd4f489b.js → modalHeader.component-5876efa7.js} +2 -2
- package/build/{modalHeader.component-cd4f489b.js.map → modalHeader.component-5876efa7.js.map} +1 -1
- package/build/patterns/ConversationCard/components/conversationCardButtons.component.d.ts +6 -1
- package/build/patterns/ConversationCard/conversationCard.argTypes.d.ts +2 -1
- package/build/patterns/ConversationCard/conversationCard.component.d.ts +3 -2
- package/build/patterns/ConversationCard/conversationCard.stories.d.ts +2 -1
- package/build/patterns/ConversationCard/conversationCard.storiesData.d.ts +2 -1
- package/build/patterns/ConversationCard/examples/withContentMenu.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/examples/withFooter.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/examples/withHeaderMenu.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/examples/withMultipleAvatars.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/examples/withOverlayPinAndMenu.stories.d.ts +17 -0
- package/build/patterns/ConversationCard/examples/withPin.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/examples/withPinAndMenu.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/examples/withTags.stories.d.ts +1 -1
- package/build/patterns/ConversationCard/index.js +1 -1
- package/build/patterns/TagBlock/examples/withDelete.stories.d.ts +1 -1
- package/build/patterns/TagBlock/examples/withErrorState.stories.d.ts +1 -1
- package/build/patterns/TagBlock/index.js +1 -1
- package/build/patterns/TagBlock/tagBlock.component.d.ts +2 -6
- package/build/patterns/TagBlock/tagBlock.stories.d.ts +1 -1
- package/build/patterns/index.js +1 -1
- package/build/tagBlock.component-ad8b829b.js +2 -0
- package/build/tagBlock.component-ad8b829b.js.map +1 -0
- package/build/{useExpandButton-9cffadc3.js → useExpandButton-478244d5.js} +2 -2
- package/build/{useExpandButton-9cffadc3.js.map → useExpandButton-478244d5.js.map} +1 -1
- package/build/{useToast-08a7660e.js → useToast-0e0450c5.js} +2 -2
- package/build/{useToast-08a7660e.js.map → useToast-0e0450c5.js.map} +1 -1
- package/package.json +1 -1
- package/build/conversationCard.component-9ac0d273.js +0 -2
- package/build/conversationCard.component-9ac0d273.js.map +0 -1
- package/build/tagBlock.component-9eaa0e26.js +0 -2
- package/build/tagBlock.component-9eaa0e26.js.map +0 -1
package/build/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-3e9f61da.js"),r=require("./alert.component-02403f4b.js"),o=require("./avatar.component-eeb0d319.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-5143b4d7.js"),a=require("./button.component-b67f5ec7.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-04437e79.js"),n=require("./checkbox.component-a856f80f.js"),u=require("./checkboxGroup.component-2a44c743.js"),x=require("./datepicker.component-fba6c587.js"),c=require("./_baseGetTag-7b5fc763.js"),d=require("./heading.component-8febedd1.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-3662253d.js"),b=require("./link.component-96da4f1d.js"),j=require("./logo.component-e2cf4d68.js"),q=require("./menuButton.component-789317f3.js"),C=require("./menuContainer.component-34ab3f3f.js"),f=require("./menuItem.component-d26a70c2.js"),h=require("./menuList.component-da25c181.js"),T=require("./menu.component-04486145.js"),k=require("./modalBody.component-bbf482ce.js"),v=require("./modalCloseButton.component-7ec0edf7.js"),M=require("./modalExpandButton.component-118793ad.js"),g=require("./modalFooter.component-15697294.js"),S=require("./modalFooterButtons.component-c2a7f976.js"),y=require("./modalHeader.component-cd4f489b.js"),B=require("./useExpandButton-9cffadc3.js"),P=require("./notificationCounter.component-bf1cf6b8.js"),I=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-daf0e558.js"),L=require("./popoverFooter.component-1b090aa7.js"),A=require("./popoverHeader.component-f605a9df.js"),F=require("./popover.component-bc4e0e7f.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-1c03819e.js"),z=require("./radioGroup.component-4b08b539.js"),H=require("./ratingDot.component-4b3f6639.js"),R=require("./ratingDots.component-b68ac49d.js"),O=require("./select.component-baf37f0a.js"),N=require("./dragHandle.component-e1bfe01c.js"),W=require("./sortableItem.component-5ffbdefe.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-15455cc0.js"),_=require("./spinner.component-e13e6346.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-026bccba.js"),U=require("./switch.component-3b307197.js"),$=require("./tab.component-724a2c1c.js"),J=require("./tabs.component-2ba2e587.js"),X=require("./tabsLayout.component-1b67c637.js"),Y=require("./tag.component-e5da4b8d.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-a1231840.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-59432c69.js"),te=require("./textInput.component-71e352c1.js"),se=require("./timePicker.component-f86ccaf6.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-0f82741e.js"),ie=require("./useToast-08a7660e.js"),ne=require("./tooltip.component-e2205174.js"),ue=require("./styledAvatar.types-ad6cb8b2.js"),xe=require("./conversationCard.component-9ac0d273.js"),ce=require("./timestamp.component-16be4ef2.js"),de=require("./tagBlock.component-9eaa0e26.js"),le=require("./withTheme-f35d578c.js"),me=require("./useTheme-ee73b181.js"),be=require("./theme.provider-774244a4.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-521bb4b7.js"),Ce=require("./chakra-ui-modal.esm-8092955a.js"),fe=require("./chakra-ui-layout.esm-0601b9a5.js"),he=require("./chakra-ui-button.esm-ef745168.js"),Te=require("./chakra-ui-alert.esm-a086e23c.js"),ke=require("./chakra-ui-avatar.esm-3ef01808.js"),ve=require("./chakra-ui-checkbox.esm-a616aab9.js"),Me=require("./chakra-ui-input.esm-de5d4e45.js"),ge=require("./chakra-ui-menu.esm-bb35ab5f.js"),Se=require("./chakra-ui-popover.esm-d21bf3b5.js"),ye=require("./chakra-ui-radio.esm-bd0e90ff.js"),Be=require("./chakra-ui-select.esm-e7128fb0.js"),Pe=require("./chakra-ui-tabs.esm-91de32e1.js"),Ie=require("./chakra-ui-textarea.esm-d82076ec.js"),De=require("./chakra-ui-form-control.esm-b138a4e1.js"),Le=require("./chakra-ui-media-query.esm-d370ebec.js"),Ae=require("./chakra-ui-image.esm-2b438d18.js"),Fe=require("./chakra-ui-system.esm-434904f8.js"),Ge=require("./chakra-ui-portal.esm-309fc8f3.js"),we=require("./chakra-ui-hooks.esm-20b27af2.js");require("react"),require("./chakra-ui-theme.esm-23420bf9.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-d55cc71b.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-19e872ac.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-66211f5a.js"),require("./menu.config-78717999.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./sortable.esm-53c38ebd.js"),require("./chakra-ui-icon.esm-e3ed2ec9.js"),require("./index-c47ce06b.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-b9439d86.js"),require("./chakra-ui-visually-hidden.esm-9f62b36b.js"),require("./use-animation-state-5054a9f7.esm-ffd221fb.js"),require("./zIndeces-cb5e9be6.js"),require("./borders.config-b28ff4c1.js"),require("./color.record-cc264e0d.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-44971157.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=x.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return c.DateFormats}}),exports.Heading=d.WrappedHeading,exports.headingSizes=l.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=b.Link,exports.Logo=j.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=C.MenuContainer,exports.MenuItem=f.MenuItem,exports.MenuList=h.MenuList,exports.Menu=T.Menu,exports.ModalBody=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=S.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=P.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=L.PopoverFooter,exports.PopoverHeader=A.PopoverHeader,exports.Popover=F.Popover,exports.popoverPlacements=G.popoverPlacements,exports.popoverSizes=G.popoverSizes,exports.popoverTriggerTypes=G.popoverTriggerTypes,exports.popoverVariants=G.popoverVariants,exports.Radio=w.Radio,exports.RadioGroup=z.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=R.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=N.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=E.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=_.Spinner,exports.spinnerSizes=K.spinnerSizes,exports.Swatch=Q.Swatch,exports.SwatchSizeMap=Q.SwatchSizeMap,exports.swatchSizes=Q.swatchSizes,exports.Switch=U.WrappedSwitch,exports.Tab=$.Tab,exports.Tabs=J.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=ee.WrappedText,exports.textSizes=re.textSizes,exports.Textarea=oe.WrappedTextArea,exports.TextInput=te.WrappedTextInput,exports.TimePicker=se.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=pe.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip,exports.StyledAvatar=ue.StyledAvatar,exports.styledAvatarTypes=ue.styledAvatarTypes,exports.ConversationCard=xe.ConversationCard,exports.Timestamp=ce.Timestamp,exports.TagBlock=de.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return de.TagDisabledState}}),exports.withDarkMode=le.withDarkMode,exports.withTheme=le.withTheme,exports.useTheme=me.useTheme,exports.KibbleThemeProvider=be.KibbleThemeProvider,exports.theme=be.theme,exports.colorLightenDarken=je.colorLightenDarken,exports.hexToRgb=je.hexToRgb,exports.isDark=je.isDark,exports.isRGB=je.isRGB,exports.Accordion=qe.Accordion,exports.AccordionButton=qe.AccordionButton,exports.AccordionIcon=qe.AccordionIcon,exports.AccordionItem=qe.AccordionItem,exports.AccordionPanel=qe.AccordionPanel,exports.CircularProgress=qe.CircularProgress,exports.CircularProgressLabel=qe.CircularProgressLabel,exports.NumberDecrementStepper=qe.NumberDecrementStepper,exports.NumberIncrementStepper=qe.NumberIncrementStepper,exports.NumberInput=qe.NumberInput,exports.NumberInputField=qe.NumberInputField,exports.NumberInputStepper=qe.NumberInputStepper,exports.PinInput=qe.PinInput,exports.PinInputField=qe.PinInputField,exports.Progress=qe.Progress,exports.Skeleton=qe.Skeleton,exports.SkeletonText=qe.SkeletonText,exports.Table=qe.Table,exports.TableCaption=qe.TableCaption,exports.TableContainer=qe.TableContainer,exports.Tbody=qe.Tbody,exports.Td=qe.Td,exports.Tfoot=qe.Tfoot,exports.Th=qe.Th,exports.Thead=qe.Thead,exports.Tr=qe.Tr,exports.AlertDialog=Ce.AlertDialog,exports.AlertDialogBody=Ce.ModalBody,exports.AlertDialogContent=Ce.AlertDialogContent,exports.AlertDialogFooter=Ce.ModalFooter,exports.AlertDialogHeader=Ce.ModalHeader,exports.AlertDialogOverlay=Ce.ModalOverlay,exports.CModal=Ce.Modal,exports.CModalBody=Ce.ModalBody,exports.CModalCloseButton=Ce.ModalCloseButton,exports.CModalFooter=Ce.ModalFooter,exports.CModalHeader=Ce.ModalHeader,exports.Collapse=Ce.Collapse,exports.Drawer=Ce.Drawer,exports.DrawerBody=Ce.ModalBody,exports.DrawerCloseButton=Ce.ModalCloseButton,exports.DrawerContent=Ce.DrawerContent,exports.DrawerFooter=Ce.ModalFooter,exports.DrawerHeader=Ce.ModalHeader,exports.DrawerOverlay=Ce.ModalOverlay,exports.Fade=Ce.Fade,exports.ModalContent=Ce.ModalContent,exports.ModalOverlay=Ce.ModalOverlay,exports.Slide=Ce.Slide,exports.SlideFade=Ce.SlideFade,exports.Badge=fe.Badge,exports.Box=fe.Box,exports.Center=fe.Center,exports.Circle=fe.Circle,exports.Code=fe.Code,exports.Container=fe.Container,exports.Divider=fe.Divider,exports.Flex=fe.Flex,exports.Grid=fe.Grid,exports.GridItem=fe.GridItem,exports.HStack=fe.HStack,exports.LinkBox=fe.LinkBox,exports.LinkOverlay=fe.LinkOverlay,exports.List=fe.List,exports.ListItem=fe.ListItem,exports.OrderedList=fe.OrderedList,exports.SimpleGrid=fe.SimpleGrid,exports.Spacer=fe.Spacer,exports.Square=fe.Square,exports.Stack=fe.Stack,exports.UnorderedList=fe.UnorderedList,exports.VStack=fe.VStack,exports.Wrap=fe.Wrap,exports.WrapItem=fe.WrapItem,exports.ButtonGroup=he.ButtonGroup,exports.CButton=he.Button,exports.IconButton=he.IconButton,exports.CAlert=Te.Alert,exports.CAvatar=ke.Avatar,exports.CCheckboxGroup=ve.CheckboxGroup,exports.useCheckbox=ve.useCheckbox,exports.useCheckboxGroup=ve.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=ge.Menu,exports.CMenuButton=ge.MenuButton,exports.CMenuItem=ge.MenuItem,exports.CMenuList=ge.MenuList,exports.MenuDivider=ge.MenuDivider,exports.MenuGroup=ge.MenuGroup,exports.MenuItemOption=ge.MenuItemOption,exports.CPopover=Se.Popover,exports.CPopoverBody=Se.PopoverBody,exports.CPopoverFooter=Se.PopoverFooter,exports.CPopoverHeader=Se.PopoverHeader,exports.PopoverArrow=Se.PopoverArrow,exports.PopoverContent=Se.PopoverContent,exports.PopoverTrigger=Se.PopoverTrigger,exports.usePopoverContext=Se.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Pe.Tab,exports.CTabs=Pe.Tabs,exports.TabList=Pe.TabList,exports.TabPanel=Pe.TabPanel,exports.TabPanels=Pe.TabPanels,exports.CTextarea=Ie.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Le.Hide,exports.Show=Le.Show,exports.useBreakpoint=Le.useBreakpoint,exports.useBreakpointValue=Le.useBreakpointValue,exports.useMediaQuery=Le.useMediaQuery,exports.Image=Ae.Image$1,exports.keyframes=Fe.keyframes,exports.useColorMode=Fe.useColorMode,exports.useToken=Fe.useToken,exports.Portal=Ge.Portal,exports.useConst=we.useConst,exports.useDisclosure=we.useDisclosure,exports.useInterval=we.useInterval,exports.useOutsideClick=we.useOutsideClick;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-3e9f61da.js"),r=require("./alert.component-02403f4b.js"),o=require("./avatar.component-eeb0d319.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-5143b4d7.js"),a=require("./button.component-b67f5ec7.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-04437e79.js"),n=require("./checkbox.component-a856f80f.js"),u=require("./checkboxGroup.component-2a44c743.js"),x=require("./datepicker.component-fba6c587.js"),d=require("./_baseGetTag-7b5fc763.js"),c=require("./heading.component-8febedd1.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-3662253d.js"),b=require("./link.component-96da4f1d.js"),j=require("./logo.component-e2cf4d68.js"),q=require("./menuButton.component-789317f3.js"),C=require("./menuContainer.component-34ab3f3f.js"),f=require("./menuItem.component-d26a70c2.js"),h=require("./menuList.component-da25c181.js"),T=require("./menu.component-04486145.js"),k=require("./modalBody.component-64a6b636.js"),v=require("./modalCloseButton.component-d280a6a1.js"),M=require("./modalExpandButton.component-118793ad.js"),g=require("./modalFooter.component-87129be4.js"),S=require("./modalFooterButtons.component-177087d1.js"),y=require("./modalHeader.component-5876efa7.js"),B=require("./useExpandButton-478244d5.js"),P=require("./notificationCounter.component-bf1cf6b8.js"),I=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-daf0e558.js"),L=require("./popoverFooter.component-1b090aa7.js"),A=require("./popoverHeader.component-f605a9df.js"),F=require("./popover.component-bc4e0e7f.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-1c03819e.js"),z=require("./radioGroup.component-4b08b539.js"),H=require("./ratingDot.component-4b3f6639.js"),R=require("./ratingDots.component-b68ac49d.js"),O=require("./select.component-baf37f0a.js"),N=require("./dragHandle.component-e1bfe01c.js"),W=require("./sortableItem.component-5ffbdefe.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-15455cc0.js"),_=require("./spinner.component-e13e6346.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-026bccba.js"),U=require("./switch.component-3b307197.js"),$=require("./tab.component-724a2c1c.js"),J=require("./tabs.component-2ba2e587.js"),X=require("./tabsLayout.component-1b67c637.js"),Y=require("./tag.component-e5da4b8d.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-a1231840.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-59432c69.js"),te=require("./textInput.component-71e352c1.js"),se=require("./timePicker.component-f86ccaf6.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-0f82741e.js"),ie=require("./useToast-0e0450c5.js"),ne=require("./tooltip.component-e2205174.js"),ue=require("./styledAvatar.types-ad6cb8b2.js"),xe=require("./conversationCard.component-105a4eb4.js"),de=require("./timestamp.component-16be4ef2.js"),ce=require("./tagBlock.component-ad8b829b.js"),le=require("./withTheme-f35d578c.js"),me=require("./useTheme-ee73b181.js"),be=require("./theme.provider-774244a4.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-93e41d9f.js"),Ce=require("./chakra-ui-modal.esm-2c76cb7b.js"),fe=require("./chakra-ui-layout.esm-0601b9a5.js"),he=require("./chakra-ui-button.esm-ef745168.js"),Te=require("./chakra-ui-alert.esm-a086e23c.js"),ke=require("./chakra-ui-avatar.esm-3ef01808.js"),ve=require("./chakra-ui-checkbox.esm-a616aab9.js"),Me=require("./chakra-ui-input.esm-de5d4e45.js"),ge=require("./chakra-ui-menu.esm-bb35ab5f.js"),Se=require("./chakra-ui-popover.esm-d21bf3b5.js"),ye=require("./chakra-ui-radio.esm-bd0e90ff.js"),Be=require("./chakra-ui-select.esm-e7128fb0.js"),Pe=require("./chakra-ui-tabs.esm-91de32e1.js"),Ie=require("./chakra-ui-textarea.esm-d82076ec.js"),De=require("./chakra-ui-form-control.esm-b138a4e1.js"),Le=require("./chakra-ui-media-query.esm-d370ebec.js"),Ae=require("./chakra-ui-image.esm-2b438d18.js"),Fe=require("./chakra-ui-system.esm-434904f8.js"),Ge=require("./chakra-ui-portal.esm-309fc8f3.js"),we=require("./chakra-ui-hooks.esm-20b27af2.js");require("react"),require("./chakra-ui-theme.esm-23420bf9.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-d55cc71b.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-19e872ac.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-66211f5a.js"),require("./menu.config-78717999.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./sortable.esm-53c38ebd.js"),require("./chakra-ui-icon.esm-e3ed2ec9.js"),require("./index-8fecff45.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-b9439d86.js"),require("./chakra-ui-visually-hidden.esm-9f62b36b.js"),require("./use-animation-state-5054a9f7.esm-ffd221fb.js"),require("./zIndeces-cb5e9be6.js"),require("./borders.config-b28ff4c1.js"),require("./color.record-cc264e0d.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-44971157.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=x.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return d.DateFormats}}),exports.Heading=c.WrappedHeading,exports.headingSizes=l.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=b.Link,exports.Logo=j.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=C.MenuContainer,exports.MenuItem=f.MenuItem,exports.MenuList=h.MenuList,exports.Menu=T.Menu,exports.ModalBody=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=S.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=P.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=L.PopoverFooter,exports.PopoverHeader=A.PopoverHeader,exports.Popover=F.Popover,exports.popoverPlacements=G.popoverPlacements,exports.popoverSizes=G.popoverSizes,exports.popoverTriggerTypes=G.popoverTriggerTypes,exports.popoverVariants=G.popoverVariants,exports.Radio=w.Radio,exports.RadioGroup=z.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=R.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=N.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=E.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=_.Spinner,exports.spinnerSizes=K.spinnerSizes,exports.Swatch=Q.Swatch,exports.SwatchSizeMap=Q.SwatchSizeMap,exports.swatchSizes=Q.swatchSizes,exports.Switch=U.WrappedSwitch,exports.Tab=$.Tab,exports.Tabs=J.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=ee.WrappedText,exports.textSizes=re.textSizes,exports.Textarea=oe.WrappedTextArea,exports.TextInput=te.WrappedTextInput,exports.TimePicker=se.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=pe.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip,exports.StyledAvatar=ue.StyledAvatar,exports.styledAvatarTypes=ue.styledAvatarTypes,exports.ConversationCard=xe.ConversationCard,exports.Timestamp=de.Timestamp,exports.TagBlock=ce.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return ce.TagDisabledState}}),exports.withDarkMode=le.withDarkMode,exports.withTheme=le.withTheme,exports.useTheme=me.useTheme,exports.KibbleThemeProvider=be.KibbleThemeProvider,exports.theme=be.theme,exports.colorLightenDarken=je.colorLightenDarken,exports.hexToRgb=je.hexToRgb,exports.isDark=je.isDark,exports.isRGB=je.isRGB,exports.Accordion=qe.Accordion,exports.AccordionButton=qe.AccordionButton,exports.AccordionIcon=qe.AccordionIcon,exports.AccordionItem=qe.AccordionItem,exports.AccordionPanel=qe.AccordionPanel,exports.CircularProgress=qe.CircularProgress,exports.CircularProgressLabel=qe.CircularProgressLabel,exports.NumberDecrementStepper=qe.NumberDecrementStepper,exports.NumberIncrementStepper=qe.NumberIncrementStepper,exports.NumberInput=qe.NumberInput,exports.NumberInputField=qe.NumberInputField,exports.NumberInputStepper=qe.NumberInputStepper,exports.PinInput=qe.PinInput,exports.PinInputField=qe.PinInputField,exports.Progress=qe.Progress,exports.Skeleton=qe.Skeleton,exports.SkeletonText=qe.SkeletonText,exports.Table=qe.Table,exports.TableCaption=qe.TableCaption,exports.TableContainer=qe.TableContainer,exports.Tbody=qe.Tbody,exports.Td=qe.Td,exports.Tfoot=qe.Tfoot,exports.Th=qe.Th,exports.Thead=qe.Thead,exports.Tr=qe.Tr,exports.AlertDialog=Ce.AlertDialog,exports.AlertDialogBody=Ce.ModalBody,exports.AlertDialogContent=Ce.AlertDialogContent,exports.AlertDialogFooter=Ce.ModalFooter,exports.AlertDialogHeader=Ce.ModalHeader,exports.AlertDialogOverlay=Ce.ModalOverlay,exports.CModal=Ce.Modal,exports.CModalBody=Ce.ModalBody,exports.CModalCloseButton=Ce.ModalCloseButton,exports.CModalFooter=Ce.ModalFooter,exports.CModalHeader=Ce.ModalHeader,exports.Collapse=Ce.Collapse,exports.Drawer=Ce.Drawer,exports.DrawerBody=Ce.ModalBody,exports.DrawerCloseButton=Ce.ModalCloseButton,exports.DrawerContent=Ce.DrawerContent,exports.DrawerFooter=Ce.ModalFooter,exports.DrawerHeader=Ce.ModalHeader,exports.DrawerOverlay=Ce.ModalOverlay,exports.Fade=Ce.Fade,exports.ModalContent=Ce.ModalContent,exports.ModalOverlay=Ce.ModalOverlay,exports.Slide=Ce.Slide,exports.SlideFade=Ce.SlideFade,exports.Badge=fe.Badge,exports.Box=fe.Box,exports.Center=fe.Center,exports.Circle=fe.Circle,exports.Code=fe.Code,exports.Container=fe.Container,exports.Divider=fe.Divider,exports.Flex=fe.Flex,exports.Grid=fe.Grid,exports.GridItem=fe.GridItem,exports.HStack=fe.HStack,exports.LinkBox=fe.LinkBox,exports.LinkOverlay=fe.LinkOverlay,exports.List=fe.List,exports.ListItem=fe.ListItem,exports.OrderedList=fe.OrderedList,exports.SimpleGrid=fe.SimpleGrid,exports.Spacer=fe.Spacer,exports.Square=fe.Square,exports.Stack=fe.Stack,exports.UnorderedList=fe.UnorderedList,exports.VStack=fe.VStack,exports.Wrap=fe.Wrap,exports.WrapItem=fe.WrapItem,exports.ButtonGroup=he.ButtonGroup,exports.CButton=he.Button,exports.IconButton=he.IconButton,exports.CAlert=Te.Alert,exports.CAvatar=ke.Avatar,exports.CCheckboxGroup=ve.CheckboxGroup,exports.useCheckbox=ve.useCheckbox,exports.useCheckboxGroup=ve.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=ge.Menu,exports.CMenuButton=ge.MenuButton,exports.CMenuItem=ge.MenuItem,exports.CMenuList=ge.MenuList,exports.MenuDivider=ge.MenuDivider,exports.MenuGroup=ge.MenuGroup,exports.MenuItemOption=ge.MenuItemOption,exports.CPopover=Se.Popover,exports.CPopoverBody=Se.PopoverBody,exports.CPopoverFooter=Se.PopoverFooter,exports.CPopoverHeader=Se.PopoverHeader,exports.PopoverArrow=Se.PopoverArrow,exports.PopoverContent=Se.PopoverContent,exports.PopoverTrigger=Se.PopoverTrigger,exports.usePopoverContext=Se.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Pe.Tab,exports.CTabs=Pe.Tabs,exports.TabList=Pe.TabList,exports.TabPanel=Pe.TabPanel,exports.TabPanels=Pe.TabPanels,exports.CTextarea=Ie.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Le.Hide,exports.Show=Le.Show,exports.useBreakpoint=Le.useBreakpoint,exports.useBreakpointValue=Le.useBreakpointValue,exports.useMediaQuery=Le.useMediaQuery,exports.Image=Ae.Image$1,exports.keyframes=Fe.keyframes,exports.useColorMode=Fe.useColorMode,exports.useToken=Fe.useToken,exports.Portal=Ge.Portal,exports.useConst=we.useConst,exports.useDisclosure=we.useDisclosure,exports.useInterval=we.useInterval,exports.useOutsideClick=we.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalBody.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./chakra-ui-modal.esm-2c76cb7b.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(r);exports.ModalBody=r=>{var{children:t}=r,s=e.__rest(r,["children"]);return d.default.createElement(a.ModalBody,Object.assign({className:"Modal__Body",py:1},s),t)};
|
|
2
|
+
//# sourceMappingURL=modalBody.component-64a6b636.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalBody.component-
|
|
1
|
+
{"version":3,"file":"modalBody.component-64a6b636.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n return (\n <CModalBody className=\"Modal__Body\" py={1} {...rest}>\n {children}\n </CModalBody>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","className","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,EAAC,QAAAC,cAAAC,EAAUC,UAACC,OAAAC,OAAA,CAAAC,UAAU,cAAcC,GAAI,GAAOT,GAC5CD"}
|
package/build/{modalCloseButton.component-7ec0edf7.js → modalCloseButton.component-d280a6a1.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-b67f5ec7.js"),r=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalCloseButton.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-b67f5ec7.js"),r=require("./chakra-ui-modal.esm-2c76cb7b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n,className:"Modal__CloseButton"},u))};
|
|
2
|
+
//# sourceMappingURL=modalCloseButton.component-d280a6a1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalCloseButton.component-
|
|
1
|
+
{"version":3,"file":"modalCloseButton.component-d280a6a1.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 className=\"Modal__CloseButton\"\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position","className"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAACC,cAAAC,EAAMA,OACLC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNc,UAAU,sBACNb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalFooter.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-2c76cb7b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.ModalFooter=r=>{var{children:a}=r,s=e.__rest(r,["children"]);return o.default.createElement(t.ModalFooter,Object.assign({pb:6,className:"Modal__Footer"},s),a)};
|
|
2
|
+
//# sourceMappingURL=modalFooter.component-87129be4.js.map
|
package/build/{modalFooter.component-15697294.js.map → modalFooter.component-87129be4.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalFooter.component-
|
|
1
|
+
{"version":3,"file":"modalFooter.component-87129be4.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n return (\n <CModalFooter pb={6} className=\"Modal__Footer\" {...rest}>\n {children}\n </CModalFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb","className"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,UAAU,iBAAoBT,GAChDD"}
|
package/build/{modalFooterButtons.component-c2a7f976.js → modalFooterButtons.component-177087d1.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-b67f5ec7.js"),i=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalFooterButtons.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-b67f5ec7.js"),i=require("./chakra-ui-modal.esm-2c76cb7b.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({className:"Modal__FooterButtons"},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
|
|
2
|
+
//# sourceMappingURL=modalFooterButtons.component-177087d1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalFooterButtons.component-
|
|
1
|
+
{"version":3,"file":"modalFooterButtons.component-177087d1.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void | Promise<void>;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter className=\"Modal__FooterButtons\" {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","createElement","CModalFooter","Object","assign","className","pb","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,EAAA,QAAAC,cAACC,cAAYC,OAAAC,OAAA,CAACC,UAAU,wBAA2BT,EAAI,CAAEU,GAAI,IAC3DN,EAAAA,QAAAC,cAACM,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAC,cAAAQ,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAC,cAACW,EAAMA,OAAG,MACVZ,UAAAC,cAACQ,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-8febedd1.js"),d=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalHeader.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-8febedd1.js"),d=require("./chakra-ui-modal.esm-2c76cb7b.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r);exports.ModalHeader=r=>{var{size:t="md",children:s}=r,c=e.__rest(r,["size","children"]);return i.default.createElement(d.ModalHeader,Object.assign({className:"Modal__Header",px:6,pt:6,pb:2},c),i.default.createElement(a.WrappedHeading,{size:t},s))};
|
|
2
|
+
//# sourceMappingURL=modalHeader.component-5876efa7.js.map
|
package/build/{modalHeader.component-cd4f489b.js.map → modalHeader.component-5876efa7.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalHeader.component-
|
|
1
|
+
{"version":3,"file":"modalHeader.component-5876efa7.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n return (\n <CModalHeader className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n <Heading size={size}>{children}</Heading>\n </CModalHeader>\n );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { MenuProps } from '../../../components/Menu';
|
|
2
|
+
export interface ConversationCardOverlayProps {
|
|
3
|
+
isOpenInOverlay?: boolean;
|
|
4
|
+
openInOverlay: () => void;
|
|
5
|
+
}
|
|
2
6
|
export interface ConversationCardPinProps {
|
|
3
7
|
isPinned?: boolean;
|
|
4
8
|
togglePin: (isPinned: boolean) => void;
|
|
5
9
|
}
|
|
6
10
|
export interface ConversationCardButtonsProps {
|
|
11
|
+
overlayProps?: ConversationCardOverlayProps;
|
|
7
12
|
pinProps?: ConversationCardPinProps;
|
|
8
13
|
headerMenuProps?: MenuProps;
|
|
9
14
|
}
|
|
@@ -11,5 +16,5 @@ interface ConversationCardButtonsComponentProps extends ConversationCardButtonsP
|
|
|
11
16
|
isHovering: boolean;
|
|
12
17
|
setIsHovering: (isHovering: boolean) => void;
|
|
13
18
|
}
|
|
14
|
-
export declare const ConversationCardButtons: ({ pinProps, headerMenuProps, isHovering, setIsHovering, }: ConversationCardButtonsComponentProps) => JSX.Element;
|
|
19
|
+
export declare const ConversationCardButtons: ({ overlayProps, pinProps, headerMenuProps, isHovering, setIsHovering, }: ConversationCardButtonsComponentProps) => JSX.Element;
|
|
15
20
|
export {};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { KibbleArgTypes } from '../../shared/types/storybook';
|
|
2
2
|
import { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';
|
|
3
|
-
import { ConversationCardPinProps } from './components/conversationCardButtons.component';
|
|
3
|
+
import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/conversationCardButtons.component';
|
|
4
4
|
import { ConversationCardFooterProps } from './components/conversationCardFooter.component';
|
|
5
5
|
import { ConversationCardTagsProps } from './components/conversationCardTags.component';
|
|
6
6
|
import { ConversationCardProps } from './conversationCard.component';
|
|
7
7
|
export declare const tagsArgTypes: KibbleArgTypes<ConversationCardTagsProps>;
|
|
8
8
|
export declare const conversationCardArgTypes: KibbleArgTypes<ConversationCardProps>;
|
|
9
|
+
export declare const overlayArgTypes: KibbleArgTypes<ConversationCardOverlayProps>;
|
|
9
10
|
export declare const pinArgTypes: KibbleArgTypes<ConversationCardPinProps>;
|
|
10
11
|
export declare const avatarGroupArgTypes: KibbleArgTypes<ConversationCardAvatarGroupProps>;
|
|
11
12
|
export declare const footerArgTypes: KibbleArgTypes<ConversationCardFooterProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MenuProps } from '../../components/Menu';
|
|
2
2
|
import { ConversationCardHeaderProps } from './components/conversationCardHeader.component';
|
|
3
|
-
import { ConversationCardPinProps } from './components/conversationCardButtons.component';
|
|
3
|
+
import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/conversationCardButtons.component';
|
|
4
4
|
import { ConversationCardTag } from './components/conversationCardTags.component';
|
|
5
5
|
import { ConversationCardFooterProps } from './components/conversationCardFooter.component';
|
|
6
6
|
import { ConversationCardContentProps } from './components/conversationCardContent';
|
|
@@ -13,9 +13,10 @@ export interface ConversationCardProps extends ConversationCardContentProps {
|
|
|
13
13
|
headerProps: ConversationCardHeaderProps;
|
|
14
14
|
isActive?: boolean;
|
|
15
15
|
onClick?: () => void;
|
|
16
|
+
overlayProps?: ConversationCardOverlayProps;
|
|
16
17
|
pinProps?: ConversationCardPinProps;
|
|
17
18
|
shouldPreservePosition?: boolean;
|
|
18
19
|
showNotificationIndicator?: boolean;
|
|
19
20
|
tags?: ConversationCardTag[];
|
|
20
21
|
}
|
|
21
|
-
export declare const ConversationCard: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
22
|
+
export declare const ConversationCard: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ConversationCardProps } from './conversationCard.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -19,6 +19,7 @@ declare const _default: {
|
|
|
19
19
|
allowHoverActions: import("@storybook/addons").ArgType<unknown>;
|
|
20
20
|
avatarGroupProps: import("@storybook/addons").ArgType<unknown>;
|
|
21
21
|
headerMenuProps: import("@storybook/addons").ArgType<unknown>;
|
|
22
|
+
overlayProps: import("@storybook/addons").ArgType<unknown>;
|
|
22
23
|
pinProps: import("@storybook/addons").ArgType<unknown>;
|
|
23
24
|
shouldPreservePosition: import("@storybook/addons").ArgType<unknown>;
|
|
24
25
|
showNotificationIndicator: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { MenuProps } from '../../components/Menu';
|
|
2
2
|
import { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';
|
|
3
|
-
import { ConversationCardPinProps } from './components/conversationCardButtons.component';
|
|
3
|
+
import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/conversationCardButtons.component';
|
|
4
4
|
import { ConversationCardProps } from './conversationCard.component';
|
|
5
5
|
export declare const baseConversationCardData: ConversationCardProps;
|
|
6
6
|
export declare const avatarGroupData: ConversationCardAvatarGroupProps;
|
|
7
|
+
export declare const conversationCardOverlayData: ConversationCardOverlayProps;
|
|
7
8
|
export declare const conversationCardPinData: ConversationCardPinProps;
|
|
8
9
|
export declare const conversationCardHeaderMenuData: MenuProps;
|
|
9
10
|
export declare const statuses: {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { MenuProps } from '../../../components/Menu';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ConversationCardFooterProps } from '../components/conversationCardFooter.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { MenuProps } from '../../../components/Menu';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ConversationCardAvatarGroupProps } from '../components/conversationCardAvatarGroup.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ConversationCardProps } from '../conversationCard.component';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
controls: {
|
|
8
|
+
sort: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../components/conversationCardButtons.component").ConversationCardOverlayProps>;
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
14
|
+
export declare const WithOverlayPinAndMenu: {
|
|
15
|
+
(args: ConversationCardProps): JSX.Element;
|
|
16
|
+
args: ConversationCardProps;
|
|
17
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ConversationCardPinProps } from '../components/conversationCardButtons.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ConversationCardProps } from '../conversationCard.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ConversationCardTag } from '../components/conversationCardTags.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
5
|
+
component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-105a4eb4.js");require("react"),require("../../card.component-04437e79.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../timestamp.component-16be4ef2.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-bf1cf6b8.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../avatar.component-eeb0d319.js"),require("../../chakra-ui-avatar.esm-3ef01808.js"),require("../../chakra-ui-image.esm-2b438d18.js"),require("../../picture.component-daf0e558.js"),require("../../button.component-b67f5ec7.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-a856f80f.js"),require("../../withFormControl-d55cc71b.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../textInput.component-71e352c1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../menu.component-04486145.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-789317f3.js"),require("../../menuList.component-da25c181.js"),require("../../menuItem.component-d26a70c2.js"),require("../../menu.config-78717999.js"),require("../../tag.component-e5da4b8d.js"),exports.ConversationCard=e.ConversationCard;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,7 +3,7 @@ import { TagBlockProps } from '../tagBlock.component';
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
id: string;
|
|
6
|
-
component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId,
|
|
6
|
+
component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
|
|
7
7
|
argTypes: {
|
|
8
8
|
handleDelete: import("@storybook/addons").ArgType<unknown>;
|
|
9
9
|
canBeDeleted: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -3,7 +3,7 @@ import { TagBlockProps } from '../tagBlock.component';
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
id: string;
|
|
6
|
-
component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId,
|
|
6
|
+
component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
|
|
7
7
|
argTypes: {
|
|
8
8
|
hasError: import("@storybook/addons").ArgType<unknown>;
|
|
9
9
|
errorText: import("@storybook/addons").ArgType<unknown>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-ad8b829b.js");require("react"),require("../../button.component-b67f5ec7.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../checkbox.component-a856f80f.js"),require("../../withFormControl-d55cc71b.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../checkboxGroup.component-2a44c743.js"),require("../../_baseGetTag-7b5fc763.js"),require("../../menu.component-04486145.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-789317f3.js"),require("../../menuList.component-da25c181.js"),require("../../menuItem.component-d26a70c2.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-71e352c1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../link.component-96da4f1d.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-e2cf4d68.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-4b08b539.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),require("../../select.component-baf37f0a.js"),require("../../chakra-ui-select.esm-e7128fb0.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-3b307197.js"),require("../../tag.component-e5da4b8d.js"),require("../../textarea.component-59432c69.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { MenuButtonProps, MenuListProps, MenuContainerProps
|
|
2
|
-
import { BoxProps } from 'chakra';
|
|
1
|
+
import { MenuButtonProps, MenuListProps, MenuContainerProps } from '../../components';
|
|
3
2
|
export declare enum TagDisabledState {
|
|
4
3
|
Inactive = "Inactive",
|
|
5
4
|
Deleted = "Deleted"
|
|
@@ -13,7 +12,6 @@ export interface TagBlockProps {
|
|
|
13
12
|
menuButtonProps?: MenuButtonProps;
|
|
14
13
|
menuListProps?: MenuListProps;
|
|
15
14
|
menuContainerProps?: MenuContainerProps;
|
|
16
|
-
titleProps?: TextProps;
|
|
17
15
|
tags: TagBlockTag[];
|
|
18
16
|
canBeDeleted?: boolean;
|
|
19
17
|
onClearAll?: () => void;
|
|
@@ -23,7 +21,5 @@ export interface TagBlockProps {
|
|
|
23
21
|
errorText?: string;
|
|
24
22
|
isLoading?: boolean;
|
|
25
23
|
dataTestId?: string;
|
|
26
|
-
tagProps?: Omit<TagProps, 'label'>;
|
|
27
|
-
containerProps?: BoxProps;
|
|
28
24
|
}
|
|
29
|
-
export declare const TagBlock: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId,
|
|
25
|
+
export declare const TagBlock: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { TagBlockProps } from './tagBlock.component';
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
id: string;
|
|
6
|
-
component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId,
|
|
6
|
+
component: ({ title, menuButtonProps, menuListProps, menuContainerProps, tags, canBeDeleted, onClearAll, onRemoveTag, handleDelete, hasError, errorText, isLoading, dataTestId, }: TagBlockProps) => JSX.Element;
|
|
7
7
|
argTypes: import("../../shared/types/storybook").KibbleArgTypes<TagBlockProps>;
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
package/build/patterns/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-ad6cb8b2.js"),r=require("../conversationCard.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-ad6cb8b2.js"),r=require("../conversationCard.component-105a4eb4.js"),i=require("../timestamp.component-16be4ef2.js"),a=require("../tagBlock.component-ad8b829b.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-eeb0d319.js"),require("react"),require("../icon.component-3662253d.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../tooltip.component-e2205174.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../picture.component-daf0e558.js"),require("../card.component-04437e79.js"),require("../notificationCounter.component-bf1cf6b8.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-8febedd1.js"),require("../withTruncation-19e872ac.js"),require("../text.component-a1231840.js"),require("../button.component-b67f5ec7.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-a856f80f.js"),require("../withFormControl-d55cc71b.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../textInput.component-71e352c1.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../spinner.component-e13e6346.js"),require("../menu.component-04486145.js"),require("../menuContainer.component-34ab3f3f.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menuButton.component-789317f3.js"),require("../menuList.component-da25c181.js"),require("../menuItem.component-d26a70c2.js"),require("../menu.config-78717999.js"),require("../tag.component-e5da4b8d.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-2a44c743.js"),require("../_baseGetTag-7b5fc763.js"),require("../link.component-96da4f1d.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-e2cf4d68.js"),require("../radioGroup.component-4b08b539.js"),require("../radio.component-1c03819e.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../select.component-baf37f0a.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-3b307197.js"),require("../textarea.component-59432c69.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("./button.component-b67f5ec7.js");require("./heading.component-8febedd1.js"),require("./icon.component-3662253d.js");var a=require("./text.component-a1231840.js");require("./checkbox.component-a856f80f.js"),require("./checkboxGroup.component-2a44c743.js"),require("./_baseGetTag-7b5fc763.js");var r=require("./menu.component-04486145.js");require("./textInput.component-71e352c1.js"),require("./link.component-96da4f1d.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-4b08b539.js"),require("./select.component-baf37f0a.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-3b307197.js");var o=require("./tag.component-e5da4b8d.js");require("./textarea.component-59432c69.js"),require("./timePicker.types-eedca939.js");var l=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c,i=s(e);exports.TagDisabledState=void 0,(c=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",c.Deleted="Deleted";exports.TagBlock=({title:e,menuButtonProps:s={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:c={isMultiSelect:!0},menuContainerProps:u,tags:d,canBeDeleted:m=!1,onClearAll:p,onRemoveTag:b,handleDelete:g,hasError:f=!1,errorText:j="This field contains an error",isLoading:x=!1,dataTestId:T="tag-block"})=>i.createElement(l.Box,{className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:f?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default"},i.createElement(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${T}-container`,justifyContent:"space-between"},i.createElement(l.HStack,{spacing:1,minH:10},e&&i.createElement(a.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},e),i.createElement(r.Menu,{buttonProps:s,listProps:c,containerProps:u,dataTestId:`${T}-menu`}),i.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${T}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:p,isDisabled:d.length<=0},"Clear All")),m&&i.createElement(l.Box,null,i.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${T}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:g,justifySelf:"flex-end"}))),Boolean(d.length)&&i.createElement(l.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},d.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return i.createElement(o.Tag,{className:"TagBlock__Tag","data-testid":`${T}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>{return t=e.value,void(b&&b(t,d));var t},closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),x&&i.createElement(n.Spinner,{isFullScreen:!0}),f&&i.createElement(a.WrappedText,{className:"TagBlock__Error","data-testid":`${T}-error`,mt:2,size:"xs",as:"p",variant:"danger"},j));
|
|
2
|
+
//# sourceMappingURL=tagBlock.component-ad8b829b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tagBlock.component-ad8b829b.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, Menu, Button, MenuButtonProps, MenuListProps, Tag, Spinner, MenuContainerProps } from '../../components';\nimport { Box, HStack, Flex } from 'chakra';\n\nexport enum TagDisabledState {\n Inactive = 'Inactive',\n Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n label: string;\n value: string;\n}\n\nexport interface TagBlockProps {\n title?: string;\n menuButtonProps?: MenuButtonProps;\n menuListProps?: MenuListProps;\n menuContainerProps?: MenuContainerProps;\n tags: TagBlockTag[];\n canBeDeleted?: boolean;\n onClearAll?: () => void;\n onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n handleDelete?: () => void;\n hasError?: boolean;\n errorText?: string;\n isLoading?: boolean;\n dataTestId?: string;\n}\n\nexport const TagBlock = ({\n title,\n menuButtonProps = {\n size: 'sm',\n variant: 'secondarySubtle',\n leftIconName: 'plus',\n text: 'Add',\n showRightIcon: false,\n },\n menuListProps = {\n isMultiSelect: true,\n },\n menuContainerProps,\n tags,\n canBeDeleted = false,\n onClearAll,\n onRemoveTag,\n handleDelete,\n hasError = false,\n errorText = 'This field contains an error',\n isLoading = false,\n dataTestId = 'tag-block',\n}: TagBlockProps): JSX.Element => {\n const handleRemoveTag = (value: string): void => {\n if (onRemoveTag) {\n onRemoveTag(value, tags);\n }\n };\n\n return (\n <Box\n className=\"TagBlock\"\n position=\"relative\"\n mb={3}\n py={2}\n pl={4}\n pr={2}\n bg=\"background.subtle\"\n borderRadius=\"lg\"\n boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n border=\"1px\"\n borderColor=\"border.default\"\n >\n <Flex\n className=\"TagBlock__ButtonContainer\"\n data-testid={`${dataTestId}-container`}\n justifyContent=\"space-between\"\n >\n <HStack spacing={1} minH={10}>\n {title && (\n <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n {title}\n </Text>\n )}\n <Menu\n buttonProps={menuButtonProps}\n listProps={menuListProps}\n containerProps={menuContainerProps}\n dataTestId={`${dataTestId}-menu`}\n />\n <Button\n className=\"TagBlock__Button--ClearAll\"\n data-testid={`${dataTestId}-clear-all-button`}\n size=\"sm\"\n iconName=\"arrowCircle\"\n variant=\"ghostNeutral\"\n onClick={onClearAll}\n isDisabled={tags.length <= 0}\n >\n Clear All\n </Button>\n </HStack>\n {canBeDeleted && (\n <Box>\n <Button\n className=\"TagBlock__Button--Delete\"\n data-testid={`${dataTestId}-delete-button`}\n iconName=\"trashcan\"\n variant=\"ghostNeutral\"\n onClick={handleDelete}\n justifySelf=\"flex-end\"\n />\n </Box>\n )}\n </Flex>\n {Boolean(tags.length) && (\n <Flex\n className=\"TagBlock__TagContainer\"\n mt={2}\n pb={1}\n alignContent=\"space-between\"\n flexWrap=\"wrap\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {tags.map((tag) => {\n const isDisabled =\n tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n return (\n <Tag\n className=\"TagBlock__Tag\"\n data-testid={`${dataTestId}-tag`}\n mr={1}\n mb={1}\n key={tag.value}\n label={tag.label}\n onClose={(): void => handleRemoveTag(tag.value)}\n closeButtonDisplay=\"always\"\n fontWeight=\"normal\"\n color={isDisabled ? 'text.placeholder' : 'text.default'}\n size=\"md\"\n />\n );\n })}\n </Flex>\n )}\n {isLoading && <Spinner isFullScreen />}\n {hasError && (\n <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" as=\"p\" variant=\"danger\">\n {errorText}\n </Text>\n )}\n </Box>\n );\n};\n"],"names":["TagDisabledState","title","menuButtonProps","size","variant","leftIconName","text","showRightIcon","menuListProps","isMultiSelect","menuContainerProps","tags","canBeDeleted","onClearAll","onRemoveTag","handleDelete","hasError","errorText","isLoading","dataTestId","React","createElement","Box","className","position","mb","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","mr","fontWeight","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","isDisabled","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","map","tag","label","includes","Inactive","Deleted","Tag","key","value","onClose","handleRemoveTag","closeButtonDisplay","color","Spinner","isFullScreen","as"],"mappings":"01CAIYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BAwBsB,EACtBC,MAAAA,EACAC,gBAAAA,EAAkB,CAChBC,KAAM,KACNC,QAAS,kBACTC,aAAc,OACdC,KAAM,MACNC,eAAe,GAEjBC,cAAAA,EAAgB,CACdC,eAAe,GAEjBC,mBAAAA,EACAC,KAAAA,EACAC,aAAAA,GAAe,EACfC,WAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,SAAAA,GAAW,EACXC,UAAAA,EAAY,+BACZC,UAAAA,GAAY,EACZC,WAAAA,EAAa,eASXC,EAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,WACVC,SAAS,WACTC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAWf,EAAW,+CAAiD,GACvEgB,OAAO,MACPC,YAAY,kBAEZb,EAAAC,cAACa,OAAI,CACHX,UAAU,4BAA2B,cACxB,GAAGJ,cAChBgB,eAAe,iBAEff,EAACC,cAAAe,UAAOC,QAAS,EAAGC,KAAM,IACvBrC,GACCmB,EAAAC,cAACkB,EAAIC,YAAC,CAAAjB,UAAU,kBAAkBkB,GAAI,EAAGC,WAAW,QACjDzC,GAGLmB,EAAAC,cAACsB,EAAIA,KACH,CAAAC,YAAa1C,EACb2C,UAAWrC,EACXsC,eAAgBpC,EAChBS,WAAY,GAAGA,WAEjBC,EAAAC,cAAC0B,SAAM,CACLxB,UAAU,6BACG,cAAA,GAAGJ,qBAChBhB,KAAK,KACL6C,SAAS,cACT5C,QAAQ,eACR6C,QAASpC,EACTqC,WAAYvC,EAAKwC,QAAU,iBAK9BvC,GACCQ,EAAAC,cAACC,EAAAA,IAAG,KACFF,EAAAC,cAAC0B,EAAAA,OAAM,CACLxB,UAAU,2BAA0B,cACvB,GAAGJ,kBAChB6B,SAAS,WACT5C,QAAQ,eACR6C,QAASlC,EACTqC,YAAY,eAKnBC,QAAQ1C,EAAKwC,SACZ/B,gBAACc,OAAI,CACHX,UAAU,yBACV+B,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTtB,eAAe,aACfuB,WAAW,cAEV/C,EAAKgD,KAAKC,IACT,MAAMV,EACJU,EAAIC,MAAMC,SAAS9D,QAAAA,iBAAiB+D,WAAaH,EAAIC,MAAMC,SAAS9D,QAAgBA,iBAACgE,SAEvF,OACE5C,EAAAC,cAAC4C,EAAGA,IAAA,CACF1C,UAAU,gBACG,cAAA,GAAGJ,QAChBsB,GAAI,EACJhB,GAAI,EACJyC,IAAKN,EAAIO,MACTN,MAAOD,EAAIC,MACXO,QAAS,KAAYC,OApFVF,EAoF0BP,EAAIO,WAnFjDrD,GACFA,EAAYqD,EAAOxD,IAFC,IAACwD,GAqFXG,mBAAmB,SACnB5B,WAAW,SACX6B,MAAOrB,EAAa,mBAAqB,eACzC/C,KAAK,WAMde,GAAaE,EAAAC,cAACmD,EAAOA,QAAA,CAACC,cAAe,IACrCzD,GACCI,EAACC,cAAAkB,eAAKhB,UAAU,kBAAiB,cAAc,GAAGJ,UAAoBmC,GAAI,EAAGnD,KAAK,KAAKuE,GAAG,IAAItE,QAAQ,UACnGa"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-d370ebec.js"),t=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=useExpandButton-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-d370ebec.js"),t=require("./chakra-ui-modal.esm-2c76cb7b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a);exports.Modal=a=>{var{children:i,isOpen:n,onClose:o,isCentered:r=!0,allowEscape:d=!0,useFullScreenMobile:u=!0,initialFocusRef:c,scrollBehavior:m,size:b="xl",isExpanded:p=!1,dataTestId:x="modal"}=a,v=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const f=s.useBreakpointValue({base:"full",md:b}),h=s.useBreakpointValue({base:0,md:"xl"}),k=s.useBreakpointValue({base:u?0:16,md:16});return l.default.createElement(t.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!c,isOpen:n,onClose:o,scrollBehavior:m,isCentered:r,size:u||p?f:b,motionPreset:"slideInBottom","data-testid":x},v),l.default.createElement(t.ModalOverlay,{bg:p?"neutral.100":"blackAlpha.600",style:{transition:"background-color 0.7s ease-in-out"},className:"Modal__Overlay","data-testid":`${x}-overlay`}),l.default.createElement(t.ModalContent,Object.assign({backgroundColor:"background.overlay","data-testid":`${x}-content`,m:k},!u&&{mx:5},{borderRadius:p?"none":u?h:"xl",minH:Object.assign({md:p?"100%":"100px"},u&&{base:"-webkit-fill-available"}),minW:{md:p?"650px":"300px"},maxH:"inside"===m?"100%":void 0,transition:"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out",className:"Modal__Content"}),i))},exports.useExpandButton=()=>{const[e,s]=a.useState(!1);return{isExpanded:e,handleExpandClick:()=>{s((e=>!e))}}};
|
|
2
|
+
//# sourceMappingURL=useExpandButton-478244d5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExpandButton-
|
|
1
|
+
{"version":3,"file":"useExpandButton-478244d5.js","sources":["../src/components/Modal/modal.component.tsx","../src/components/Modal/hooks/useExpandButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Modal as CModal,\n ModalProps as CModalProps,\n ModalContent,\n ModalOverlay,\n useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\n\nexport interface ModalProps extends CModalProps {\n allowEscape?: boolean;\n isCentered?: boolean;\n useFullScreenMobile?: boolean;\n size?: string;\n scrollBehavior?: 'inside' | 'outside';\n children: ReactNode;\n initialFocusRef?: React.RefObject<FocusableElement>;\n isExpanded?: boolean;\n dataTestId?: string;\n}\n\nexport const Modal = ({\n children,\n isOpen,\n onClose,\n isCentered = true,\n allowEscape = true,\n useFullScreenMobile = true,\n initialFocusRef,\n scrollBehavior,\n size = 'xl',\n isExpanded = false,\n dataTestId = 'modal',\n ...rest\n}: ModalProps): JSX.Element => {\n // Responsive values for full screen modals on phones.\n const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: 'xl' });\n const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n const Modal: JSX.Element = (\n <CModal\n closeOnEsc={allowEscape}\n closeOnOverlayClick={allowEscape}\n autoFocus={!!initialFocusRef}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior={scrollBehavior}\n isCentered={isCentered}\n size={useFullScreenMobile || isExpanded ? fullScreenMobileSize : size}\n motionPreset=\"slideInBottom\"\n data-testid={dataTestId}\n {...rest}\n >\n <ModalOverlay\n bg={isExpanded ? 'neutral.100' : 'blackAlpha.600'}\n style={{ transition: 'background-color 0.7s ease-in-out' }}\n className=\"Modal__Overlay\"\n data-testid={`${dataTestId}-overlay`}\n />\n <ModalContent\n backgroundColor=\"background.overlay\"\n data-testid={`${dataTestId}-content`}\n m={modalMargin}\n {...(!useFullScreenMobile && { mx: 5 })}\n borderRadius={isExpanded ? 'none' : useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n minH={{ md: isExpanded ? '100%' : '100px', ...(useFullScreenMobile && { base: '-webkit-fill-available' }) }}\n minW={{ md: isExpanded ? '650px' : '300px' }}\n maxH={scrollBehavior === 'inside' ? '100%' : undefined}\n transition=\"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out\"\n className=\"Modal__Content\"\n >\n {children}\n </ModalContent>\n </CModal>\n );\n\n return Modal;\n};\n","import { useState } from \"react\";\n\ninterface UseExpandButtonOutput {\n isExpanded: boolean;\n handleExpandClick: () => void;\n}\n\nexport const useExpandButton = (): UseExpandButtonOutput => {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const handleExpandClick = (): void => {\n setIsExpanded(currentValue => !currentValue);\n };\n \n return { isExpanded, handleExpandClick };\n}\n"],"names":["_a","children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Object","assign","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","bg","style","transition","className","ModalContent","backgroundColor","m","mx","borderRadius","minH","minW","maxH","undefined","setIsExpanded","useState","handleExpandClick","currentValue"],"mappings":"8QAsBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,YACjBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,KAAIC,WACXA,GAAa,EAAKC,WAClBA,EAAa,SAAOX,EACjBY,EAAIC,EAAAA,OAAAb,EAZa,sJAepB,MAAMc,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIR,IAC9DS,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMV,EAAsB,EAAI,GAAIW,GAAI,KAuCjF,OApCEG,EAAAA,QAACC,cAAAC,EAAAA,MACCC,OAAAC,OAAA,CAAAC,WAAYpB,EACZqB,oBAAqBrB,EACrBsB,YAAapB,EACbL,OAAQA,EACRC,QAASA,EACTK,eAAgBA,EAChBJ,WAAYA,EACZK,KAAMH,GAAuBI,EAAaI,EAAuBL,EACjEmB,aAAa,gBAAe,cACfjB,GACTC,GAEJQ,UAAAC,cAACQ,EAAAA,aAAY,CACXC,GAAIpB,EAAa,cAAgB,iBACjCqB,MAAO,CAAEC,WAAY,qCACrBC,UAAU,iBAAgB,cACb,GAAGtB,cAElBS,EAAAA,QAACC,cAAAa,EAAAA,aACCX,OAAAC,OAAA,CAAAW,gBAAgB,mCACH,GAAGxB,YAChByB,EAAGjB,IACGb,GAAuB,CAAE+B,GAAI,GACnC,CAAAC,aAAc5B,EAAa,OAASJ,EAAsBY,EAA+B,KACzFqB,KAAIhB,OAAAC,OAAA,CAAIP,GAAIP,EAAa,OAAS,SAAaJ,GAAuB,CAAEU,KAAM,2BAC9EwB,KAAM,CAAEvB,GAAIP,EAAa,QAAU,SACnC+B,KAAyB,WAAnBjC,EAA8B,YAASkC,EAC7CV,WAAW,0FACXC,UAAU,mBAEThC,6BClEsB,KAC7B,MAAOS,EAAYiC,GAAiBC,EAAQA,UAAC,GAM7C,MAAO,CAAElC,WAAAA,EAAYmC,kBAJK,KACxBF,GAAcG,IAAiBA"}
|