@televet/kibble-ui 3.0.3-franklin-1 → 3.0.3-franklin-2
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/components/Tag/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{conversationCard.component-61a96ab7.js → conversationCard.component-8189d1d9.js} +2 -2
- package/build/{conversationCard.component-61a96ab7.js.map → conversationCard.component-8189d1d9.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/patterns/ConversationCard/index.js +1 -1
- package/build/patterns/TagBlock/index.js +1 -1
- package/build/patterns/index.js +1 -1
- package/build/{tag.component-6b6c4dde.js → tag.component-d8aa8bcb.js} +2 -2
- package/build/{tag.component-6b6c4dde.js.map → tag.component-d8aa8bcb.js.map} +1 -1
- package/build/{tagBlock.component-0813b69f.js → tagBlock.component-63b06f12.js} +2 -2
- package/build/{tagBlock.component-0813b69f.js.map → tagBlock.component-63b06f12.js.map} +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tag.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tag.component-d8aa8bcb.js"),s=require("../../tag.types-71e7699b.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),exports.Tag=e.Tag,exports.closeButtonDisplays=s.closeButtonDisplays,exports.tagSizes=s.tagSizes;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-9449edd9.js"),r=require("../avatar.component-2e555b33.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-c2b49f66.js"),a=require("../button.component-b9df8907.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-de5d4b2a.js"),n=require("../checkbox.component-ee9287f3.js"),p=require("../checkboxGroup.component-f08f7436.js"),u=require("../datepicker.component-55b1de28.js"),c=require("../_baseGetTag-fd05839f.js"),d=require("../heading.component-95e89325.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-e12ab030.js"),j=require("../link.component-347bcff5.js"),q=require("../logo.component-0450a9a6.js"),b=require("../menuButton.component-f68a5e79.js"),f=require("../menuContainer.component-17d9413b.js"),l=require("../menuItem.component-cfceef18.js"),h=require("../menuList.component-71b13aac.js"),k=require("../menu.component-c93eb957.js"),v=require("../modalBody.component-aef93b82.js"),S=require("../modalCloseButton.component-5293b0f8.js"),g=require("../modalExpandButton.component-0a4f797d.js"),M=require("../modalFooter.component-dcdf89f3.js"),T=require("../modalFooterButtons.component-795b64f9.js"),y=require("../modalHeader.component-d5b515c7.js"),z=require("../useExpandButton-de853387.js"),B=require("../notificationCounter.component-4f126f12.js"),P=require("../notificationCounter.types-799d7b6c.js"),C=require("../picture.component-19489bee.js"),I=require("../popoverFooter.component-fa44dc1d.js"),D=require("../popoverHeader.component-26903feb.js"),L=require("../popover.component-cced7fda.js"),w=require("../popover.types-bc105ea7.js"),F=require("../radio.component-2502a55b.js"),H=require("../radioGroup.component-92699612.js"),R=require("../ratingDot.component-01592415.js"),G=require("../ratingDots.component-cd5946a2.js"),W=require("../select.component-bf3eedc6.js"),V=require("../dragHandle.component-baffe4a2.js"),A=require("../sortableItem.component-ce1a7136.js"),O=require("../sortableOverlay.component-39d84330.js"),E=require("../sortableList.component-84706639.js"),N=require("../spinner.component-cc68be51.js"),_=require("../spinner.types-9d350e31.js"),J=require("../swatch.component-47f70104.js"),K=require("../switch.component-1c8f0244.js"),Q=require("../tab.component-ab5279a0.js"),U=require("../tabs.component-c0a53d57.js"),X=require("../tabsLayout.component-e2e49158.js"),Y=require("../tag.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-9449edd9.js"),r=require("../avatar.component-2e555b33.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-c2b49f66.js"),a=require("../button.component-b9df8907.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-de5d4b2a.js"),n=require("../checkbox.component-ee9287f3.js"),p=require("../checkboxGroup.component-f08f7436.js"),u=require("../datepicker.component-55b1de28.js"),c=require("../_baseGetTag-fd05839f.js"),d=require("../heading.component-95e89325.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-e12ab030.js"),j=require("../link.component-347bcff5.js"),q=require("../logo.component-0450a9a6.js"),b=require("../menuButton.component-f68a5e79.js"),f=require("../menuContainer.component-17d9413b.js"),l=require("../menuItem.component-cfceef18.js"),h=require("../menuList.component-71b13aac.js"),k=require("../menu.component-c93eb957.js"),v=require("../modalBody.component-aef93b82.js"),S=require("../modalCloseButton.component-5293b0f8.js"),g=require("../modalExpandButton.component-0a4f797d.js"),M=require("../modalFooter.component-dcdf89f3.js"),T=require("../modalFooterButtons.component-795b64f9.js"),y=require("../modalHeader.component-d5b515c7.js"),z=require("../useExpandButton-de853387.js"),B=require("../notificationCounter.component-4f126f12.js"),P=require("../notificationCounter.types-799d7b6c.js"),C=require("../picture.component-19489bee.js"),I=require("../popoverFooter.component-fa44dc1d.js"),D=require("../popoverHeader.component-26903feb.js"),L=require("../popover.component-cced7fda.js"),w=require("../popover.types-bc105ea7.js"),F=require("../radio.component-2502a55b.js"),H=require("../radioGroup.component-92699612.js"),R=require("../ratingDot.component-01592415.js"),G=require("../ratingDots.component-cd5946a2.js"),W=require("../select.component-bf3eedc6.js"),V=require("../dragHandle.component-baffe4a2.js"),A=require("../sortableItem.component-ce1a7136.js"),O=require("../sortableOverlay.component-39d84330.js"),E=require("../sortableList.component-84706639.js"),N=require("../spinner.component-cc68be51.js"),_=require("../spinner.types-9d350e31.js"),J=require("../swatch.component-47f70104.js"),K=require("../switch.component-1c8f0244.js"),Q=require("../tab.component-ab5279a0.js"),U=require("../tabs.component-c0a53d57.js"),X=require("../tabsLayout.component-e2e49158.js"),Y=require("../tag.component-d8aa8bcb.js"),Z=require("../tag.types-71e7699b.js"),$=require("../text.component-906b3f66.js"),ee=require("../text.types-fef8ead3.js"),re=require("../textarea.component-b86d6ccd.js"),oe=require("../textInput.component-e02ab484.js"),te=require("../timePicker.component-809fa84d.js"),ae=require("../timePicker.types-eedca939.js"),se=require("../timeRange.component-8163c8dc.js"),ie=require("../useToast-97f42324.js"),ne=require("../tooltip.component-197bff7c.js");require("../tslib.es6-d6f17add.js"),require("react"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../chakra-ui-alert.esm-17eebb99.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../withFormControl-4375a671.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../index-ebcb699d.js"),require("../index-7708e04e.js"),require("../chakra-ui-popover.esm-1e836c11.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../withTruncation-a62a9e5f.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menu.context-66211f5a.js"),require("../menu.config-78717999.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../chakra-ui-modal.esm-1fae54f8.js"),require("../index-c47ce06b.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-media-query.esm-6217de7e.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../chakra-ui-tabs.esm-e6372403.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../chakra-ui-theme.esm-d6d72df5.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=s.buttonSizes,exports.buttonVariants=s.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=p.WrappedCheckboxGroup,exports.DatePicker=u.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return c.DateFormats}}),exports.Heading=d.WrappedHeading,exports.headingSizes=m.headingSizes,exports.Icon=x.Icon,exports.IconSizeMap=x.IconSizeMap,exports.iconSizes=x.iconSizes,exports.Link=j.Link,exports.Logo=q.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=f.MenuContainer,exports.MenuItem=l.MenuItem,exports.MenuList=h.MenuList,exports.Menu=k.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=S.ModalCloseButton,exports.ModalExpandButton=g.ModalExpandButton,exports.ModalFooter=M.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=z.Modal,exports.useExpandButton=z.useExpandButton,exports.NotificationCounter=B.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=C.Picture,exports.PopoverFooter=I.PopoverFooter,exports.PopoverHeader=D.PopoverHeader,exports.Popover=L.Popover,exports.popoverPlacements=w.popoverPlacements,exports.popoverSizes=w.popoverSizes,exports.popoverTriggerTypes=w.popoverTriggerTypes,exports.popoverVariants=w.popoverVariants,exports.Radio=F.Radio,exports.RadioGroup=H.WrappedRadioGroup,exports.RatingDot=R.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=W.WrappedSelect,exports.DragHandle=V.DragHandle,exports.SortableItem=A.SortableItem,exports.SortableOverlay=O.SortableOverlay,exports.SortableList=E.SortableList,exports.Spinner=N.Spinner,exports.spinnerSizes=_.spinnerSizes,exports.Swatch=J.Swatch,exports.SwatchSizeMap=J.SwatchSizeMap,exports.swatchSizes=J.swatchSizes,exports.Switch=K.WrappedSwitch,exports.Tab=Q.Tab,exports.Tabs=U.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=$.WrappedText,exports.textSizes=ee.textSizes,exports.Textarea=re.WrappedTextArea,exports.TextInput=oe.WrappedTextInput,exports.TimePicker=te.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=se.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/{conversationCard.component-61a96ab7.js → conversationCard.component-8189d1d9.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./card.component-de5d4b2a.js"),a=require("./timestamp.component-c0c80c32.js"),n=require("./notificationCounter.component-4f126f12.js");require("./notificationCounter.types-799d7b6c.js");var o=require("./icon.component-e12ab030.js"),r=require("./heading.component-95e89325.js"),s=require("./text.component-906b3f66.js"),i=require("./avatar.component-2e555b33.js"),l=require("./tooltip.component-197bff7c.js"),c=require("./chakra-ui-layout.esm-6ee578f7.js"),d=require("./button.component-b9df8907.js");require("./menu.context-66211f5a.js"),require("./checkbox.component-ee9287f3.js"),require("./textInput.component-e02ab484.js"),require("./spinner.component-cc68be51.js");var u=require("./menu.component-c93eb957.js"),m=require("./tslib.es6-d6f17add.js"),p=require("./tag.component-
|
|
2
|
-
//# sourceMappingURL=conversationCard.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./card.component-de5d4b2a.js"),a=require("./timestamp.component-c0c80c32.js"),n=require("./notificationCounter.component-4f126f12.js");require("./notificationCounter.types-799d7b6c.js");var o=require("./icon.component-e12ab030.js"),r=require("./heading.component-95e89325.js"),s=require("./text.component-906b3f66.js"),i=require("./avatar.component-2e555b33.js"),l=require("./tooltip.component-197bff7c.js"),c=require("./chakra-ui-layout.esm-6ee578f7.js"),d=require("./button.component-b9df8907.js");require("./menu.context-66211f5a.js"),require("./checkbox.component-ee9287f3.js"),require("./textInput.component-e02ab484.js"),require("./spinner.component-cc68be51.js");var u=require("./menu.component-c93eb957.js"),m=require("./tslib.es6-d6f17add.js"),p=require("./tag.component-d8aa8bcb.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=f(e);const C=({avatars:e,max:t=1,onAvatarGroupClick:a,tooltipLabel:n})=>v.default.createElement(l.Tooltip,{label:n||"",isDisabled:!(null==n?void 0:n.length)},v.default.createElement(c.Flex,{className:"ConversationCardAvatarGroup__Container",align:"flex-start",justify:"flex-start"},t&&e.length>t?v.default.createElement(i.Avatar,{onClick:e=>{e.stopPropagation(),a&&a(e)},cursor:"pointer",name:e.length.toString(),showTooltip:!1}):v.default.createElement(v.default.Fragment,null,e.map((e=>e))))),g=({avatarGroupProps:e,timestampProps:t,isHoveringCard:i,isCardPinned:l,title:d,showNotificationIndicator:u,subtitle:m})=>v.default.createElement(c.HStack,{className:"ConversationCard__Header",justify:"space-between",align:"flex-start"},v.default.createElement(c.HStack,{className:"ConversationCard__Header--Left",cursor:"pointer"},e&&v.default.createElement(C,Object.assign({},e,{tooltipLabel:(null==e?void 0:e.tooltipLabel)||d})),v.default.createElement(c.VStack,{className:"ConversationCard__HeaderText",justify:"center",align:"left",spacing:"0"},v.default.createElement(r.WrappedHeading,{className:"ConversationCard__HeaderText--Title",size:"sm",isTruncated:!0},d),m&&v.default.createElement(s.WrappedText,{className:"ConversationCard__HeaderNamesText--Subtitle",as:"p",size:"sm",variant:"subtle",isTruncated:!0},m))),v.default.createElement(c.HStack,{className:"ConversationCard__Header--Right",visibility:i?"hidden":"visible",align:"center",spacing:1},v.default.createElement(a.Timestamp,Object.assign({},t)),u&&v.default.createElement(c.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator"},v.default.createElement(n.NotificationCounter,{size:"xs"})),l&&v.default.createElement(c.Flex,{"data-testid":"conversation-card-pinned-icon"},v.default.createElement(o.Icon,{size:"md",variant:"info",name:"pin"})))),b=({pinProps:e,headerMenuProps:t,isHovering:a,setIsHovering:n})=>{const{isPinned:r,togglePin:s}=e||{},{listProps:i}=t||{},l=r?"pinCancel":"pin";return v.default.createElement(c.HStack,{className:"ConversationCard__Menu",spacing:1},e&&v.default.createElement(d.Button,{"data-testid":"conversation-card-pin-toggle-icon-button",variant:r?"secondarySubtleDestructive":"secondarySubtle",onClick:()=>{s&&s(!r),a&&n(!1)},iconName:l,size:"sm"}),t&&v.default.createElement(u.Menu,Object.assign({buttonProps:t.buttonProps||{variant:"secondarySubtle",size:"sm",leftIconName:"dotsVertical",showRightIcon:!1},closeOnSelect:!1,isLazy:!0},t,{listProps:Object.assign(Object.assign({},i),{menuItems:[...e?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:(r?"Unpin":"Pin")+" Conversation",value:"PinConversation",variant:r?"danger":"default",leftElement:v.default.createElement(o.Icon,{size:"md",variant:r?"danger":"default",name:l}),onSelect:()=>{s&&s(!r)}}]:[],...(null==i?void 0:i.menuItems)||[]]})})))},E=({tags:e})=>v.default.createElement(c.Box,{className:"ConversationCard__Tags",mt:3},v.default.createElement(c.Wrap,{spacing:"6px"},e.map((e=>{const t=m.__rest(e,["tooltipContent"]);let a=v.default.createElement(p.Tag,Object.assign({closeButtonDisplay:"hover"},t,{size:"sm",textTransform:"capitalize"}));return e.tooltipContent&&(a=v.default.createElement(l.Tooltip,{label:e.tooltipContent,placement:"top"},v.default.createElement(c.Box,null,a))),v.default.createElement(c.WrapItem,{key:e.label},a)})))),j=({iconProps:e,content:t,contentProps:a})=>{const n="string"==typeof t?v.default.createElement(s.WrappedText,Object.assign({className:"ConversationCard__Footer--Message",as:"p",size:"sm",variant:"subtle"},a,e&&{ml:1}),t):t;return v.default.createElement(c.Flex,{className:"ConversationCard__Footer",mt:3,alignItems:"center"},e&&v.default.createElement(o.Icon,Object.assign({size:"sm",variant:"subtle"},e)),n)},_=({contentMenu:e,content:t,contentProps:a})=>{const n="string"==typeof t?v.default.createElement(s.WrappedText,Object.assign({className:"ConversationCard__ConversationDetails--Content",isTruncated:!0,size:"sm"},a),t):t;return v.default.createElement(c.HStack,{className:"ConversationCard__ConversationDetails",mt:3,justify:"space-between",align:"center"},n,e&&v.default.createElement(c.Box,{className:"ConversationCard__ConversationDetails--ContentMenu",ml:"auto"},e))};exports.ConversationCard=({allowHoverActions:a=!0,avatarGroupProps:n,content:o,contentProps:r,contentMenu:s,footerProps:i,headerMenuProps:l,headerProps:d,isActive:u,onClick:m,pinProps:p,shouldPreservePosition:f,showNotificationIndicator:C,tags:P})=>{const{isPinned:x}=p||{},[N,h]=e.useState(!1);return v.default.createElement(t.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"conversation-card-item",isInteractive:!0,isActive:u,size:"sm",onClick:()=>{m&&m()},bg:C||u||N?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{a&&h(!0)},onMouseLeave:()=>h(!1),pos:"relative",sx:{overflowAnchor:f?"auto":"none"}},N&&v.default.createElement(c.Box,{className:"ConversationCard__Menu--Container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background.default",borderRadius:"md",onClick:e=>e.stopPropagation()},v.default.createElement(b,{pinProps:p,headerMenuProps:l,isHovering:N,setIsHovering:h})),v.default.createElement(g,Object.assign({avatarGroupProps:n,isHoveringCard:N,isCardPinned:x,showNotificationIndicator:C},d)),v.default.createElement(_,{content:o,contentProps:r,contentMenu:s}),!!(null==P?void 0:P.length)&&v.default.createElement(E,{tags:P}),i&&v.default.createElement(j,Object.assign({},i)))};
|
|
2
|
+
//# sourceMappingURL=conversationCard.component-8189d1d9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversationCard.component-61a96ab7.js","sources":["../src/patterns/ConversationCard/components/conversationCardAvatarGroup.component.tsx","../src/patterns/ConversationCard/components/conversationCardHeader.component.tsx","../src/patterns/ConversationCard/components/conversationCardButtons.component.tsx","../src/patterns/ConversationCard/components/conversationCardTags.component.tsx","../src/patterns/ConversationCard/components/conversationCardFooter.component.tsx","../src/patterns/ConversationCard/components/conversationCardContent.tsx","../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react';\nimport { Avatar } from 'components/Avatar';\nimport { Tooltip } from 'components/Tooltip';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: ReactNode[];\n max?: number;\n onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || ''} isDisabled={!tooltipLabel?.length}>\n <Flex className=\"ConversationCardAvatarGroup__Container\" align=\"flex-start\" justify=\"flex-start\">\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from 'react';\nimport { Box, Flex, HStack, VStack } from '@chakra-ui/react';\nimport { Timestamp, TimestampProps } from 'patterns/Timestamp';\nimport { NotificationCounter } from 'components/NotificationCounter';\nimport { Icon } from 'components/Icon';\nimport { Heading } from 'components/Heading';\nimport { Text } from 'components/Text';\nimport { ConversationCardAvatarGroup, ConversationCardAvatarGroupProps } from './conversationCardAvatarGroup.component';\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): JSX.Element => {\n return (\n <HStack className=\"ConversationCard__Header\" justify=\"space-between\" align=\"flex-start\">\n <HStack className=\"ConversationCard__Header--Left\" cursor=\"pointer\">\n {avatarGroupProps && (\n <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n )}\n <VStack className=\"ConversationCard__HeaderText\" justify=\"center\" align=\"left\" spacing=\"0\">\n <Heading className=\"ConversationCard__HeaderText--Title\" size=\"sm\" isTruncated>\n {title}\n </Heading>\n {subtitle && (\n <Text className=\"ConversationCard__HeaderNamesText--Subtitle\" as=\"p\" size=\"sm\" variant=\"subtle\" isTruncated>\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n visibility={isHoveringCard ? 'hidden' : 'visible'}\n align=\"center\"\n spacing={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from 'react';\nimport { HStack } from '@chakra-ui/react';\nimport { Button } from 'components/Button';\nimport { Menu, MenuProps, MenuItemProps } from 'components/Menu';\nimport { Icon } from 'components/Icon';\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isPinned, togglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n return (\n <HStack className=\"ConversationCard__Menu\" spacing={1}>\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n onClick={(): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: 'secondarySubtle',\n size: 'sm',\n leftIconName: 'dotsVertical',\n showRightIcon: false,\n }\n }\n closeOnSelect={false}\n isLazy\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n 'data-testid': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\n onSelect: (): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from 'react';\nimport { Box, Wrap, WrapItem } from '@chakra-ui/react';\nimport { Tag, TagProps } from 'components/Tag';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface ConversationCardTag extends TagProps {\n tooltipContent?: string;\n}\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({ tags }: ConversationCardTagsProps): JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap spacing=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = <Tag closeButtonDisplay=\"hover\" {...rest} size=\"sm\" textTransform=\"capitalize\" />;\n\n if (tag.tooltipContent) {\n tagElement = (\n <Tooltip label={tag.tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import { Flex } from '@chakra-ui/react';\nimport { Icon, IconProps } from 'components/Icon';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text\n className=\"ConversationCard__Footer--Message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" mt={3} alignItems=\"center\">\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import { Box, HStack } from '@chakra-ui/react';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardContentProps {\n content?: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n contentMenu?: ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text className=\"ConversationCard__ConversationDetails--Content\" isTruncated size=\"sm\" {...contentProps}>\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack className=\"ConversationCard__ConversationDetails\" mt={3} justify=\"space-between\" align=\"center\">\n {_content}\n {contentMenu && (\n <Box className=\"ConversationCard__ConversationDetails--ContentMenu\" ml=\"auto\">\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import { Box } from '@chakra-ui/react';\nimport React, { useState } from 'react';\nimport { Card } from 'components/Card';\nimport { MenuProps } from 'components/Menu';\nimport { ConversationCardHeader, ConversationCardHeaderProps } from './components/conversationCardHeader.component';\nimport { ConversationCardButtons, ConversationCardPinProps } from './components/conversationCardButtons.component';\nimport { ConversationCardTag, ConversationCardTags } from './components/conversationCardTags.component';\nimport { ConversationCardFooter, ConversationCardFooterProps } from './components/conversationCardFooter.component';\nimport { ConversationCardContent, ConversationCardContentProps } from './components/conversationCardContent';\nimport { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n isActive?: boolean;\n onClick?: () => void;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n isActive,\n onClick,\n pinProps,\n shouldPreservePosition,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"conversation-card-item\"\n isInteractive\n isActive={isActive}\n size=\"sm\"\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || isActive || isHovering ? 'background.default' : 'background.alphaContrast.pressed'\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n sx={{ overflowAnchor: shouldPreservePosition ? 'auto' : 'none' }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background.default\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent content={content} contentProps={contentProps} contentMenu={contentMenu} />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","React","Tooltip","label","isDisabled","length","createElement","Flex","className","align","justify","Avatar","onClick","e","stopPropagation","cursor","name","toString","showTooltip","Fragment","map","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","HStack","VStack","spacing","Heading","size","isTruncated","Text","as","variant","visibility","Timestamp","Object","assign","Box","NotificationCounter","Icon","ConversationCardButtons","pinProps","headerMenuProps","isHovering","setIsHovering","isPinned","togglePin","listProps","pinIconName","Button","iconName","Menu","buttonProps","leftIconName","showRightIcon","closeOnSelect","isLazy","menuItems","value","leftElement","onSelect","ConversationCardTags","tags","mt","Wrap","tag","rest","__rest","tagElement","Tag","closeButtonDisplay","textTransform","tooltipContent","placement","WrapItem","key","ConversationCardFooter","iconProps","content","contentProps","_content","ml","alignItems","ConversationCardContent","contentMenu","WrappedText","allowHoverActions","footerProps","headerProps","isActive","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right","borderRadius"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"conversationCard.component-8189d1d9.js","sources":["../src/patterns/ConversationCard/components/conversationCardAvatarGroup.component.tsx","../src/patterns/ConversationCard/components/conversationCardHeader.component.tsx","../src/patterns/ConversationCard/components/conversationCardButtons.component.tsx","../src/patterns/ConversationCard/components/conversationCardTags.component.tsx","../src/patterns/ConversationCard/components/conversationCardFooter.component.tsx","../src/patterns/ConversationCard/components/conversationCardContent.tsx","../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react';\nimport { Avatar } from 'components/Avatar';\nimport { Tooltip } from 'components/Tooltip';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: ReactNode[];\n max?: number;\n onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || ''} isDisabled={!tooltipLabel?.length}>\n <Flex className=\"ConversationCardAvatarGroup__Container\" align=\"flex-start\" justify=\"flex-start\">\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from 'react';\nimport { Box, Flex, HStack, VStack } from '@chakra-ui/react';\nimport { Timestamp, TimestampProps } from 'patterns/Timestamp';\nimport { NotificationCounter } from 'components/NotificationCounter';\nimport { Icon } from 'components/Icon';\nimport { Heading } from 'components/Heading';\nimport { Text } from 'components/Text';\nimport { ConversationCardAvatarGroup, ConversationCardAvatarGroupProps } from './conversationCardAvatarGroup.component';\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): JSX.Element => {\n return (\n <HStack className=\"ConversationCard__Header\" justify=\"space-between\" align=\"flex-start\">\n <HStack className=\"ConversationCard__Header--Left\" cursor=\"pointer\">\n {avatarGroupProps && (\n <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n )}\n <VStack className=\"ConversationCard__HeaderText\" justify=\"center\" align=\"left\" spacing=\"0\">\n <Heading className=\"ConversationCard__HeaderText--Title\" size=\"sm\" isTruncated>\n {title}\n </Heading>\n {subtitle && (\n <Text className=\"ConversationCard__HeaderNamesText--Subtitle\" as=\"p\" size=\"sm\" variant=\"subtle\" isTruncated>\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n visibility={isHoveringCard ? 'hidden' : 'visible'}\n align=\"center\"\n spacing={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from 'react';\nimport { HStack } from '@chakra-ui/react';\nimport { Button } from 'components/Button';\nimport { Menu, MenuProps, MenuItemProps } from 'components/Menu';\nimport { Icon } from 'components/Icon';\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isPinned, togglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n return (\n <HStack className=\"ConversationCard__Menu\" spacing={1}>\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n onClick={(): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: 'secondarySubtle',\n size: 'sm',\n leftIconName: 'dotsVertical',\n showRightIcon: false,\n }\n }\n closeOnSelect={false}\n isLazy\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n 'data-testid': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\n onSelect: (): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from 'react';\nimport { Box, Wrap, WrapItem } from '@chakra-ui/react';\nimport { Tag, TagProps } from 'components/Tag';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface ConversationCardTag extends TagProps {\n tooltipContent?: string;\n}\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({ tags }: ConversationCardTagsProps): JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap spacing=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = <Tag closeButtonDisplay=\"hover\" {...rest} size=\"sm\" textTransform=\"capitalize\" />;\n\n if (tag.tooltipContent) {\n tagElement = (\n <Tooltip label={tag.tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import { Flex } from '@chakra-ui/react';\nimport { Icon, IconProps } from 'components/Icon';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text\n className=\"ConversationCard__Footer--Message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" mt={3} alignItems=\"center\">\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import { Box, HStack } from '@chakra-ui/react';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardContentProps {\n content?: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n contentMenu?: ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text className=\"ConversationCard__ConversationDetails--Content\" isTruncated size=\"sm\" {...contentProps}>\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack className=\"ConversationCard__ConversationDetails\" mt={3} justify=\"space-between\" align=\"center\">\n {_content}\n {contentMenu && (\n <Box className=\"ConversationCard__ConversationDetails--ContentMenu\" ml=\"auto\">\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import { Box } from '@chakra-ui/react';\nimport React, { useState } from 'react';\nimport { Card } from 'components/Card';\nimport { MenuProps } from 'components/Menu';\nimport { ConversationCardHeader, ConversationCardHeaderProps } from './components/conversationCardHeader.component';\nimport { ConversationCardButtons, ConversationCardPinProps } from './components/conversationCardButtons.component';\nimport { ConversationCardTag, ConversationCardTags } from './components/conversationCardTags.component';\nimport { ConversationCardFooter, ConversationCardFooterProps } from './components/conversationCardFooter.component';\nimport { ConversationCardContent, ConversationCardContentProps } from './components/conversationCardContent';\nimport { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n isActive?: boolean;\n onClick?: () => void;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n isActive,\n onClick,\n pinProps,\n shouldPreservePosition,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"conversation-card-item\"\n isInteractive\n isActive={isActive}\n size=\"sm\"\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || isActive || isHovering ? 'background.default' : 'background.alphaContrast.pressed'\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n sx={{ overflowAnchor: shouldPreservePosition ? 'auto' : 'none' }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background.default\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent content={content} contentProps={contentProps} contentMenu={contentMenu} />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","React","Tooltip","label","isDisabled","length","createElement","Flex","className","align","justify","Avatar","onClick","e","stopPropagation","cursor","name","toString","showTooltip","Fragment","map","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","HStack","VStack","spacing","Heading","size","isTruncated","Text","as","variant","visibility","Timestamp","Object","assign","Box","NotificationCounter","Icon","ConversationCardButtons","pinProps","headerMenuProps","isHovering","setIsHovering","isPinned","togglePin","listProps","pinIconName","Button","iconName","Menu","buttonProps","leftIconName","showRightIcon","closeOnSelect","isLazy","menuItems","value","leftElement","onSelect","ConversationCardTags","tags","mt","Wrap","tag","rest","__rest","tagElement","Tag","closeButtonDisplay","textTransform","tooltipContent","placement","WrapItem","key","ConversationCardFooter","iconProps","content","contentProps","_content","ml","alignItems","ConversationCardContent","contentMenu","WrappedText","allowHoverActions","footerProps","headerProps","isActive","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right","borderRadius"],"mappings":"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"}
|
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-f4206977.js"),r=require("./alert.component-9449edd9.js"),o=require("./avatar.component-2e555b33.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-c2b49f66.js"),a=require("./button.component-b9df8907.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-de5d4b2a.js"),n=require("./checkbox.component-ee9287f3.js"),u=require("./checkboxGroup.component-f08f7436.js"),d=require("./datepicker.component-55b1de28.js"),x=require("./_baseGetTag-fd05839f.js"),c=require("./heading.component-95e89325.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-e12ab030.js"),b=require("./link.component-347bcff5.js"),j=require("./logo.component-0450a9a6.js"),q=require("./menuButton.component-f68a5e79.js"),f=require("./menuContainer.component-17d9413b.js"),C=require("./menuItem.component-cfceef18.js"),h=require("./menuList.component-71b13aac.js"),T=require("./menu.component-c93eb957.js"),v=require("./modalBody.component-aef93b82.js"),k=require("./modalCloseButton.component-5293b0f8.js"),M=require("./modalExpandButton.component-0a4f797d.js"),S=require("./modalFooter.component-dcdf89f3.js"),g=require("./modalFooterButtons.component-795b64f9.js"),y=require("./modalHeader.component-d5b515c7.js"),B=require("./useExpandButton-de853387.js"),I=require("./notificationCounter.component-4f126f12.js"),P=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-19489bee.js"),A=require("./popoverFooter.component-fa44dc1d.js"),F=require("./popoverHeader.component-26903feb.js"),L=require("./popover.component-cced7fda.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-2502a55b.js"),z=require("./radioGroup.component-92699612.js"),H=require("./ratingDot.component-01592415.js"),R=require("./ratingDots.component-cd5946a2.js"),O=require("./select.component-bf3eedc6.js"),N=require("./dragHandle.component-baffe4a2.js"),W=require("./sortableItem.component-ce1a7136.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-84706639.js"),_=require("./spinner.component-cc68be51.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-47f70104.js"),U=require("./switch.component-1c8f0244.js"),$=require("./tab.component-ab5279a0.js"),J=require("./tabs.component-c0a53d57.js"),X=require("./tabsLayout.component-e2e49158.js"),Y=require("./tag.component-6b6c4dde.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-906b3f66.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-b86d6ccd.js"),te=require("./textInput.component-e02ab484.js"),se=require("./timePicker.component-809fa84d.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-8163c8dc.js"),ie=require("./useToast-97f42324.js"),ne=require("./tooltip.component-197bff7c.js"),ue=require("./styledAvatar.types-9da3c0ef.js"),de=require("./conversationCard.component-61a96ab7.js"),xe=require("./timestamp.component-c0c80c32.js"),ce=require("./tagBlock.component-0813b69f.js"),le=require("./withTheme-e33ed8bc.js"),me=require("./useTheme-8873c39f.js"),be=require("./theme.provider-e6d69a55.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-42c3dd50.js"),fe=require("./chakra-ui-modal.esm-1fae54f8.js"),Ce=require("./chakra-ui-layout.esm-6ee578f7.js"),he=require("./chakra-ui-button.esm-bd065780.js"),Te=require("./chakra-ui-alert.esm-17eebb99.js"),ve=require("./chakra-ui-avatar.esm-eee70d3a.js"),ke=require("./chakra-ui-checkbox.esm-4cded6a7.js"),Me=require("./chakra-ui-input.esm-5fd07056.js"),Se=require("./chakra-ui-menu.esm-1ed98193.js"),ge=require("./chakra-ui-popover.esm-1e836c11.js"),ye=require("./chakra-ui-radio.esm-f310d451.js"),Be=require("./chakra-ui-select.esm-793cf4de.js"),Ie=require("./chakra-ui-tabs.esm-e6372403.js"),Pe=require("./chakra-ui-textarea.esm-23fad4cd.js"),De=require("./chakra-ui-form-control.esm-6d25b1a4.js"),Ae=require("./chakra-ui-media-query.esm-6217de7e.js"),Fe=require("./chakra-ui-image.esm-66324087.js"),Le=require("./chakra-ui-system.esm-c70df670.js"),Ge=require("./chakra-ui-portal.esm-bbcb5d1d.js"),we=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-4375a671.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-a62a9e5f.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-9c49b31b.js"),require("./index-c47ce06b.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./zIndeces-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-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=d.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return x.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=f.MenuContainer,exports.MenuItem=C.MenuItem,exports.MenuList=h.MenuList,exports.Menu=T.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=k.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=S.ModalFooter,exports.ModalFooterButtons=g.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=A.PopoverFooter,exports.PopoverHeader=F.PopoverHeader,exports.Popover=L.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=de.ConversationCard,exports.Timestamp=xe.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.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=fe.AlertDialog,exports.AlertDialogBody=fe.ModalBody,exports.AlertDialogContent=fe.AlertDialogContent,exports.AlertDialogFooter=fe.ModalFooter,exports.AlertDialogHeader=fe.ModalHeader,exports.AlertDialogOverlay=fe.ModalOverlay,exports.CModal=fe.Modal,exports.CModalBody=fe.ModalBody,exports.CModalCloseButton=fe.ModalCloseButton,exports.CModalFooter=fe.ModalFooter,exports.CModalHeader=fe.ModalHeader,exports.Collapse=fe.Collapse,exports.Drawer=fe.Drawer,exports.DrawerBody=fe.ModalBody,exports.DrawerCloseButton=fe.ModalCloseButton,exports.DrawerContent=fe.DrawerContent,exports.DrawerFooter=fe.ModalFooter,exports.DrawerHeader=fe.ModalHeader,exports.DrawerOverlay=fe.ModalOverlay,exports.Fade=fe.Fade,exports.ModalContent=fe.ModalContent,exports.ModalOverlay=fe.ModalOverlay,exports.Slide=fe.Slide,exports.SlideFade=fe.SlideFade,exports.Badge=Ce.Badge,exports.Box=Ce.Box,exports.Center=Ce.Center,exports.Circle=Ce.Circle,exports.Code=Ce.Code,exports.Container=Ce.Container,exports.Divider=Ce.Divider,exports.Flex=Ce.Flex,exports.Grid=Ce.Grid,exports.GridItem=Ce.GridItem,exports.HStack=Ce.HStack,exports.LinkBox=Ce.LinkBox,exports.LinkOverlay=Ce.LinkOverlay,exports.List=Ce.List,exports.ListItem=Ce.ListItem,exports.OrderedList=Ce.OrderedList,exports.SimpleGrid=Ce.SimpleGrid,exports.Spacer=Ce.Spacer,exports.Square=Ce.Square,exports.Stack=Ce.Stack,exports.UnorderedList=Ce.UnorderedList,exports.VStack=Ce.VStack,exports.Wrap=Ce.Wrap,exports.WrapItem=Ce.WrapItem,exports.ButtonGroup=he.ButtonGroup,exports.CButton=he.Button,exports.IconButton=he.IconButton,exports.CAlert=Te.Alert,exports.CAvatar=ve.Avatar,exports.CCheckboxGroup=ke.CheckboxGroup,exports.useCheckbox=ke.useCheckbox,exports.useCheckboxGroup=ke.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=Se.Menu,exports.CMenuButton=Se.MenuButton,exports.CMenuItem=Se.MenuItem,exports.CMenuList=Se.MenuList,exports.MenuDivider=Se.MenuDivider,exports.MenuGroup=Se.MenuGroup,exports.MenuItemOption=Se.MenuItemOption,exports.CPopover=ge.Popover,exports.CPopoverBody=ge.PopoverBody,exports.CPopoverFooter=ge.PopoverFooter,exports.CPopoverHeader=ge.PopoverHeader,exports.PopoverArrow=ge.PopoverArrow,exports.PopoverContent=ge.PopoverContent,exports.PopoverTrigger=ge.PopoverTrigger,exports.usePopoverContext=ge.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Ie.Tab,exports.CTabs=Ie.Tabs,exports.TabList=Ie.TabList,exports.TabPanel=Ie.TabPanel,exports.TabPanels=Ie.TabPanels,exports.CTextarea=Pe.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Ae.Hide,exports.Show=Ae.Show,exports.useBreakpoint=Ae.useBreakpoint,exports.useBreakpointValue=Ae.useBreakpointValue,exports.useMediaQuery=Ae.useMediaQuery,exports.Image=Fe.Image$1,exports.keyframes=Le.keyframes,exports.useColorMode=Le.useColorMode,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-f4206977.js"),r=require("./alert.component-9449edd9.js"),o=require("./avatar.component-2e555b33.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-c2b49f66.js"),a=require("./button.component-b9df8907.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-de5d4b2a.js"),n=require("./checkbox.component-ee9287f3.js"),u=require("./checkboxGroup.component-f08f7436.js"),d=require("./datepicker.component-55b1de28.js"),x=require("./_baseGetTag-fd05839f.js"),c=require("./heading.component-95e89325.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-e12ab030.js"),b=require("./link.component-347bcff5.js"),j=require("./logo.component-0450a9a6.js"),q=require("./menuButton.component-f68a5e79.js"),f=require("./menuContainer.component-17d9413b.js"),C=require("./menuItem.component-cfceef18.js"),h=require("./menuList.component-71b13aac.js"),T=require("./menu.component-c93eb957.js"),v=require("./modalBody.component-aef93b82.js"),k=require("./modalCloseButton.component-5293b0f8.js"),M=require("./modalExpandButton.component-0a4f797d.js"),S=require("./modalFooter.component-dcdf89f3.js"),g=require("./modalFooterButtons.component-795b64f9.js"),y=require("./modalHeader.component-d5b515c7.js"),B=require("./useExpandButton-de853387.js"),I=require("./notificationCounter.component-4f126f12.js"),P=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-19489bee.js"),A=require("./popoverFooter.component-fa44dc1d.js"),F=require("./popoverHeader.component-26903feb.js"),L=require("./popover.component-cced7fda.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-2502a55b.js"),z=require("./radioGroup.component-92699612.js"),H=require("./ratingDot.component-01592415.js"),R=require("./ratingDots.component-cd5946a2.js"),O=require("./select.component-bf3eedc6.js"),N=require("./dragHandle.component-baffe4a2.js"),W=require("./sortableItem.component-ce1a7136.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-84706639.js"),_=require("./spinner.component-cc68be51.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-47f70104.js"),U=require("./switch.component-1c8f0244.js"),$=require("./tab.component-ab5279a0.js"),J=require("./tabs.component-c0a53d57.js"),X=require("./tabsLayout.component-e2e49158.js"),Y=require("./tag.component-d8aa8bcb.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-906b3f66.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-b86d6ccd.js"),te=require("./textInput.component-e02ab484.js"),se=require("./timePicker.component-809fa84d.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-8163c8dc.js"),ie=require("./useToast-97f42324.js"),ne=require("./tooltip.component-197bff7c.js"),ue=require("./styledAvatar.types-9da3c0ef.js"),de=require("./conversationCard.component-8189d1d9.js"),xe=require("./timestamp.component-c0c80c32.js"),ce=require("./tagBlock.component-63b06f12.js"),le=require("./withTheme-e33ed8bc.js"),me=require("./useTheme-8873c39f.js"),be=require("./theme.provider-e6d69a55.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-42c3dd50.js"),fe=require("./chakra-ui-modal.esm-1fae54f8.js"),Ce=require("./chakra-ui-layout.esm-6ee578f7.js"),he=require("./chakra-ui-button.esm-bd065780.js"),Te=require("./chakra-ui-alert.esm-17eebb99.js"),ve=require("./chakra-ui-avatar.esm-eee70d3a.js"),ke=require("./chakra-ui-checkbox.esm-4cded6a7.js"),Me=require("./chakra-ui-input.esm-5fd07056.js"),Se=require("./chakra-ui-menu.esm-1ed98193.js"),ge=require("./chakra-ui-popover.esm-1e836c11.js"),ye=require("./chakra-ui-radio.esm-f310d451.js"),Be=require("./chakra-ui-select.esm-793cf4de.js"),Ie=require("./chakra-ui-tabs.esm-e6372403.js"),Pe=require("./chakra-ui-textarea.esm-23fad4cd.js"),De=require("./chakra-ui-form-control.esm-6d25b1a4.js"),Ae=require("./chakra-ui-media-query.esm-6217de7e.js"),Fe=require("./chakra-ui-image.esm-66324087.js"),Le=require("./chakra-ui-system.esm-c70df670.js"),Ge=require("./chakra-ui-portal.esm-bbcb5d1d.js"),we=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-4375a671.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-a62a9e5f.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-9c49b31b.js"),require("./index-c47ce06b.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./zIndeces-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-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=d.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return x.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=f.MenuContainer,exports.MenuItem=C.MenuItem,exports.MenuList=h.MenuList,exports.Menu=T.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=k.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=S.ModalFooter,exports.ModalFooterButtons=g.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=A.PopoverFooter,exports.PopoverHeader=F.PopoverHeader,exports.Popover=L.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=de.ConversationCard,exports.Timestamp=xe.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.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=fe.AlertDialog,exports.AlertDialogBody=fe.ModalBody,exports.AlertDialogContent=fe.AlertDialogContent,exports.AlertDialogFooter=fe.ModalFooter,exports.AlertDialogHeader=fe.ModalHeader,exports.AlertDialogOverlay=fe.ModalOverlay,exports.CModal=fe.Modal,exports.CModalBody=fe.ModalBody,exports.CModalCloseButton=fe.ModalCloseButton,exports.CModalFooter=fe.ModalFooter,exports.CModalHeader=fe.ModalHeader,exports.Collapse=fe.Collapse,exports.Drawer=fe.Drawer,exports.DrawerBody=fe.ModalBody,exports.DrawerCloseButton=fe.ModalCloseButton,exports.DrawerContent=fe.DrawerContent,exports.DrawerFooter=fe.ModalFooter,exports.DrawerHeader=fe.ModalHeader,exports.DrawerOverlay=fe.ModalOverlay,exports.Fade=fe.Fade,exports.ModalContent=fe.ModalContent,exports.ModalOverlay=fe.ModalOverlay,exports.Slide=fe.Slide,exports.SlideFade=fe.SlideFade,exports.Badge=Ce.Badge,exports.Box=Ce.Box,exports.Center=Ce.Center,exports.Circle=Ce.Circle,exports.Code=Ce.Code,exports.Container=Ce.Container,exports.Divider=Ce.Divider,exports.Flex=Ce.Flex,exports.Grid=Ce.Grid,exports.GridItem=Ce.GridItem,exports.HStack=Ce.HStack,exports.LinkBox=Ce.LinkBox,exports.LinkOverlay=Ce.LinkOverlay,exports.List=Ce.List,exports.ListItem=Ce.ListItem,exports.OrderedList=Ce.OrderedList,exports.SimpleGrid=Ce.SimpleGrid,exports.Spacer=Ce.Spacer,exports.Square=Ce.Square,exports.Stack=Ce.Stack,exports.UnorderedList=Ce.UnorderedList,exports.VStack=Ce.VStack,exports.Wrap=Ce.Wrap,exports.WrapItem=Ce.WrapItem,exports.ButtonGroup=he.ButtonGroup,exports.CButton=he.Button,exports.IconButton=he.IconButton,exports.CAlert=Te.Alert,exports.CAvatar=ve.Avatar,exports.CCheckboxGroup=ke.CheckboxGroup,exports.useCheckbox=ke.useCheckbox,exports.useCheckboxGroup=ke.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=Se.Menu,exports.CMenuButton=Se.MenuButton,exports.CMenuItem=Se.MenuItem,exports.CMenuList=Se.MenuList,exports.MenuDivider=Se.MenuDivider,exports.MenuGroup=Se.MenuGroup,exports.MenuItemOption=Se.MenuItemOption,exports.CPopover=ge.Popover,exports.CPopoverBody=ge.PopoverBody,exports.CPopoverFooter=ge.PopoverFooter,exports.CPopoverHeader=ge.PopoverHeader,exports.PopoverArrow=ge.PopoverArrow,exports.PopoverContent=ge.PopoverContent,exports.PopoverTrigger=ge.PopoverTrigger,exports.usePopoverContext=ge.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Ie.Tab,exports.CTabs=Ie.Tabs,exports.TabList=Ie.TabList,exports.TabPanel=Ie.TabPanel,exports.TabPanels=Ie.TabPanels,exports.CTextarea=Pe.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Ae.Hide,exports.Show=Ae.Show,exports.useBreakpoint=Ae.useBreakpoint,exports.useBreakpointValue=Ae.useBreakpointValue,exports.useMediaQuery=Ae.useMediaQuery,exports.Image=Fe.Image$1,exports.keyframes=Le.keyframes,exports.useColorMode=Le.useColorMode,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";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-8189d1d9.js");require("react"),require("../../card.component-de5d4b2a.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../timestamp.component-c0c80c32.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-4f126f12.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../icon.component-e12ab030.js"),require("../../icons/index.js"),require("../../heading.component-95e89325.js"),require("../../avatar.component-2e555b33.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),require("../../button.component-b9df8907.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-ee9287f3.js"),require("../../withFormControl-4375a671.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-e02ab484.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-cc68be51.js"),require("../../menu.component-c93eb957.js"),require("../../menuContainer.component-17d9413b.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-f68a5e79.js"),require("../../menuList.component-71b13aac.js"),require("../../menuItem.component-cfceef18.js"),require("../../menu.config-78717999.js"),require("../../tag.component-d8aa8bcb.js"),exports.ConversationCard=e.ConversationCard;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -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-63b06f12.js");require("react"),require("../../button.component-b9df8907.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-e12ab030.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../checkbox.component-ee9287f3.js"),require("../../withFormControl-4375a671.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../checkboxGroup.component-f08f7436.js"),require("../../_baseGetTag-fd05839f.js"),require("../../menu.component-c93eb957.js"),require("../../menuContainer.component-17d9413b.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-f68a5e79.js"),require("../../menuList.component-71b13aac.js"),require("../../menuItem.component-cfceef18.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-e02ab484.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-cc68be51.js"),require("../../link.component-347bcff5.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-0450a9a6.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-92699612.js"),require("../../radio.component-2502a55b.js"),require("../../chakra-ui-radio.esm-f310d451.js"),require("../../select.component-bf3eedc6.js"),require("../../chakra-ui-select.esm-793cf4de.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-1c8f0244.js"),require("../../tag.component-d8aa8bcb.js"),require("../../textarea.component-b86d6ccd.js"),require("../../chakra-ui-textarea.esm-23fad4cd.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
|
package/build/patterns/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-9da3c0ef.js"),r=require("../conversationCard.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-9da3c0ef.js"),r=require("../conversationCard.component-8189d1d9.js"),i=require("../timestamp.component-c0c80c32.js"),s=require("../tagBlock.component-63b06f12.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-2e555b33.js"),require("react"),require("../icon.component-e12ab030.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../tooltip.component-197bff7c.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../picture.component-19489bee.js"),require("../card.component-de5d4b2a.js"),require("../notificationCounter.component-4f126f12.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-95e89325.js"),require("../withTruncation-a62a9e5f.js"),require("../text.component-906b3f66.js"),require("../button.component-b9df8907.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-ee9287f3.js"),require("../withFormControl-4375a671.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../textInput.component-e02ab484.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../spinner.component-cc68be51.js"),require("../menu.component-c93eb957.js"),require("../menuContainer.component-17d9413b.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menuButton.component-f68a5e79.js"),require("../menuList.component-71b13aac.js"),require("../menuItem.component-cfceef18.js"),require("../menu.config-78717999.js"),require("../tag.component-d8aa8bcb.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-f08f7436.js"),require("../_baseGetTag-fd05839f.js"),require("../link.component-347bcff5.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-0450a9a6.js"),require("../radioGroup.component-92699612.js"),require("../radio.component-2502a55b.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../select.component-bf3eedc6.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-1c8f0244.js"),require("../textarea.component-b86d6ccd.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=s.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return s.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-9c49b31b.js"),a=require("./chakra-ui-system.esm-c70df670.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var d=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(d.displayName="TagLabel");var g=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(g.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var b=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(b.displayName="TagCloseIcon");var p=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(b,null))};a.__DEV__&&(p.displayName="TagCloseButton");const _={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="semibold",size:u="md",variant:g="default",color:m,bg:b}=t,v=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:_[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:_[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,v,{size:u,variant:g,bg:b,color:m}),r,s.default.createElement(d,Object.assign({},y,{fontWeight:c}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${g}`}),s.default.createElement(p,{onClick:o})))};
|
|
2
|
-
//# sourceMappingURL=tag.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-9c49b31b.js"),a=require("./chakra-ui-system.esm-c70df670.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var d=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(d.displayName="TagLabel");var g=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(g.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var b=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(b.displayName="TagCloseIcon");var p=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(b,null))};a.__DEV__&&(p.displayName="TagCloseButton");const _={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="semibold",size:u="md",variant:g="default",color:m,bg:b}=t,v=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:_[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:_[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,v,{size:u,variant:g,bg:b,color:m}),r,s.default.createElement(d,Object.assign({},y,{fontWeight:c,color:m}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${g}`}),s.default.createElement(p,{onClick:o})))};
|
|
2
|
+
//# sourceMappingURL=tag.component-d8aa8bcb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.component-6b6c4dde.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Tag\", props);\n var ownProps = omitThemingProps(props);\n\n var containerStyles = _extends({\n display: \"inline-flex\",\n verticalAlign: \"top\",\n alignItems: \"center\",\n maxWidth: \"100%\"\n }, styles.container);\n\n return /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, ownProps, {\n __css: containerStyles\n })));\n});\n\nif (__DEV__) {\n Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref,\n isTruncated: true\n }, props, {\n __css: styles.label\n }));\n});\n\nif (__DEV__) {\n TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginEnd: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginStart: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n verticalAlign: \"inherit\",\n viewBox: \"0 0 512 512\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n }));\n};\n\nif (__DEV__) {\n TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n var isDisabled = props.isDisabled,\n children = props.children,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n var styles = useStyles();\n\n var btnStyles = _extends({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n outline: \"0\"\n }, styles.closeButton);\n\n return /*#__PURE__*/React.createElement(chakra.button, _extends({\n \"aria-label\": \"close\"\n }, rest, {\n type: \"button\",\n disabled: isDisabled,\n __css: btnStyles\n }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n label: string;\n closeButtonDisplay?: CloseButtonDisplay;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: FontWeight;\n variant?: Status;\n color?: SemanticTypographyToken | string;\n bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n leftElement,\n rightElement,\n label,\n closeButtonDisplay = 'never',\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n variant = 'default',\n color,\n bg,\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n const tagStyle = {\n ...(!!onClose && {\n ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n ...(closeButtonDisplay === 'hover' && {\n role: 'group',\n pos: 'relative' as const,\n }),\n }),\n };\n\n const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n const closeButtonStyle = {\n ...(closeButtonDisplay === 'hover' && {\n display: 'none',\n px: paddingRightBySize[size],\n _groupHover: { display: 'flex' },\n pos: 'absolute' as const,\n right: 0,\n bgColor: 'inherit',\n color: 'inherit',\n opacity: 0.899999,\n borderRadius: 'md',\n }),\n };\n\n return (\n <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && (\n <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n <TagCloseButton onClick={onClose} />\n </Box>\n )}\n </CTag>\n );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tag.component-d8aa8bcb.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Tag\", props);\n var ownProps = omitThemingProps(props);\n\n var containerStyles = _extends({\n display: \"inline-flex\",\n verticalAlign: \"top\",\n alignItems: \"center\",\n maxWidth: \"100%\"\n }, styles.container);\n\n return /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, ownProps, {\n __css: containerStyles\n })));\n});\n\nif (__DEV__) {\n Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref,\n isTruncated: true\n }, props, {\n __css: styles.label\n }));\n});\n\nif (__DEV__) {\n TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginEnd: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginStart: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n verticalAlign: \"inherit\",\n viewBox: \"0 0 512 512\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n }));\n};\n\nif (__DEV__) {\n TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n var isDisabled = props.isDisabled,\n children = props.children,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n var styles = useStyles();\n\n var btnStyles = _extends({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n outline: \"0\"\n }, styles.closeButton);\n\n return /*#__PURE__*/React.createElement(chakra.button, _extends({\n \"aria-label\": \"close\"\n }, rest, {\n type: \"button\",\n disabled: isDisabled,\n __css: btnStyles\n }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n label: string;\n closeButtonDisplay?: CloseButtonDisplay;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: FontWeight;\n variant?: Status;\n color?: SemanticTypographyToken | string;\n bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n leftElement,\n rightElement,\n label,\n closeButtonDisplay = 'never',\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n variant = 'default',\n color,\n bg,\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n const tagStyle = {\n ...(!!onClose && {\n ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n ...(closeButtonDisplay === 'hover' && {\n role: 'group',\n pos: 'relative' as const,\n }),\n }),\n };\n\n const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n const closeButtonStyle = {\n ...(closeButtonDisplay === 'hover' && {\n display: 'none',\n px: paddingRightBySize[size],\n _groupHover: { display: 'flex' },\n pos: 'absolute' as const,\n right: 0,\n bgColor: 'inherit',\n color: 'inherit',\n opacity: 0.899999,\n borderRadius: 'md',\n }),\n };\n\n return (\n <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight} color={color}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && (\n <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n <TagCloseButton onClick={onClose} />\n </Box>\n )}\n </CTag>\n );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./button.component-b9df8907.js");require("./heading.component-95e89325.js"),require("./icon.component-e12ab030.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-ee9287f3.js"),require("./checkboxGroup.component-f08f7436.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-c93eb957.js");require("./textInput.component-e02ab484.js"),require("./link.component-347bcff5.js"),require("./logo.component-0450a9a6.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-cc68be51.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-92699612.js"),require("./select.component-bf3eedc6.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-1c8f0244.js");var o=require("./tag.component-
|
|
2
|
-
//# sourceMappingURL=tagBlock.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./button.component-b9df8907.js");require("./heading.component-95e89325.js"),require("./icon.component-e12ab030.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-ee9287f3.js"),require("./checkboxGroup.component-f08f7436.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-c93eb957.js");require("./textInput.component-e02ab484.js"),require("./link.component-347bcff5.js"),require("./logo.component-0450a9a6.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-cc68be51.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-92699612.js"),require("./select.component-bf3eedc6.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-1c8f0244.js");var o=require("./tag.component-d8aa8bcb.js");require("./textarea.component-b86d6ccd.js"),require("./timePicker.types-eedca939.js");var l=require("./chakra-ui-layout.esm-6ee578f7.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-63b06f12.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tagBlock.component-
|
|
1
|
+
{"version":3,"file":"tagBlock.component-63b06f12.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"}
|