@televet/kibble-ui 3.0.14 → 3.0.15
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/NotificationCounter/index.js +1 -1
- package/build/components/NotificationCounter/notificationCounter.types.d.ts +3 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{conversationCard.component-8cf3cb66.js → conversationCard.component-a45e813c.js} +2 -2
- package/build/{conversationCard.component-8cf3cb66.js.map → conversationCard.component-a45e813c.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/notificationCounter.component-42ce2a31.js +2 -0
- package/build/notificationCounter.component-42ce2a31.js.map +1 -0
- package/build/notificationCounter.types-e0bf8950.js +2 -0
- package/build/notificationCounter.types-e0bf8950.js.map +1 -0
- 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/{tab.component-bf82a8a4.js → tab.component-f7a80e92.js} +2 -2
- package/build/{tab.component-bf82a8a4.js.map → tab.component-f7a80e92.js.map} +1 -1
- package/build/tabs.component-84713165.js +2 -0
- package/build/{tabs.component-7130dcff.js.map → tabs.component-84713165.js.map} +1 -1
- package/build/{tabsLayout.component-87f867f4.js → tabsLayout.component-f43fa494.js} +2 -2
- package/build/{tabsLayout.component-87f867f4.js.map → tabsLayout.component-f43fa494.js.map} +1 -1
- package/build/{tagBlock.component-995091dd.js → tagBlock.component-eeb67b0e.js} +2 -2
- package/build/{tagBlock.component-995091dd.js.map → tagBlock.component-eeb67b0e.js.map} +1 -1
- package/package.json +1 -1
- package/build/notificationCounter.component-bf1cf6b8.js +0 -2
- package/build/notificationCounter.component-bf1cf6b8.js.map +0 -1
- package/build/notificationCounter.types-799d7b6c.js +0 -2
- package/build/notificationCounter.types-799d7b6c.js.map +0 -1
- package/build/tabs.component-7130dcff.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component-42ce2a31.js"),r=require("../../notificationCounter.types-e0bf8950.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),exports.NotificationCounter=e.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return r.NotificationCounterVariant}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-f7a80e92.js");require("../../../../tslib.es6-d6f17add.js"),require("../../../../notificationCounter.component-42ce2a31.js"),require("react"),require("../../../../notificationCounter.types-e0bf8950.js"),require("../../../../chakra-ui-layout.esm-0601b9a5.js"),require("../../../../chakra-ui-system.esm-434904f8.js"),require("../../../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../../../icon.component-8d0ca544.js"),require("../../../../icons/index.js"),require("../../../../heading.component-8febedd1.js"),require("../../../../withTruncation-19e872ac.js"),require("../../../../tooltip.component-e2205174.js"),require("../../../../chakra-ui-popper.esm-b9439d86.js"),require("../../../../chakra-ui-portal.esm-309fc8f3.js"),require("../../../../chakra-ui-hooks.esm-20b27af2.js"),require("../../../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-tabs.esm-91de32e1.js"),require("../../../../chakra-ui-clickable.esm-44971157.js"),exports.Tab=e.Tab;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-f7a80e92.js"),r=require("../../tabs.component-84713165.js");require("../../tslib.es6-d6f17add.js"),require("../../notificationCounter.component-42ce2a31.js"),require("react"),require("../../notificationCounter.types-e0bf8950.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-91de32e1.js"),require("../../chakra-ui-clickable.esm-44971157.js"),exports.Tab=e.Tab,exports.Tabs=r.Tabs;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-f43fa494.js");require("react"),require("../../tabs.component-84713165.js"),require("../../tslib.es6-d6f17add.js"),require("../../tab.component-f7a80e92.js"),require("../../notificationCounter.component-42ce2a31.js"),require("../../notificationCounter.types-e0bf8950.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-91de32e1.js"),require("../../chakra-ui-clickable.esm-44971157.js"),exports.TabsLayout=e.TabsLayout;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-4d48d218.js"),r=require("../avatar.component-dd61be1f.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-50a37594.js"),a=require("../button.component-15b49687.js"),s=require("../button.types-dd9e0fed.js"),i=require("../card.component-04437e79.js"),n=require("../checkbox.component-ca33f17c.js"),p=require("../checkboxGroup.component-7a918704.js"),u=require("../datepicker.component-c38c1102.js"),c=require("../_baseGetTag-7b5fc763.js"),d=require("../heading.component-8febedd1.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-8d0ca544.js"),j=require("../link.component-a45bd0f4.js"),q=require("../logo.component-e2cf4d68.js"),b=require("../menuButton.component-4552e39b.js"),f=require("../menuContainer.component-34ab3f3f.js"),l=require("../menuItem.component-5d94368e.js"),h=require("../menuList.component-1f658cfe.js"),k=require("../menu.component-6addfd4a.js"),v=require("../modalBody.component-64a6b636.js"),S=require("../modalCloseButton.component-b8750057.js"),g=require("../modalExpandButton.component-e82f4fca.js"),M=require("../modalFooter.component-87129be4.js"),T=require("../modalFooterButtons.component-43364bf5.js"),y=require("../modalHeader.component-5876efa7.js"),z=require("../useExpandButton-478244d5.js"),B=require("../notificationCounter.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-4d48d218.js"),r=require("../avatar.component-dd61be1f.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-50a37594.js"),a=require("../button.component-15b49687.js"),s=require("../button.types-dd9e0fed.js"),i=require("../card.component-04437e79.js"),n=require("../checkbox.component-ca33f17c.js"),p=require("../checkboxGroup.component-7a918704.js"),u=require("../datepicker.component-c38c1102.js"),c=require("../_baseGetTag-7b5fc763.js"),d=require("../heading.component-8febedd1.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-8d0ca544.js"),j=require("../link.component-a45bd0f4.js"),q=require("../logo.component-e2cf4d68.js"),b=require("../menuButton.component-4552e39b.js"),f=require("../menuContainer.component-34ab3f3f.js"),l=require("../menuItem.component-5d94368e.js"),h=require("../menuList.component-1f658cfe.js"),k=require("../menu.component-6addfd4a.js"),v=require("../modalBody.component-64a6b636.js"),S=require("../modalCloseButton.component-b8750057.js"),g=require("../modalExpandButton.component-e82f4fca.js"),M=require("../modalFooter.component-87129be4.js"),T=require("../modalFooterButtons.component-43364bf5.js"),y=require("../modalHeader.component-5876efa7.js"),z=require("../useExpandButton-478244d5.js"),B=require("../notificationCounter.component-42ce2a31.js"),P=require("../notificationCounter.types-e0bf8950.js"),C=require("../picture.component-daf0e558.js"),I=require("../popoverFooter.component-c68647aa.js"),D=require("../popoverHeader.component-8d58bacd.js"),L=require("../popover.component-902fefb6.js"),w=require("../popover.types-bc105ea7.js"),F=require("../radio.component-1c03819e.js"),H=require("../radioGroup.component-32f61d36.js"),R=require("../ratingDot.component-4b3f6639.js"),G=require("../ratingDots.component-b68ac49d.js"),W=require("../select.component-455fdcbd.js"),V=require("../dragHandle.component-87559e3a.js"),A=require("../sortableItem.component-5ffbdefe.js"),O=require("../sortableOverlay.component-39d84330.js"),E=require("../sortableList.component-15455cc0.js"),N=require("../spinner.component-e13e6346.js"),_=require("../spinner.types-9d350e31.js"),J=require("../swatch.component-026bccba.js"),K=require("../switch.component-b10c0f86.js"),Q=require("../tab.component-f7a80e92.js"),U=require("../tabs.component-84713165.js"),X=require("../tabsLayout.component-f43fa494.js"),Y=require("../tag.component-e5da4b8d.js"),Z=require("../tag.types-71e7699b.js"),$=require("../text.component-a1231840.js"),ee=require("../text.types-fef8ead3.js"),re=require("../textarea.component-4975fe4e.js"),oe=require("../textInput.component-daebc8ef.js"),te=require("../timePicker.component-6265ee22.js"),ae=require("../timePicker.types-eedca939.js"),se=require("../timeRange.component-a5b363c7.js"),ie=require("../useToast-6a6f0bf3.js"),ne=require("../tooltip.component-e2205174.js");require("../tslib.es6-d6f17add.js"),require("react"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../chakra-ui-alert.esm-a086e23c.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../withFormControl-a4a73b4d.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../index-ebcb699d.js"),require("../index-7708e04e.js"),require("../chakra-ui-popover.esm-d21bf3b5.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../withTruncation-19e872ac.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menu.context-66211f5a.js"),require("../menu.config-78717999.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../chakra-ui-modal.esm-2c76cb7b.js"),require("../index-8fecff45.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-media-query.esm-d370ebec.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../chakra-ui-tabs.esm-91de32e1.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../chakra-ui-theme.esm-23420bf9.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-8cf3cb66.js → conversationCard.component-a45e813c.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./card.component-04437e79.js"),a=require("./timestamp.component-16be4ef2.js"),n=require("./notificationCounter.component-
|
|
2
|
-
//# sourceMappingURL=conversationCard.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./card.component-04437e79.js"),a=require("./timestamp.component-16be4ef2.js"),n=require("./notificationCounter.component-42ce2a31.js");require("./notificationCounter.types-e0bf8950.js");var o=require("./icon.component-8d0ca544.js"),r=require("./heading.component-8febedd1.js"),s=require("./text.component-a1231840.js"),i=require("./avatar.component-dd61be1f.js"),l=require("./tooltip.component-e2205174.js"),c=require("./chakra-ui-layout.esm-0601b9a5.js"),d=require("./button.component-15b49687.js");require("./menu.context-66211f5a.js"),require("./checkbox.component-ca33f17c.js"),require("./textInput.component-daebc8ef.js"),require("./spinner.component-e13e6346.js");var u=require("./menu.component-6addfd4a.js"),m=require("./tslib.es6-d6f17add.js"),p=require("./tag.component-e5da4b8d.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=({overlayProps:e,pinProps:t,headerMenuProps:a,isHovering:n,setIsHovering:r})=>{const{isOpenInOverlay:s,openInOverlay:i}=e||{},{isPinned:l,togglePin:m}=t||{},{listProps:p}=a||{},f=l?"pinCancel":"pin";return v.default.createElement(c.HStack,{className:"ConversationCard__Menu",spacing:1},e&&v.default.createElement(d.Button,{"data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",isActive:s,onClick:()=>{i&&i(),n&&r(!1)},iconName:"popup",size:"sm"}),t&&v.default.createElement(d.Button,{"data-testid":"conversation-card-pin-toggle-icon-button",variant:l?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{m&&m(!l),n&&r(!1)},iconName:f,size:"sm"}),a&&v.default.createElement(u.Menu,Object.assign({buttonProps:a.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",leftIconName:"dotsVertical",showRightIcon:!1},closeOnSelect:!1,isLazy:!0},a,{listProps:Object.assign(Object.assign({},p),{menuItems:[...t?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:(l?"Unpin":"Pin")+" Conversation",value:"PinConversation",variant:l?"danger":"default",leftElement:v.default.createElement(o.Icon,{size:"md",variant:l?"danger":"default",name:f}),onSelect:()=>{m&&m(!l)}}]:[],...(null==p?void 0:p.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)})))),P=({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)},j=({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,overlayProps:p,pinProps:f,shouldPreservePosition:C,showNotificationIndicator:_,tags:x})=>{const{isPinned:N}=f||{},[h,y]=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:_||u||h?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{a&&y(!0)},onMouseLeave:()=>y(!1),pos:"relative",sx:{overflowAnchor:C?"auto":"none"}},h&&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,{overlayProps:p,pinProps:f,headerMenuProps:l,isHovering:h,setIsHovering:y})),v.default.createElement(g,Object.assign({avatarGroupProps:n,isHoveringCard:h,isCardPinned:N,showNotificationIndicator:_},d)),v.default.createElement(j,{content:o,contentProps:r,contentMenu:s}),!!(null==x?void 0:x.length)&&v.default.createElement(E,{tags:x}),i&&v.default.createElement(P,Object.assign({},i)))};
|
|
2
|
+
//# sourceMappingURL=conversationCard.component-a45e813c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversationCard.component-8cf3cb66.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 ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n openInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\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 overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isOpenInOverlay, openInOverlay } = overlayProps || {};\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 {overlayProps && (\n <Button\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n isActive={isOpenInOverlay}\n onClick={(): void => {\n if (openInOverlay) {\n openInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n borderRadius=\"sm\"\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 borderRadius: '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 {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} 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 overlayProps?: ConversationCardOverlayProps;\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 overlayProps,\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 overlayProps={overlayProps}\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","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","openInOverlay","isPinned","togglePin","listProps","pinIconName","Button","borderRadius","isActive","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","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right"],"mappings":"45BAYO,MAAMA,EAA8B,EACzCC,QAAAA,EACAC,IAAAA,EAAM,EACNC,mBAAAA,EACAC,aAAAA,KAGEC,EAAAA,sBAACC,EAAOA,QAAA,CAACC,MAAOH,GAAgB,GAAII,aAAaJ,MAAAA,OAAA,EAAAA,EAAcK,SAC7DJ,UAAAK,cAACC,EAAAA,KAAI,CAACC,UAAU,yCAAyCC,MAAM,aAAaC,QAAQ,cACjFZ,GAAOD,EAAQQ,OAASP,EACvBG,EAAC,QAAAK,cAAAK,UACCC,QAAUC,IACRA,EAAEC,kBACEf,GACFA,EAAmBc,IAGvBE,OAAO,UACPC,KAAMnB,EAAQQ,OAAOY,WACrBC,aAAa,IAGfjB,EAAAA,QAAGK,cAAAL,UAAAkB,SAAA,KAAAtB,EAAQuB,KAAKC,GAAWA,OCfxBC,EAAyB,EACpCC,iBAAAA,EACAC,eAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,MAAAA,EACAC,0BAAAA,EACAC,SAAAA,KAGE5B,EAAA,QAAAK,cAACwB,EAAAA,OAAM,CAACtB,UAAU,2BAA2BE,QAAQ,gBAAgBD,MAAM,cACzER,EAAC,QAAAK,cAAAwB,UAAOtB,UAAU,iCAAiCO,OAAO,WACvDQ,GACCtB,EAAAA,QAACK,cAAAV,mBAAgC2B,EAAgB,CAAEvB,cAAcuB,MAAAA,SAAAA,EAAkBvB,eAAgB2B,KAErG1B,EAAAA,QAAAK,cAACyB,SAAO,CAAAvB,UAAU,+BAA+BE,QAAQ,SAASD,MAAM,OAAOuB,QAAQ,KACrF/B,EAAAA,QAAAK,cAAC2B,iBAAO,CAACzB,UAAU,sCAAsC0B,KAAK,KAAKC,aAAW,GAC3ER,GAEFE,GACC5B,EAAA,QAAAK,cAAC8B,EAAAA,YAAI,CAAC5B,UAAU,8CAA8C6B,GAAG,IAAIH,KAAK,KAAKI,QAAQ,SAASH,aAAW,GACxGN,KAKT5B,EAAAA,QAACK,cAAAwB,EAAAA,OACC,CAAAtB,UAAU,kCACV+B,WAAYd,EAAiB,SAAW,UACxChB,MAAM,SACNuB,QAAS,GAET/B,EAAC,QAAAK,cAAAkC,YAAcC,OAAAC,OAAA,GAAAlB,IACdI,GACC3B,EAAC,QAAAK,cAAAqC,EAAAA,IACC,CAAAN,GAAG,OACH7B,UAAU,4DACE,sCAEZP,EAAA,QAAAK,cAACsC,EAAmBA,oBAAC,CAAAV,KAAK,QAG7BR,GACCzB,EAAC,QAAAK,cAAAC,EAAIA,oBAAa,iCAChBN,EAAAA,QAAAK,cAACuC,EAAAA,KAAK,CAAAX,KAAK,KAAKI,QAAQ,OAAOtB,KAAK,WCpCnC8B,EAA0B,EACrCC,aAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,WAAAA,EACAC,cAAAA,MAEA,MAAMC,gBAAEA,EAAeC,cAAEA,GAAkBN,GAAgB,IACrDO,SAAEA,EAAQC,UAAEA,GAAcP,GAAY,IACtCQ,UAAEA,GAAcP,GAAmB,GACnCQ,EAAcH,EAAW,YAAc,MAE7C,OACErD,EAAAA,QAACK,cAAAwB,EAAMA,OAAC,CAAAtB,UAAU,yBAAyBwB,QAAS,GACjDe,GACC9C,EAAAA,QAACK,cAAAoD,EAAAA,sBACa,wCACZpB,QAAQ,kBACRqB,aAAa,KACbC,SAAUR,EACVxC,QAAS,KACHyC,GACFA,IAGEH,GACFC,GAAc,IAGlBU,SAAS,QACT3B,KAAK,OAGRc,GACC/C,EAAAA,QAAAK,cAACoD,EAAAA,OAAM,CAAA,cACO,2CACZpB,QAASgB,EAAW,6BAA+B,kBACnDK,aAAa,KACb/C,QAAS,KACH2C,GACFA,GAAWD,GAGTJ,GACFC,GAAc,IAGlBU,SAAUJ,EACVvB,KAAK,OAGRe,GACChD,EAAAA,QAAAK,cAACwD,OAAIrB,OAAAC,OAAA,CACHqB,YACEd,EAAgBc,aAAe,CAC7BzB,QAAS,kBACTJ,KAAM,KACNyB,aAAc,KACdK,aAAc,eACdC,eAAe,GAGnBC,eAAe,EACfC,QAAM,GACFlB,EAAe,CACnBO,UAASf,OAAAC,OAAAD,OAAAC,OAAA,GACJc,GAAS,CACZY,UAAW,IACLpB,EACA,CACE,CACE,cAAe,+CACf7C,OAAUmD,EAAW,QAAU,OAAxB,gBACPe,MAAO,kBACP/B,QAASgB,EAAW,SAAW,UAC/BgB,YAAarE,EAAAA,sBAAC4C,EAAIA,KAAA,CAACX,KAAK,KAAKI,QAASgB,EAAW,SAAW,UAAWtC,KAAMyC,IAC7Ec,SAAU,KACJhB,GACFA,GAAWD,MAKnB,OACAE,MAAAA,OAAA,EAAAA,EAAWY,YAAa,WClG7BI,EAAuB,EAAGC,KAAAA,KAEnCxE,EAAAA,QAACK,cAAAqC,EAAGA,IAAC,CAAAnC,UAAU,yBAAyBkE,GAAI,GAC1CzE,UAAAK,cAACqE,EAAIA,KAAA,CAAC3C,QAAQ,OACXyC,EAAKrD,KAAKwD,IACH,MAAqBC,EAAIC,EAAAA,OAAKF,EAA9B,CAA2B,mBACjC,IAAIG,EAAa9E,EAAAA,QAAAK,cAAC0E,EAAGA,IAACvC,OAAAC,OAAA,CAAAuC,mBAAmB,SAAYJ,EAAM,CAAA3C,KAAK,KAAKgD,cAAc,gBAUnF,OARIN,EAAIO,iBACNJ,EACE9E,EAAAA,QAACK,cAAAJ,UAAQ,CAAAC,MAAOyE,EAAIO,eAAgBC,UAAU,OAC5CnF,EAAA,QAAAK,cAACqC,EAAGA,IAAE,KAAAoC,KAKL9E,EAAA,QAAAK,cAAC+E,WAAQ,CAACC,IAAKV,EAAIzE,OAAQ4E,QClB/BQ,EAAyB,EACpCC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,MAEA,MAAMC,EACe,iBAAZF,EACLxF,EAAA,QAAAK,cAAC8B,cACCK,OAAAC,OAAA,CAAAlC,UAAU,oCACV6B,GAAG,IACHH,KAAK,KACLI,QAAQ,UACJoD,EACCF,GAAa,CAAEI,GAAI,IAEvBH,GACI,EAIX,OACExF,EAAA,QAAAK,cAACC,EAAAA,KAAI,CAACC,UAAU,2BAA2BkE,GAAI,EAAGmB,WAAW,UAC1DL,GAAavF,EAAAA,QAAAK,cAACuC,EAAIA,KAAAJ,OAAAC,OAAA,CAACR,KAAK,KAAKI,QAAQ,UAAakD,IAClDG,ICxBMG,EAA0B,EACrCC,YAAAA,EACAN,QAAAA,EACAC,aAAAA,MAEA,MAAMC,EACe,iBAAZF,EACLxF,EAAAA,QAACK,cAAA8B,EAAI4D,YAACvD,OAAAC,OAAA,CAAAlC,UAAU,iDAAiD2B,aAAW,EAACD,KAAK,MAASwD,GACxFD,GAGH,EAGJ,OACExF,UAACK,cAAAwB,EAAMA,QAACtB,UAAU,wCAAwCkE,GAAI,EAAGhE,QAAQ,gBAAgBD,MAAM,UAC5FkF,EACAI,GACC9F,EAAA,QAAAK,cAACqC,EAAAA,IAAI,CAAAnC,UAAU,qDAAqDoF,GAAG,QACpEG,8BCCqB,EAC9BE,kBAAAA,GAAoB,EACpB1E,iBAAAA,EACAkE,QAAAA,EACAC,aAAAA,EACAK,YAAAA,EACAG,YAAAA,EACAjD,gBAAAA,EACAkD,YAAAA,EACAvC,SAAAA,EACAhD,QAAAA,EACAmC,aAAAA,EACAC,SAAAA,EACAoD,uBAAAA,EACAxE,0BAAAA,EACA6C,KAAAA,MAEA,MAAMnB,SAAEA,GAAaN,GAAY,IAC1BE,EAAYC,GAAiBkD,EAAQA,UAAC,GAE7C,OACEpG,EAAAA,QAACK,cAAAgG,EAAIA,KACH,CAAA9F,UAAU,mBACV+F,GAAG,yBACS,cAAA,yBACZC,eACA,EAAA5C,SAAUA,EACV1B,KAAK,KACLtB,QAAS,KACHA,GACFA,KAGJ6F,GACE7E,GAA6BgC,GAAYV,EAAa,qBAAuB,mCAE/EwD,aAAc,KACRT,GACF9C,GAAc,IAGlBwD,aAAc,IAAYxD,GAAc,GACxCyD,IAAI,WACJC,GAAI,CAAEC,eAAgBV,EAAyB,OAAS,SAEvDlD,GACCjD,EAAA,QAAAK,cAACqC,EAAAA,IACC,CAAAnC,UAAU,oCACVoG,IAAI,WACJG,IAAK,EACLC,OAAO,SACPC,MAAO,EACPR,GAAG,qBACH9C,aAAa,KACb/C,QAAUC,GAAYA,EAAEC,mBAExBb,EAAC,QAAAK,cAAAwC,GACCC,aAAcA,EACdC,SAAUA,EACVC,gBAAiBA,EACjBC,WAAYA,EACZC,cAAeA,KAIrBlD,EAAA,QAAAK,cAACgB,EACCmB,OAAAC,OAAA,CAAAnB,iBAAkBA,EAClBE,eAAgByB,EAChBxB,aAAc4B,EACd1B,0BAA2BA,GACvBuE,IAENlG,UAAAK,cAACwF,EAAuB,CAACL,QAASA,EAASC,aAAcA,EAAcK,YAAaA,OACjFtB,MAAAA,SAAAA,EAAMpE,SAAUJ,EAAC,QAAAK,cAAAkE,GAAqBC,KAAMA,IAC9CyB,GAAejG,EAAAA,sBAACsF,EAAsB9C,OAAAC,OAAA,GAAKwD"}
|
|
1
|
+
{"version":3,"file":"conversationCard.component-a45e813c.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 ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n openInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\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 overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isOpenInOverlay, openInOverlay } = overlayProps || {};\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 {overlayProps && (\n <Button\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n isActive={isOpenInOverlay}\n onClick={(): void => {\n if (openInOverlay) {\n openInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n borderRadius=\"sm\"\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 borderRadius: '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 {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} 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 overlayProps?: ConversationCardOverlayProps;\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 overlayProps,\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 overlayProps={overlayProps}\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","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","openInOverlay","isPinned","togglePin","listProps","pinIconName","Button","borderRadius","isActive","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","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right"],"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-3e9f61da.js"),r=require("./alert.component-4d48d218.js"),o=require("./avatar.component-dd61be1f.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-50a37594.js"),a=require("./button.component-15b49687.js"),p=require("./button.types-dd9e0fed.js"),i=require("./card.component-04437e79.js"),n=require("./checkbox.component-ca33f17c.js"),u=require("./checkboxGroup.component-7a918704.js"),d=require("./datepicker.component-c38c1102.js"),x=require("./_baseGetTag-7b5fc763.js"),c=require("./heading.component-8febedd1.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-8d0ca544.js"),b=require("./link.component-a45bd0f4.js"),j=require("./logo.component-e2cf4d68.js"),q=require("./menuButton.component-4552e39b.js"),f=require("./menuContainer.component-34ab3f3f.js"),C=require("./menuItem.component-5d94368e.js"),h=require("./menuList.component-1f658cfe.js"),T=require("./menu.component-6addfd4a.js"),k=require("./modalBody.component-64a6b636.js"),v=require("./modalCloseButton.component-b8750057.js"),M=require("./modalExpandButton.component-e82f4fca.js"),g=require("./modalFooter.component-87129be4.js"),S=require("./modalFooterButtons.component-43364bf5.js"),y=require("./modalHeader.component-5876efa7.js"),B=require("./useExpandButton-478244d5.js"),P=require("./notificationCounter.component-bf1cf6b8.js"),I=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-daf0e558.js"),L=require("./popoverFooter.component-c68647aa.js"),A=require("./popoverHeader.component-8d58bacd.js"),F=require("./popover.component-902fefb6.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-1c03819e.js"),z=require("./radioGroup.component-32f61d36.js"),H=require("./ratingDot.component-4b3f6639.js"),R=require("./ratingDots.component-b68ac49d.js"),O=require("./select.component-455fdcbd.js"),N=require("./dragHandle.component-87559e3a.js"),W=require("./sortableItem.component-5ffbdefe.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-15455cc0.js"),_=require("./spinner.component-e13e6346.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-026bccba.js"),U=require("./switch.component-b10c0f86.js"),$=require("./tab.component-bf82a8a4.js"),J=require("./tabs.component-7130dcff.js"),X=require("./tabsLayout.component-87f867f4.js"),Y=require("./tag.component-e5da4b8d.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-a1231840.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-4975fe4e.js"),te=require("./textInput.component-daebc8ef.js"),se=require("./timePicker.component-6265ee22.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-a5b363c7.js"),ie=require("./useToast-6a6f0bf3.js"),ne=require("./tooltip.component-e2205174.js"),ue=require("./styledAvatar.types-2540b39f.js"),de=require("./conversationCard.component-8cf3cb66.js"),xe=require("./timestamp.component-16be4ef2.js"),ce=require("./tagBlock.component-995091dd.js"),le=require("./withTheme-f35d578c.js"),me=require("./useTheme-ee73b181.js"),be=require("./theme.provider-bde81344.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-93e41d9f.js"),fe=require("./chakra-ui-modal.esm-2c76cb7b.js"),Ce=require("./chakra-ui-layout.esm-0601b9a5.js"),he=require("./chakra-ui-button.esm-ef745168.js"),Te=require("./chakra-ui-alert.esm-a086e23c.js"),ke=require("./chakra-ui-avatar.esm-3ef01808.js"),ve=require("./chakra-ui-checkbox.esm-a616aab9.js"),Me=require("./chakra-ui-input.esm-de5d4e45.js"),ge=require("./chakra-ui-menu.esm-bb35ab5f.js"),Se=require("./chakra-ui-popover.esm-d21bf3b5.js"),ye=require("./chakra-ui-radio.esm-bd0e90ff.js"),Be=require("./chakra-ui-select.esm-e7128fb0.js"),Pe=require("./chakra-ui-tabs.esm-91de32e1.js"),Ie=require("./chakra-ui-textarea.esm-d82076ec.js"),De=require("./chakra-ui-form-control.esm-b138a4e1.js"),Le=require("./chakra-ui-media-query.esm-d370ebec.js"),Ae=require("./chakra-ui-image.esm-2b438d18.js"),Fe=require("./chakra-ui-system.esm-434904f8.js"),Ge=require("./chakra-ui-portal.esm-309fc8f3.js"),we=require("./chakra-ui-hooks.esm-20b27af2.js");require("react"),require("./chakra-ui-theme.esm-23420bf9.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-a4a73b4d.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-19e872ac.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-66211f5a.js"),require("./menu.config-78717999.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./sortable.esm-53c38ebd.js"),require("./chakra-ui-icon.esm-e3ed2ec9.js"),require("./index-8fecff45.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-b9439d86.js"),require("./chakra-ui-visually-hidden.esm-9f62b36b.js"),require("./use-animation-state-5054a9f7.esm-ffd221fb.js"),require("./zIndeces-cb5e9be6.js"),require("./borders.config-b28ff4c1.js"),require("./color.record-5f99dbca.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-44971157.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=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=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=S.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=P.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=L.PopoverFooter,exports.PopoverHeader=A.PopoverHeader,exports.Popover=F.Popover,exports.popoverPlacements=G.popoverPlacements,exports.popoverSizes=G.popoverSizes,exports.popoverTriggerTypes=G.popoverTriggerTypes,exports.popoverVariants=G.popoverVariants,exports.Radio=w.Radio,exports.RadioGroup=z.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=R.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=N.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=E.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=_.Spinner,exports.spinnerSizes=K.spinnerSizes,exports.Swatch=Q.Swatch,exports.SwatchSizeMap=Q.SwatchSizeMap,exports.swatchSizes=Q.swatchSizes,exports.Switch=U.WrappedSwitch,exports.Tab=$.Tab,exports.Tabs=J.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=ee.WrappedText,exports.textSizes=re.textSizes,exports.Textarea=oe.WrappedTextArea,exports.TextInput=te.WrappedTextInput,exports.TimePicker=se.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=pe.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip,exports.StyledAvatar=ue.StyledAvatar,exports.styledAvatarTypes=ue.styledAvatarTypes,exports.ConversationCard=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.CircularProgress=qe.CircularProgress,exports.CircularProgressLabel=qe.CircularProgressLabel,exports.NumberDecrementStepper=qe.NumberDecrementStepper,exports.NumberIncrementStepper=qe.NumberIncrementStepper,exports.NumberInput=qe.NumberInput,exports.NumberInputField=qe.NumberInputField,exports.NumberInputStepper=qe.NumberInputStepper,exports.PinInput=qe.PinInput,exports.PinInputField=qe.PinInputField,exports.Progress=qe.Progress,exports.Skeleton=qe.Skeleton,exports.SkeletonText=qe.SkeletonText,exports.Table=qe.Table,exports.TableCaption=qe.TableCaption,exports.TableContainer=qe.TableContainer,exports.Tbody=qe.Tbody,exports.Td=qe.Td,exports.Tfoot=qe.Tfoot,exports.Th=qe.Th,exports.Thead=qe.Thead,exports.Tr=qe.Tr,exports.AlertDialog=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=ke.Avatar,exports.CCheckboxGroup=ve.CheckboxGroup,exports.useCheckbox=ve.useCheckbox,exports.useCheckboxGroup=ve.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=ge.Menu,exports.CMenuButton=ge.MenuButton,exports.CMenuItem=ge.MenuItem,exports.CMenuList=ge.MenuList,exports.MenuDivider=ge.MenuDivider,exports.MenuGroup=ge.MenuGroup,exports.MenuItemOption=ge.MenuItemOption,exports.CPopover=Se.Popover,exports.CPopoverBody=Se.PopoverBody,exports.CPopoverFooter=Se.PopoverFooter,exports.CPopoverHeader=Se.PopoverHeader,exports.PopoverArrow=Se.PopoverArrow,exports.PopoverContent=Se.PopoverContent,exports.PopoverTrigger=Se.PopoverTrigger,exports.usePopoverContext=Se.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Pe.Tab,exports.CTabs=Pe.Tabs,exports.TabList=Pe.TabList,exports.TabPanel=Pe.TabPanel,exports.TabPanels=Pe.TabPanels,exports.CTextarea=Ie.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Le.Hide,exports.Show=Le.Show,exports.useBreakpoint=Le.useBreakpoint,exports.useBreakpointValue=Le.useBreakpointValue,exports.useMediaQuery=Le.useMediaQuery,exports.Image=Ae.Image$1,exports.keyframes=Fe.keyframes,exports.useColorMode=Fe.useColorMode,exports.useToken=Fe.useToken,exports.Portal=Ge.Portal,exports.useConst=we.useConst,exports.useDisclosure=we.useDisclosure,exports.useInterval=we.useInterval,exports.useOutsideClick=we.useOutsideClick;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-3e9f61da.js"),r=require("./alert.component-4d48d218.js"),o=require("./avatar.component-dd61be1f.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-50a37594.js"),a=require("./button.component-15b49687.js"),p=require("./button.types-dd9e0fed.js"),i=require("./card.component-04437e79.js"),n=require("./checkbox.component-ca33f17c.js"),u=require("./checkboxGroup.component-7a918704.js"),x=require("./datepicker.component-c38c1102.js"),d=require("./_baseGetTag-7b5fc763.js"),c=require("./heading.component-8febedd1.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-8d0ca544.js"),b=require("./link.component-a45bd0f4.js"),j=require("./logo.component-e2cf4d68.js"),q=require("./menuButton.component-4552e39b.js"),f=require("./menuContainer.component-34ab3f3f.js"),C=require("./menuItem.component-5d94368e.js"),h=require("./menuList.component-1f658cfe.js"),T=require("./menu.component-6addfd4a.js"),k=require("./modalBody.component-64a6b636.js"),v=require("./modalCloseButton.component-b8750057.js"),M=require("./modalExpandButton.component-e82f4fca.js"),g=require("./modalFooter.component-87129be4.js"),S=require("./modalFooterButtons.component-43364bf5.js"),y=require("./modalHeader.component-5876efa7.js"),B=require("./useExpandButton-478244d5.js"),P=require("./notificationCounter.component-42ce2a31.js"),I=require("./notificationCounter.types-e0bf8950.js"),D=require("./picture.component-daf0e558.js"),L=require("./popoverFooter.component-c68647aa.js"),A=require("./popoverHeader.component-8d58bacd.js"),F=require("./popover.component-902fefb6.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-1c03819e.js"),z=require("./radioGroup.component-32f61d36.js"),H=require("./ratingDot.component-4b3f6639.js"),R=require("./ratingDots.component-b68ac49d.js"),O=require("./select.component-455fdcbd.js"),N=require("./dragHandle.component-87559e3a.js"),W=require("./sortableItem.component-5ffbdefe.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-15455cc0.js"),_=require("./spinner.component-e13e6346.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-026bccba.js"),U=require("./switch.component-b10c0f86.js"),$=require("./tab.component-f7a80e92.js"),J=require("./tabs.component-84713165.js"),X=require("./tabsLayout.component-f43fa494.js"),Y=require("./tag.component-e5da4b8d.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-a1231840.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-4975fe4e.js"),te=require("./textInput.component-daebc8ef.js"),se=require("./timePicker.component-6265ee22.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-a5b363c7.js"),ie=require("./useToast-6a6f0bf3.js"),ne=require("./tooltip.component-e2205174.js"),ue=require("./styledAvatar.types-2540b39f.js"),xe=require("./conversationCard.component-a45e813c.js"),de=require("./timestamp.component-16be4ef2.js"),ce=require("./tagBlock.component-eeb67b0e.js"),le=require("./withTheme-f35d578c.js"),me=require("./useTheme-ee73b181.js"),be=require("./theme.provider-bde81344.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-93e41d9f.js"),fe=require("./chakra-ui-modal.esm-2c76cb7b.js"),Ce=require("./chakra-ui-layout.esm-0601b9a5.js"),he=require("./chakra-ui-button.esm-ef745168.js"),Te=require("./chakra-ui-alert.esm-a086e23c.js"),ke=require("./chakra-ui-avatar.esm-3ef01808.js"),ve=require("./chakra-ui-checkbox.esm-a616aab9.js"),Me=require("./chakra-ui-input.esm-de5d4e45.js"),ge=require("./chakra-ui-menu.esm-bb35ab5f.js"),Se=require("./chakra-ui-popover.esm-d21bf3b5.js"),ye=require("./chakra-ui-radio.esm-bd0e90ff.js"),Be=require("./chakra-ui-select.esm-e7128fb0.js"),Pe=require("./chakra-ui-tabs.esm-91de32e1.js"),Ie=require("./chakra-ui-textarea.esm-d82076ec.js"),De=require("./chakra-ui-form-control.esm-b138a4e1.js"),Le=require("./chakra-ui-media-query.esm-d370ebec.js"),Ae=require("./chakra-ui-image.esm-2b438d18.js"),Fe=require("./chakra-ui-system.esm-434904f8.js"),Ge=require("./chakra-ui-portal.esm-309fc8f3.js"),we=require("./chakra-ui-hooks.esm-20b27af2.js");require("react"),require("./chakra-ui-theme.esm-23420bf9.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-a4a73b4d.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-19e872ac.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-66211f5a.js"),require("./menu.config-78717999.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./sortable.esm-53c38ebd.js"),require("./chakra-ui-icon.esm-e3ed2ec9.js"),require("./index-8fecff45.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-b9439d86.js"),require("./chakra-ui-visually-hidden.esm-9f62b36b.js"),require("./use-animation-state-5054a9f7.esm-ffd221fb.js"),require("./zIndeces-cb5e9be6.js"),require("./borders.config-b28ff4c1.js"),require("./color.record-5f99dbca.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-44971157.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=x.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return d.DateFormats}}),exports.Heading=c.WrappedHeading,exports.headingSizes=l.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=b.Link,exports.Logo=j.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=f.MenuContainer,exports.MenuItem=C.MenuItem,exports.MenuList=h.MenuList,exports.Menu=T.Menu,exports.ModalBody=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=S.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=P.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=L.PopoverFooter,exports.PopoverHeader=A.PopoverHeader,exports.Popover=F.Popover,exports.popoverPlacements=G.popoverPlacements,exports.popoverSizes=G.popoverSizes,exports.popoverTriggerTypes=G.popoverTriggerTypes,exports.popoverVariants=G.popoverVariants,exports.Radio=w.Radio,exports.RadioGroup=z.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=R.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=N.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=E.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=_.Spinner,exports.spinnerSizes=K.spinnerSizes,exports.Swatch=Q.Swatch,exports.SwatchSizeMap=Q.SwatchSizeMap,exports.swatchSizes=Q.swatchSizes,exports.Switch=U.WrappedSwitch,exports.Tab=$.Tab,exports.Tabs=J.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=ee.WrappedText,exports.textSizes=re.textSizes,exports.Textarea=oe.WrappedTextArea,exports.TextInput=te.WrappedTextInput,exports.TimePicker=se.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=pe.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip,exports.StyledAvatar=ue.StyledAvatar,exports.styledAvatarTypes=ue.styledAvatarTypes,exports.ConversationCard=xe.ConversationCard,exports.Timestamp=de.Timestamp,exports.TagBlock=ce.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return ce.TagDisabledState}}),exports.withDarkMode=le.withDarkMode,exports.withTheme=le.withTheme,exports.useTheme=me.useTheme,exports.KibbleThemeProvider=be.KibbleThemeProvider,exports.theme=be.theme,exports.colorLightenDarken=je.colorLightenDarken,exports.hexToRgb=je.hexToRgb,exports.isDark=je.isDark,exports.isRGB=je.isRGB,exports.Accordion=qe.Accordion,exports.AccordionButton=qe.AccordionButton,exports.AccordionIcon=qe.AccordionIcon,exports.AccordionItem=qe.AccordionItem,exports.AccordionPanel=qe.AccordionPanel,exports.CircularProgress=qe.CircularProgress,exports.CircularProgressLabel=qe.CircularProgressLabel,exports.NumberDecrementStepper=qe.NumberDecrementStepper,exports.NumberIncrementStepper=qe.NumberIncrementStepper,exports.NumberInput=qe.NumberInput,exports.NumberInputField=qe.NumberInputField,exports.NumberInputStepper=qe.NumberInputStepper,exports.PinInput=qe.PinInput,exports.PinInputField=qe.PinInputField,exports.Progress=qe.Progress,exports.Skeleton=qe.Skeleton,exports.SkeletonText=qe.SkeletonText,exports.Table=qe.Table,exports.TableCaption=qe.TableCaption,exports.TableContainer=qe.TableContainer,exports.Tbody=qe.Tbody,exports.Td=qe.Td,exports.Tfoot=qe.Tfoot,exports.Th=qe.Th,exports.Thead=qe.Thead,exports.Tr=qe.Tr,exports.AlertDialog=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=ke.Avatar,exports.CCheckboxGroup=ve.CheckboxGroup,exports.useCheckbox=ve.useCheckbox,exports.useCheckboxGroup=ve.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=ge.Menu,exports.CMenuButton=ge.MenuButton,exports.CMenuItem=ge.MenuItem,exports.CMenuList=ge.MenuList,exports.MenuDivider=ge.MenuDivider,exports.MenuGroup=ge.MenuGroup,exports.MenuItemOption=ge.MenuItemOption,exports.CPopover=Se.Popover,exports.CPopoverBody=Se.PopoverBody,exports.CPopoverFooter=Se.PopoverFooter,exports.CPopoverHeader=Se.PopoverHeader,exports.PopoverArrow=Se.PopoverArrow,exports.PopoverContent=Se.PopoverContent,exports.PopoverTrigger=Se.PopoverTrigger,exports.usePopoverContext=Se.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Pe.Tab,exports.CTabs=Pe.Tabs,exports.TabList=Pe.TabList,exports.TabPanel=Pe.TabPanel,exports.TabPanels=Pe.TabPanels,exports.CTextarea=Ie.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Le.Hide,exports.Show=Le.Show,exports.useBreakpoint=Le.useBreakpoint,exports.useBreakpointValue=Le.useBreakpointValue,exports.useMediaQuery=Le.useMediaQuery,exports.Image=Ae.Image$1,exports.keyframes=Fe.keyframes,exports.useColorMode=Fe.useColorMode,exports.useToken=Fe.useToken,exports.Portal=Ge.Portal,exports.useConst=we.useConst,exports.useDisclosure=we.useDisclosure,exports.useInterval=we.useInterval,exports.useOutsideClick=we.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var t=require("./tslib.es6-d6f17add.js"),o=require("react"),e=require("./notificationCounter.types-e0bf8950.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=n(o);const i={xs:3,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=o=>{var{count:n=0,size:c="md",showCount:l=!0,variant:d=e.NotificationCounterVariant.Red}=o,f=t.__rest(o,["count","size","showCount","variant"]);const x="xs"!==c&&l,C={[e.NotificationCounterVariant.Red]:{backgroundColor:"background.dangerContrast",color:"text.onContrast"},[e.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"},[e.NotificationCounterVariant.Green]:{backgroundColor:"text.success",color:"text.onContrast"},[e.NotificationCounterVariant.Blue]:{backgroundColor:"text.info",color:"text.onContrast"}},b=n>99?a.default.createElement(r.Box,{backgroundColor:C[d].color,borderRadius:"full",height:s[c],width:s[c]}):n>0&&n;return a.default.createElement(r.Flex,Object.assign({},f,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[c],fontWeight:"semibold",height:i[c],justifyContent:"center",width:i[c]},C[d]),x&&b)};
|
|
2
|
+
//# sourceMappingURL=notificationCounter.component-42ce2a31.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notificationCounter.component-42ce2a31.js","sources":["../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n xs: 3,\n sm: 4,\n md: 5,\n lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n xs: '8px', // Not used since the xs size doesn't show a label\n sm: '10px',\n md: '12px',\n lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n xs: '1px', // Not used since the xs size doesn't show a label\n sm: '2px',\n md: '3px',\n lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n MAX_COUNT,\n maxNotificationCounterSizes,\n notificationCounterFontSizes,\n notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n count?: number;\n size?: NotificationCounterSize;\n showCount?: boolean;\n variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n count = 0,\n size = 'md',\n showCount = true,\n variant = NotificationCounterVariant.Red,\n ...rest\n}: NotificationCounterProps): JSX.Element => {\n const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n const notificationVariantStyles = {\n [NotificationCounterVariant.Red]: {\n backgroundColor: 'background.dangerContrast',\n color: 'text.onContrast',\n },\n [NotificationCounterVariant.Neutral]: {\n backgroundColor: 'background.lessSubtle',\n color: 'text.default',\n },\n [NotificationCounterVariant.Green]: {\n backgroundColor: 'text.success',\n color: 'text.onContrast',\n },\n [NotificationCounterVariant.Blue]: {\n backgroundColor: 'text.info',\n color: 'text.onContrast',\n },\n };\n\n const counterContent =\n count > MAX_COUNT ? (\n <Box\n backgroundColor={notificationVariantStyles[variant].color}\n borderRadius=\"full\"\n height={maxNotificationCounterSizes[size]}\n width={maxNotificationCounterSizes[size]}\n />\n ) : (\n count > 0 && count\n );\n\n return (\n <Flex\n {...rest}\n className=\"NotifcationCounter\"\n alignItems=\"center\"\n border=\"1px\"\n borderColor=\"background.default\"\n borderRadius=\"full\"\n fontSize={notificationCounterFontSizes[size]}\n fontWeight=\"semibold\"\n height={notificationCounterSizes[size]}\n justifyContent=\"center\"\n width={notificationCounterSizes[size]}\n {...notificationVariantStyles[variant]}\n >\n {_showCount && counterContent}\n </Flex>\n );\n};\n"],"names":["notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","NotificationCounterVariant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","Green","Blue","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"iQAEO,MAEMA,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUC,6BAA2BC,OAClCC,EAL+BC,EAAAA,OAAAR,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMS,EAAsB,OAATP,GAAwBC,EAErCO,EAA4B,CAChC,CAACL,EAAAA,2BAA2BC,KAAM,CAChCK,gBAAiB,4BACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BQ,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,gBAET,CAACP,EAAAA,2BAA2BS,OAAQ,CAClCH,gBAAiB,eACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BU,MAAO,CACjCJ,gBAAiB,YACjBC,MAAO,oBAILI,EACJf,ED5CqB,GC6CnBgB,EAAC,QAAAC,cAAAC,OACCR,gBAAiBD,EAA0BN,GAASQ,MACpDQ,aAAa,OACbC,OAAQtB,EAA4BG,GACpCoB,MAAOvB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEgB,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACClB,EAAI,CACRmB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAUhC,EAA6BI,GACvC6B,WAAW,WACXV,OAAQ5B,EAAyBS,GACjC8B,eAAe,SACfV,MAAO7B,EAAyBS,IAC5BQ,EAA0BN,IAE7BK,GAAcO"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notificationCounter.types-e0bf8950.js","sources":["../src/components/NotificationCounter/notificationCounter.types.ts"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n Red = 'red',\n Neutral = 'neutral',\n Green = 'green',\n Blue = 'blue',\n}\n"],"names":["NotificationCounterVariant"],"mappings":"aAEA,IAAYA,EAAAA,QAKXA,gCAAA,GALWA,EAAAA,QAA0BA,6BAA1BA,mCAKX,KAJC,IAAA,MACAA,EAAA,QAAA,UACAA,EAAA,MAAA,QACAA,EAAA,KAAA"}
|
|
@@ -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-a45e813c.js");require("react"),require("../../card.component-04437e79.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../timestamp.component-16be4ef2.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-42ce2a31.js"),require("../../notificationCounter.types-e0bf8950.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../avatar.component-dd61be1f.js"),require("../../chakra-ui-avatar.esm-3ef01808.js"),require("../../chakra-ui-image.esm-2b438d18.js"),require("../../picture.component-daf0e558.js"),require("../../button.component-15b49687.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-ca33f17c.js"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../textInput.component-daebc8ef.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../menu.component-6addfd4a.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-4552e39b.js"),require("../../menuList.component-1f658cfe.js"),require("../../menuItem.component-5d94368e.js"),require("../../menu.config-78717999.js"),require("../../tag.component-e5da4b8d.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-eeb67b0e.js");require("react"),require("../../button.component-15b49687.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../checkbox.component-ca33f17c.js"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../checkboxGroup.component-7a918704.js"),require("../../_baseGetTag-7b5fc763.js"),require("../../menu.component-6addfd4a.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-4552e39b.js"),require("../../menuList.component-1f658cfe.js"),require("../../menuItem.component-5d94368e.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-daebc8ef.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../link.component-a45bd0f4.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-e2cf4d68.js"),require("../../notificationCounter.types-e0bf8950.js"),require("../../radioGroup.component-32f61d36.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),require("../../select.component-455fdcbd.js"),require("../../chakra-ui-select.esm-e7128fb0.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-b10c0f86.js"),require("../../tag.component-e5da4b8d.js"),require("../../textarea.component-4975fe4e.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/patterns/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-2540b39f.js"),r=require("../conversationCard.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-2540b39f.js"),r=require("../conversationCard.component-a45e813c.js"),i=require("../timestamp.component-16be4ef2.js"),a=require("../tagBlock.component-eeb67b0e.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-dd61be1f.js"),require("react"),require("../icon.component-8d0ca544.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../tooltip.component-e2205174.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../picture.component-daf0e558.js"),require("../card.component-04437e79.js"),require("../notificationCounter.component-42ce2a31.js"),require("../notificationCounter.types-e0bf8950.js"),require("../heading.component-8febedd1.js"),require("../withTruncation-19e872ac.js"),require("../text.component-a1231840.js"),require("../button.component-15b49687.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-ca33f17c.js"),require("../withFormControl-a4a73b4d.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../textInput.component-daebc8ef.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../spinner.component-e13e6346.js"),require("../menu.component-6addfd4a.js"),require("../menuContainer.component-34ab3f3f.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menuButton.component-4552e39b.js"),require("../menuList.component-1f658cfe.js"),require("../menuItem.component-5d94368e.js"),require("../menu.config-78717999.js"),require("../tag.component-e5da4b8d.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-7a918704.js"),require("../_baseGetTag-7b5fc763.js"),require("../link.component-a45bd0f4.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-e2cf4d68.js"),require("../radioGroup.component-32f61d36.js"),require("../radio.component-1c03819e.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../select.component-455fdcbd.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-b10c0f86.js"),require("../textarea.component-4975fe4e.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-
|
|
2
|
-
//# sourceMappingURL=tab.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-42ce2a31.js"),i=require("./icon.component-8d0ca544.js"),n=require("react"),a=require("./notificationCounter.types-e0bf8950.js"),o=require("./heading.component-8febedd1.js"),r=require("./chakra-ui-tabs.esm-91de32e1.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(n);const d={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:c,label:f,showNotificationCounter:l=!1,notificationCount:b=0,notificationCounterVariant:C=a.NotificationCounterVariant.Red,size:j="md"}=n,p=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(r.Tab,Object.assign({},p),!!c&&u.default.createElement(s.Box,{pr:2},u.default.createElement(i.Icon,{name:c,size:j})),u.default.createElement(o.WrappedHeading,{size:m[j]},f),l&&u.default.createElement(t.NotificationCounter,{count:b,variant:C,size:d[j],ml:2}))};
|
|
2
|
+
//# sourceMappingURL=tab.component-f7a80e92.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.component-
|
|
1
|
+
{"version":3,"file":"tab.component-f7a80e92.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n xs: 'xs',\n sm: 'xs',\n md: 'sm',\n lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nexport const Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n <Heading size={tabHeadingSize[size]}>{label}</Heading>\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"+bAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-f7a80e92.js"),s=require("./chakra-ui-tabs.esm-91de32e1.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabPanels:n,tabPanelsStyle:l,tabListProps:u}=t,c=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return i.default.createElement(s.Tabs,Object.assign({},c,{size:r}),i.default.createElement(s.TabList,Object.assign({},u&&u),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&i.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
|
|
2
|
+
//# sourceMappingURL=tabs.component-84713165.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component-
|
|
1
|
+
{"version":3,"file":"tabs.component-84713165.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: TabPanelProps;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n tabListProps?: TabListProps;\n}\n\nexport const Tabs = ({\n size = 'md',\n tabList,\n tabPanels,\n tabPanelsStyle,\n tabListProps,\n ...rest\n}: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList {...(tabListProps && tabListProps)}>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","tabListProps","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,UACPA,EAASC,eACTA,EAAcC,aACdA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAMP,GAAgBA,GAC3BH,EAAQa,KAAI,CAACC,EAAKC,IACjBT,EAAC,QAAAK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCb,GAAaK,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAR,GAAiBD,EAAUY,KAAKM,GAAUA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./tabs.component-
|
|
2
|
-
//# sourceMappingURL=tabsLayout.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./tabs.component-84713165.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
|
|
2
|
+
//# sourceMappingURL=tabsLayout.component-f43fa494.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsLayout.component-
|
|
1
|
+
{"version":3,"file":"tabsLayout.component-f43fa494.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./button.component-15b49687.js"),a=require("./heading.component-8febedd1.js");require("./icon.component-8d0ca544.js");var r=require("./text.component-a1231840.js");require("./checkbox.component-ca33f17c.js"),require("./checkboxGroup.component-7a918704.js"),require("./_baseGetTag-7b5fc763.js");var n=require("./menu.component-6addfd4a.js");require("./textInput.component-daebc8ef.js"),require("./link.component-a45bd0f4.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var o=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-
|
|
2
|
-
//# sourceMappingURL=tagBlock.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./button.component-15b49687.js"),a=require("./heading.component-8febedd1.js");require("./icon.component-8d0ca544.js");var r=require("./text.component-a1231840.js");require("./checkbox.component-ca33f17c.js"),require("./checkboxGroup.component-7a918704.js"),require("./_baseGetTag-7b5fc763.js");var n=require("./menu.component-6addfd4a.js");require("./textInput.component-daebc8ef.js"),require("./link.component-a45bd0f4.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var o=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-e0bf8950.js"),require("./radioGroup.component-32f61d36.js"),require("./select.component-455fdcbd.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-b10c0f86.js");var l=require("./tag.component-e5da4b8d.js");require("./textarea.component-4975fe4e.js"),require("./timePicker.types-eedca939.js");var s=require("./chakra-ui-layout.esm-0601b9a5.js");function c(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 i,u=c(e);exports.TagDisabledState=void 0,(i=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",i.Deleted="Deleted";exports.TagBlock=({title:c,menuButtonProps:i={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:d={isMultiSelect:!0},menuContainerProps:m,tags:p,canBeDeleted:b=!1,onClearAll:g,onRemoveTag:f,handleDelete:x,hasError:j=!1,errorText:T="This field contains an error",isLoading:k=!1,dataTestId:q="tag-block",displayTagsInGroups:h})=>{const v=e.useCallback((e=>{f&&f(e,p)}),[f,p]),B=u.useMemo((()=>{if(!h)return[];const e={};for(const t of p){const a=t.groupName||"-";e[a]||(e[a]=[]),e[a].push(t)}return Object.entries(e).map((([e,t])=>({groupName:e,tags:t})))}),[p,h]),E=e.useCallback((e=>e.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return u.createElement(l.Tag,{className:"TagBlock__Tag","data-testid":`${q}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>v(e.value),closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),[q,v]);return u.createElement(s.Box,{className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:j?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default",overflow:k?"hidden":void 0},u.createElement(s.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${q}-container`,justifyContent:"space-between"},u.createElement(s.HStack,{spacing:1,minH:10},c&&u.createElement(r.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},c),u.createElement(n.Menu,{buttonProps:i,listProps:d,containerProps:m,dataTestId:`${q}-menu`}),u.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${q}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:g,isDisabled:p.length<=0},"Clear All")),b&&u.createElement(s.Box,null,u.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${q}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:x,justifySelf:"flex-end"}))),Boolean(p.length)&&u.createElement(s.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},h&&B.length?u.createElement(s.Flex,{direction:"column"},B.map((({groupName:e,tags:t})=>u.createElement(s.Box,{key:e,mb:2},u.createElement(s.Box,{className:"TagBlock__GroupTitle"},u.createElement(a.WrappedHeading,{size:"xs",pb:2},e)),u.createElement(s.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},E(t)))))):E(p)),k&&u.createElement(o.Spinner,{isFullScreen:!0}),j&&u.createElement(r.WrappedText,{className:"TagBlock__Error","data-testid":`${q}-error`,mt:2,size:"xs",as:"p",variant:"danger"},T))};
|
|
2
|
+
//# sourceMappingURL=tagBlock.component-eeb67b0e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tagBlock.component-
|
|
1
|
+
{"version":3,"file":"tagBlock.component-eeb67b0e.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import { Box, Flex, HStack } from 'chakra';\nimport * as React from 'react';\nimport { useCallback } from 'react';\nimport {\n Button,\n Heading,\n Menu,\n MenuButtonProps,\n MenuContainerProps,\n MenuListProps,\n Spinner,\n Tag,\n Text,\n} from '../../components';\n\nexport enum TagDisabledState {\n Inactive = 'Inactive',\n Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n label: string;\n value: string;\n groupName?: 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 displayTagsInGroups?: boolean;\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 displayTagsInGroups,\n}: TagBlockProps): JSX.Element => {\n const handleRemoveTag = useCallback(\n (value: string): void => {\n if (onRemoveTag) {\n onRemoveTag(value, tags);\n }\n },\n [onRemoveTag, tags],\n );\n\n const tagsByGroup = React.useMemo(() => {\n if (!displayTagsInGroups) {\n return [];\n }\n const grouped = {} as Record<string, TagBlockTag[]>;\n for (const tag of tags) {\n const group = tag.groupName || '-';\n if (!grouped[group]) {\n grouped[group] = [];\n }\n grouped[group].push(tag);\n }\n return Object.entries(grouped).map(([groupName, tags]) => ({ groupName, tags }));\n }, [tags, displayTagsInGroups]);\n\n const renderTags = useCallback(\n (tags: TagBlockTag[]) => {\n return 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 },\n [dataTestId, handleRemoveTag],\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 overflow={isLoading ? 'hidden' : undefined}\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 {displayTagsInGroups && tagsByGroup.length ? (\n <Flex direction=\"column\">\n {tagsByGroup.map(({ groupName, tags }) => (\n <Box key={groupName} mb={2}>\n <Box className=\"TagBlock__GroupTitle\">\n <Heading size=\"xs\" pb={2}>\n {groupName}\n </Heading>\n </Box>\n <Flex\n alignContent=\"space-between\"\n flexWrap=\"wrap\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {renderTags(tags)}\n </Flex>\n </Box>\n ))}\n </Flex>\n ) : (\n renderTags(tags)\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","displayTagsInGroups","handleRemoveTag","useCallback","value","tagsByGroup","React","useMemo","grouped","tag","group","groupName","push","Object","entries","map","renderTags","isDisabled","label","includes","Inactive","Deleted","createElement","Tag","className","mr","mb","key","onClose","closeButtonDisplay","fontWeight","color","Box","position","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","overflow","undefined","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","direction","Heading","WrappedHeading","Spinner","isFullScreen","as"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),o=require("./notificationCounter.types-799d7b6c.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(e);const i={xs:3,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=e=>{var{count:a=0,size:d="md",showCount:c=!0,variant:l=o.NotificationCounterVariant.Red}=e,f=t.__rest(e,["count","size","showCount","variant"]);const x="xs"!==d&&c,b={[o.NotificationCounterVariant.Red]:{backgroundColor:"background.dangerContrast",color:"text.onContrast"},[o.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"}},g=a>99?n.default.createElement(r.Box,{backgroundColor:b[l].color,borderRadius:"full",height:s[d],width:s[d]}):a>0&&a;return n.default.createElement(r.Flex,Object.assign({},f,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[d],fontWeight:"semibold",height:i[d],justifyContent:"center",width:i[d]},b[l]),x&&g)};
|
|
2
|
-
//# sourceMappingURL=notificationCounter.component-bf1cf6b8.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notificationCounter.component-bf1cf6b8.js","sources":["../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n xs: 3,\n sm: 4,\n md: 5,\n lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n xs: '8px', // Not used since the xs size doesn't show a label\n sm: '10px',\n md: '12px',\n lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n xs: '1px', // Not used since the xs size doesn't show a label\n sm: '2px',\n md: '3px',\n lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n MAX_COUNT,\n maxNotificationCounterSizes,\n notificationCounterFontSizes,\n notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n count?: number;\n size?: NotificationCounterSize;\n showCount?: boolean;\n variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n count = 0,\n size = 'md',\n showCount = true,\n variant = NotificationCounterVariant.Red,\n ...rest\n}: NotificationCounterProps): JSX.Element => {\n const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n const notificationVariantStyles = {\n [NotificationCounterVariant.Red]: {\n backgroundColor: 'background.dangerContrast',\n color: 'text.onContrast',\n },\n [NotificationCounterVariant.Neutral]: {\n backgroundColor: 'background.lessSubtle',\n color: 'text.default',\n },\n };\n\n const counterContent =\n count > MAX_COUNT ? (\n <Box\n backgroundColor={notificationVariantStyles[variant].color}\n borderRadius=\"full\"\n height={maxNotificationCounterSizes[size]}\n width={maxNotificationCounterSizes[size]}\n />\n ) : (\n count > 0 && count\n );\n\n return (\n <Flex\n {...rest}\n className=\"NotifcationCounter\"\n alignItems=\"center\"\n border=\"1px\"\n borderColor=\"background.default\"\n borderRadius=\"full\"\n fontSize={notificationCounterFontSizes[size]}\n fontWeight=\"semibold\"\n height={notificationCounterSizes[size]}\n justifyContent=\"center\"\n width={notificationCounterSizes[size]}\n {...notificationVariantStyles[variant]}\n >\n {_showCount && counterContent}\n </Flex>\n );\n};\n"],"names":["notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","NotificationCounterVariant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"iQAEO,MAEMA,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUC,6BAA2BC,OAClCC,EAL+BC,EAAAA,OAAAR,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMS,EAAsB,OAATP,GAAwBC,EAErCO,EAA4B,CAChC,CAACL,EAAAA,2BAA2BC,KAAM,CAChCK,gBAAiB,4BACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BQ,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,iBAILE,EACJb,EDpCqB,GCqCnBc,EAAC,QAAAC,cAAAC,OACCN,gBAAiBD,EAA0BN,GAASQ,MACpDM,aAAa,OACbC,OAAQpB,EAA4BG,GACpCkB,MAAOrB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEc,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACChB,EAAI,CACRiB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAU9B,EAA6BI,GACvC2B,WAAW,WACXV,OAAQ1B,EAAyBS,GACjC4B,eAAe,SACfV,MAAO3B,EAAyBS,IAC5BQ,EAA0BN,IAE7BK,GAAcK"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notificationCounter.types-799d7b6c.js","sources":["../src/components/NotificationCounter/notificationCounter.types.ts"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n Red = 'red',\n Neutral = 'neutral',\n}\n"],"names":["NotificationCounterVariant"],"mappings":"aAEA,IAAYA,EAAAA,QAGXA,gCAAA,GAHWA,EAAAA,QAA0BA,6BAA1BA,mCAGX,KAFC,IAAA,MACAA,EAAA,QAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-bf82a8a4.js"),s=require("./chakra-ui-tabs.esm-91de32e1.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=r(t);exports.Tabs=t=>{var{size:r="md",tabList:i,tabPanels:n,tabPanelsStyle:l,tabListProps:u}=t,c=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return b.default.createElement(s.Tabs,Object.assign({},c,{size:r}),b.default.createElement(s.TabList,Object.assign({},u&&u),i.map(((e,t)=>b.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&b.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
|
|
2
|
-
//# sourceMappingURL=tabs.component-7130dcff.js.map
|