@televet/kibble-ui 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/chunks/conversationCard.component-4W5BxL7U.js

@@ -1,383 +0,0 @@
-import { x as e } from "./vendor-D56wCYP8.js";
-import { useState as y } from "react";
-import { C as S } from "./card.component-0oud8Y01.js";
-import { T as H } from "./timestamp.component-DeouNY5A.js";
-import { N as I } from "./notificationCounter.component-CK9Ck-Eq.js";
-import { I as p } from "./icon.component-ADHJf_mk.js";
-import { W as B } from "./heading.component-Pr_wFtuy.js";
-import { W as x } from "./text.component-Dz-V2uze.js";
-import { A as R } from "./avatar.component-B9AMlLkB.js";
-import { T as N } from "./tooltip.component-BWCxPfIL.js";
-import { F as f, K as m, X as W, B as C, aR as F, aS as O } from "./chakra-LFfg7ED-.js";
-import { B as _ } from "./button.component-SfKkS7VY.js";
-import { M } from "./menu.component-DvzXmK6W.js";
-import { T as w } from "./tag.component-B46R6C9C.js";
-const A = ({
-  avatars: t,
-  max: a = 1,
-  onAvatarGroupClick: n,
-  tooltipLabel: r
-}) => /* @__PURE__ */ e.jsx(N, { label: r || "", disabled: !r?.length, children: /* @__PURE__ */ e.jsx(
-  f,
-  {
-    className: "ConversationCard__AvatarGroup",
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    children: a && t.length > a ? /* @__PURE__ */ e.jsx(
-      R,
-      {
-        onClick: (s) => {
-          s.stopPropagation(), n && n(s);
-        },
-        cursor: "pointer",
-        name: t.length.toString(),
-        showTooltip: !1
-      }
-    ) : /* @__PURE__ */ e.jsx(e.Fragment, { children: t.map((s) => s) })
-  }
-) }), E = ({
-  avatarGroupProps: t,
-  timestampProps: a,
-  isHoveringCard: n,
-  isCardPinned: r,
-  title: s,
-  showNotificationIndicator: c,
-  subtitle: o
-}) => /* @__PURE__ */ e.jsxs(
-  m,
-  {
-    className: "ConversationCard__Header",
-    "data-testid": "kibble-conversation-card-header",
-    justify: "space-between",
-    align: "flex-start",
-    children: [
-      /* @__PURE__ */ e.jsxs(
-        m,
-        {
-          className: "ConversationCard__Header--Left",
-          "data-testid": "kibble-conversation-card-header-left",
-          cursor: "pointer",
-          children: [
-            t && /* @__PURE__ */ e.jsx(
-              A,
-              {
-                ...t,
-                tooltipLabel: t?.tooltipLabel || s
-              }
-            ),
-            /* @__PURE__ */ e.jsxs(
-              W,
-              {
-                className: "ConversationCard__HeaderText",
-                "data-testid": "kibble-conversation-card-header-text",
-                justify: "center",
-                align: "left",
-                gap: "0",
-                children: [
-                  /* @__PURE__ */ e.jsx(
-                    B,
-                    {
-                      className: "ConversationCard__HeaderText--Title",
-                      "data-testid": "kibble-conversation-card-header-title",
-                      size: "sm",
-                      truncated: !0,
-                      children: s
-                    }
-                  ),
-                  o && /* @__PURE__ */ e.jsx(
-                    x,
-                    {
-                      className: "ConversationCard__HeaderText--Subtitle",
-                      "data-testid": "kibble-conversation-card-header-subtitle",
-                      as: "p",
-                      size: "sm",
-                      variant: "subtle",
-                      truncated: !0,
-                      children: o
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        m,
-        {
-          className: "ConversationCard__Header--Right",
-          "data-testid": "kibble-conversation-card-header-right",
-          visibility: n ? "hidden" : "visible",
-          align: "center",
-          gap: 1,
-          children: [
-            /* @__PURE__ */ e.jsx(H, { ...a }),
-            c && /* @__PURE__ */ e.jsx(
-              C,
-              {
-                as: "span",
-                className: "ConversationCard__HeaderNotificationCounter",
-                "data-testid": "conversation-card-unread-indicator",
-                children: /* @__PURE__ */ e.jsx(I, { size: "xs" })
-              }
-            ),
-            r && /* @__PURE__ */ e.jsx(f, { "data-testid": "conversation-card-pinned-icon", children: /* @__PURE__ */ e.jsx(p, { size: "md", variant: "info", name: "pin" }) })
-          ]
-        }
-      )
-    ]
-  }
-), L = ({
-  overlayProps: t,
-  pinProps: a,
-  headerMenuProps: n,
-  isHovering: r,
-  setIsHovering: s
-}) => {
-  const { isOpenInOverlay: c, onOpenInOverlay: o } = t || {}, { isPinned: i, onTogglePin: d } = a || {}, { listProps: l } = n || {}, u = i ? "pinCancel" : "pin";
-  return /* @__PURE__ */ e.jsxs(
-    m,
-    {
-      className: "ConversationCard__Menu",
-      "data-testid": "kibble-conversation-card-menu",
-      gap: 1,
-      children: [
-        t && /* @__PURE__ */ e.jsx(
-          _,
-          {
-            className: "ConversationCard__OverlayButton",
-            "data-testid": "conversation-card-overlay-icon-button",
-            variant: "secondarySubtle",
-            borderRadius: "sm",
-            ...c && { active: !0 },
-            onClick: () => {
-              o && o(), r && s(!1);
-            },
-            iconName: "popup",
-            size: "sm"
-          }
-        ),
-        a && /* @__PURE__ */ e.jsx(
-          _,
-          {
-            className: "ConversationCard__PinButton",
-            "data-testid": "conversation-card-pin-toggle-icon-button",
-            variant: i ? "secondarySubtleDestructive" : "secondarySubtle",
-            borderRadius: "sm",
-            onClick: () => {
-              d && d(!i), r && s(!1);
-            },
-            iconName: u,
-            size: "sm"
-          }
-        ),
-        n && /* @__PURE__ */ e.jsx(
-          M,
-          {
-            buttonProps: n.buttonProps || {
-              variant: "secondarySubtle",
-              size: "sm",
-              borderRadius: "sm",
-              iconName: "dotsVertical",
-              hideCaret: !0,
-              padding: 0
-            },
-            closeOnSelect: !1,
-            lazyMount: !0,
-            ...n,
-            listProps: {
-              ...l,
-              menuItems: [
-                ...a ? [
-                  {
-                    "data-testid": "conversation-card-pin-toggle-dropdown-button",
-                    label: `${i ? "Unpin" : "Pin"} Conversation`,
-                    value: "PinConversation",
-                    variant: i ? "danger" : "default",
-                    leftElement: /* @__PURE__ */ e.jsx(
-                      p,
-                      {
-                        size: "md",
-                        variant: i ? "danger" : "default",
-                        name: u
-                      }
-                    ),
-                    onSelect: () => {
-                      d && d(!i);
-                    }
-                  }
-                ] : [],
-                ...l?.menuItems || []
-              ]
-            }
-          }
-        )
-      ]
-    }
-  );
-}, V = ({
-  tags: t
-}) => /* @__PURE__ */ e.jsx(C, { className: "ConversationCard__Tags", mt: 3, children: /* @__PURE__ */ e.jsx(F, { gap: "6px", children: t.map((a) => {
-  const { tooltipContent: n, ...r } = a;
-  let s = /* @__PURE__ */ e.jsx(w, { ...r, size: "sm", textTransform: "capitalize" });
-  return n && (s = /* @__PURE__ */ e.jsx(N, { label: n, placement: "top", children: /* @__PURE__ */ e.jsx(C, { children: s }) })), /* @__PURE__ */ e.jsx(O, { children: s }, a.label);
-}) }) }), D = ({
-  iconProps: t,
-  content: a,
-  contentProps: n
-}) => {
-  const r = typeof a == "string" ? /* @__PURE__ */ e.jsx(
-    x,
-    {
-      className: "ConversationCard__FooterMessage",
-      "data-testid": "kibble-conversation-card-footer-message",
-      as: "p",
-      size: "sm",
-      variant: "subtle",
-      ...n,
-      ...t && { ml: 1 },
-      children: a
-    }
-  ) : a;
-  return /* @__PURE__ */ e.jsxs(
-    f,
-    {
-      className: "ConversationCard__Footer",
-      "data-testid": "kibble-conversation-card-footer",
-      mt: 3,
-      alignItems: "center",
-      children: [
-        t && /* @__PURE__ */ e.jsx(p, { size: "sm", variant: "subtle", ...t }),
-        r
-      ]
-    }
-  );
-}, K = ({
-  contentMenu: t,
-  content: a,
-  contentProps: n
-}) => {
-  const r = typeof a == "string" ? /* @__PURE__ */ e.jsx(
-    x,
-    {
-      className: "ConversationCard__Content",
-      "data-testid": "kibble-conversation-card-content",
-      truncated: !0,
-      size: "sm",
-      ...n,
-      children: a
-    }
-  ) : a;
-  return /* @__PURE__ */ e.jsxs(
-    m,
-    {
-      className: "ConversationCard__ContentContainer",
-      "data-testid": "kibble-conversation-card-content-container",
-      mt: 3,
-      justifyContent: "space-between",
-      alignItems: "center",
-      children: [
-        r,
-        t && /* @__PURE__ */ e.jsx(
-          C,
-          {
-            className: "ConversationCard__ContentMenu",
-            "data-testid": "kibble-conversation-card-content-menu",
-            ml: "auto",
-            children: t
-          }
-        )
-      ]
-    }
-  );
-}, se = ({
-  allowHoverActions: t = !0,
-  avatarGroupProps: a,
-  content: n,
-  contentProps: r,
-  contentMenu: s,
-  footerProps: c,
-  headerMenuProps: o,
-  headerProps: i,
-  active: d,
-  onClick: l,
-  overlayProps: u,
-  pinProps: j,
-  shouldPreservePosition: k = !1,
-  showNotificationIndicator: g,
-  tags: h
-}) => {
-  const { isPinned: z } = j || {}, [v, b] = y(!1);
-  return /* @__PURE__ */ e.jsxs(
-    S,
-    {
-      className: "ConversationCard",
-      id: "conversation-card-item",
-      "data-testid": "kibble-conversation-card",
-      interactive: !0,
-      active: d,
-      size: "sm",
-      fullWidth: !0,
-      onClick: () => {
-        l && l();
-      },
-      bg: g || d || v ? "background.default" : "background.alphaContrast.pressed",
-      onMouseEnter: () => {
-        t && b(!0);
-      },
-      onMouseLeave: () => b(!1),
-      pos: "relative",
-      css: { overflowAnchor: k ? "auto" : "none" },
-      children: [
-        v && /* @__PURE__ */ e.jsx(
-          C,
-          {
-            className: "ConversationCard__Menu--Container",
-            "data-testid": "kibble-conversation-card-menu-container",
-            pos: "absolute",
-            top: 2,
-            zIndex: "banner",
-            right: 2,
-            bg: "background",
-            borderRadius: "md",
-            onClick: (T) => T.stopPropagation(),
-            children: /* @__PURE__ */ e.jsx(
-              L,
-              {
-                overlayProps: u,
-                pinProps: j,
-                headerMenuProps: o,
-                isHovering: v,
-                setIsHovering: b
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          E,
-          {
-            avatarGroupProps: a,
-            isHoveringCard: v,
-            isCardPinned: z,
-            showNotificationIndicator: g,
-            ...i
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          K,
-          {
-            content: n,
-            contentProps: r,
-            contentMenu: s
-          }
-        ),
-        !!h?.length && /* @__PURE__ */ e.jsx(V, { tags: h }),
-        c && /* @__PURE__ */ e.jsx(D, { ...c })
-      ]
-    }
-  );
-};
-export {
-  se as C
-};
-//# sourceMappingURL=conversationCard.component-4W5BxL7U.js.map

package/dist/chunks/conversationCard.component-4W5BxL7U.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversationCard.component-4W5BxL7U.js","sources":["../../src/patterns/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n  avatars: React.ReactNode[];\n  max?: number;\n  onAvatarGroupClick?: (\n    e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n  ) => void;\n  tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n  avatars,\n  max = 1,\n  onAvatarGroupClick,\n  tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n  return (\n    <Tooltip label={tooltipLabel || \"\"} disabled={!tooltipLabel?.length}>\n      <Flex\n        className=\"ConversationCard__AvatarGroup\"\n        alignItems=\"flex-start\"\n        justifyContent=\"flex-start\"\n      >\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 } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n  Timestamp,\n  TimestampProps,\n} from \"patterns/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  ConversationCardAvatarGroup,\n  ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/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): React.JSX.Element => {\n  return (\n    <HStack\n      className=\"ConversationCard__Header\"\n      data-testid=\"kibble-conversation-card-header\"\n      justify=\"space-between\"\n      align=\"flex-start\"\n    >\n      <HStack\n        className=\"ConversationCard__Header--Left\"\n        data-testid=\"kibble-conversation-card-header-left\"\n        cursor=\"pointer\"\n      >\n        {avatarGroupProps && (\n          <ConversationCardAvatarGroup\n            {...avatarGroupProps}\n            tooltipLabel={avatarGroupProps?.tooltipLabel || title}\n          />\n        )}\n        <VStack\n          className=\"ConversationCard__HeaderText\"\n          data-testid=\"kibble-conversation-card-header-text\"\n          justify=\"center\"\n          align=\"left\"\n          gap=\"0\"\n        >\n          <Heading\n            className=\"ConversationCard__HeaderText--Title\"\n            data-testid=\"kibble-conversation-card-header-title\"\n            size=\"sm\"\n            truncated\n          >\n            {title}\n          </Heading>\n          {subtitle && (\n            <Text\n              className=\"ConversationCard__HeaderText--Subtitle\"\n              data-testid=\"kibble-conversation-card-header-subtitle\"\n              as=\"p\"\n              size=\"sm\"\n              variant=\"subtle\"\n              truncated\n            >\n              {subtitle}\n            </Text>\n          )}\n        </VStack>\n      </HStack>\n      <HStack\n        className=\"ConversationCard__Header--Right\"\n        data-testid=\"kibble-conversation-card-header-right\"\n        visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n        align=\"center\"\n        gap={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/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n  isOpenInOverlay?: boolean;\n  onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n  isPinned?: boolean;\n  onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n  overlayProps?: ConversationCardOverlayProps;\n  pinProps?: ConversationCardPinProps;\n  headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n  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): React.JSX.Element => {\n  const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n  const { isPinned, onTogglePin } = pinProps || {};\n  const { listProps } = headerMenuProps || {};\n  const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n  return (\n    <HStack\n      className=\"ConversationCard__Menu\"\n      data-testid=\"kibble-conversation-card-menu\"\n      gap={1}\n    >\n      {overlayProps && (\n        <Button\n          className=\"ConversationCard__OverlayButton\"\n          data-testid=\"conversation-card-overlay-icon-button\"\n          variant=\"secondarySubtle\"\n          borderRadius=\"sm\"\n          {...(isOpenInOverlay && { active: true })}\n          onClick={(): void => {\n            if (onOpenInOverlay) {\n              onOpenInOverlay();\n            }\n\n            if (isHovering) {\n              setIsHovering(false);\n            }\n          }}\n          iconName=\"popup\"\n          size=\"sm\"\n        />\n      )}\n      {pinProps && (\n        <Button\n          className=\"ConversationCard__PinButton\"\n          data-testid=\"conversation-card-pin-toggle-icon-button\"\n          variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n          borderRadius=\"sm\"\n          onClick={(): void => {\n            if (onTogglePin) {\n              onTogglePin(!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              iconName: \"dotsVertical\",\n              hideCaret: true,\n              padding: 0,\n            }\n          }\n          closeOnSelect={false}\n          lazyMount\n          {...headerMenuProps}\n          listProps={{\n            ...listProps,\n            menuItems: [\n              ...(pinProps\n                ? [\n                    {\n                      \"data-testid\":\n                        \"conversation-card-pin-toggle-dropdown-button\",\n                      label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n                      value: \"PinConversation\",\n                      variant: isPinned ? \"danger\" : \"default\",\n                      leftElement: (\n                        <Icon\n                          size=\"md\"\n                          variant={isPinned ? \"danger\" : \"default\"}\n                          name={pinIconName}\n                        />\n                      ),\n                      onSelect: (): void => {\n                        if (onTogglePin) {\n                          onTogglePin(!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 } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n  tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n  tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n  tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n  return (\n    <Box className=\"ConversationCard__Tags\" mt={3}>\n      <Wrap gap=\"6px\">\n        {tags.map((tag) => {\n          const { tooltipContent, ...rest } = tag;\n          let tagElement = (\n            <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n          );\n\n          if (tooltipContent) {\n            tagElement = (\n              <Tooltip label={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 React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n  iconProps?: IconProps;\n  content: React.ReactNode;\n  contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n  iconProps,\n  content,\n  contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n  const _content =\n    typeof content === \"string\" ? (\n      <Text\n        className=\"ConversationCard__FooterMessage\"\n        data-testid=\"kibble-conversation-card-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\n      className=\"ConversationCard__Footer\"\n      data-testid=\"kibble-conversation-card-footer\"\n      mt={3}\n      alignItems=\"center\"\n    >\n      {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n      {_content}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n  content?: React.ReactNode;\n  contentProps?: Omit<TextProps, \"children\">;\n  contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n  contentMenu,\n  content,\n  contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n  const _content =\n    typeof content === \"string\" ? (\n      <Text\n        className=\"ConversationCard__Content\"\n        data-testid=\"kibble-conversation-card-content\"\n        truncated\n        size=\"sm\"\n        {...contentProps}\n      >\n        {content}\n      </Text>\n    ) : (\n      content\n    );\n\n  return (\n    <HStack\n      className=\"ConversationCard__ContentContainer\"\n      data-testid=\"kibble-conversation-card-content-container\"\n      mt={3}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {_content}\n      {contentMenu && (\n        <Box\n          className=\"ConversationCard__ContentMenu\"\n          data-testid=\"kibble-conversation-card-content-menu\"\n          ml=\"auto\"\n        >\n          {contentMenu}\n        </Box>\n      )}\n    </HStack>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n  ConversationCardHeader,\n  ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n  ConversationCardButtons,\n  ConversationCardOverlayProps,\n  ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n  ConversationCardTag,\n  ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n  ConversationCardFooter,\n  ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n  ConversationCardContent,\n  ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n  allowHoverActions?: boolean;\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  footerProps?: ConversationCardFooterProps;\n  headerMenuProps?: MenuProps;\n  headerProps: ConversationCardHeaderProps;\n  active?: 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  active,\n  onClick,\n  overlayProps,\n  pinProps,\n  shouldPreservePosition = false,\n  showNotificationIndicator,\n  tags,\n}: ConversationCardProps): React.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=\"kibble-conversation-card\"\n      interactive\n      active={active}\n      size=\"sm\"\n      fullWidth\n      onClick={(): void => {\n        if (onClick) {\n          onClick();\n        }\n      }}\n      bg={\n        showNotificationIndicator || active || isHovering\n          ? \"background.default\"\n          : \"background.alphaContrast.pressed\"\n      }\n      onMouseEnter={(): void => {\n        if (allowHoverActions) {\n          setIsHovering(true);\n        }\n      }}\n      onMouseLeave={(): void => setIsHovering(false)}\n      pos=\"relative\"\n      css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n    >\n      {isHovering && (\n        <Box\n          className=\"ConversationCard__Menu--Container\"\n          data-testid=\"kibble-conversation-card-menu-container\"\n          pos=\"absolute\"\n          top={2}\n          zIndex=\"banner\"\n          right={2}\n          bg=\"background\"\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\n        content={content}\n        contentProps={contentProps}\n        contentMenu={contentMenu}\n      />\n      {!!tags?.length && <ConversationCardTags tags={tags} />}\n      {footerProps && <ConversationCardFooter {...footerProps} />}\n    </Card>\n  );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}

package/dist/chunks/conversationCard.component-CUbOAM9V.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-CsrlYH7V.js"),k=require("react"),N=require("./card.component-Cnr6Zyop.js"),z=require("./timestamp.component-DWrNidB0.js"),T=require("./notificationCounter.component-Dxb-ECNi.js"),j=require("./icon.component-DIxGH95k.js"),y=require("./heading.component-Bj-4SV0z.js"),C=require("./text.component-B_DmbhFY.js"),H=require("./avatar.component-CAP2ZsZn.js"),g=require("./tooltip.component-Cp8vLMVq.js"),r=require("./chakra-CQVPsvk3.js"),R=require("./button.component-BwdIs2R9.js"),S=require("./menu.component-B2DOV9XA.js"),q=require("./tag.component-C_XaxgGl.js"),I=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:o})=>e.jsxRuntimeExports.jsx(g.Tooltip,{label:o||"",disabled:!o?.length,children:e.jsxRuntimeExports.jsx(r.Flex,{className:"ConversationCard__AvatarGroup",alignItems:"flex-start",justifyContent:"flex-start",children:n&&t.length>n?e.jsxRuntimeExports.jsx(H.Avatar,{onClick:a=>{a.stopPropagation(),s&&s(a)},cursor:"pointer",name:t.length.toString(),showTooltip:!1}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.map(a=>a)})})}),B=({avatarGroupProps:t,timestampProps:n,isHoveringCard:s,isCardPinned:o,title:a,showNotificationIndicator:l,subtitle:c})=>e.jsxRuntimeExports.jsxs(r.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(r.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(I,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(r.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(y.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),c&&e.jsxRuntimeExports.jsx(C.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",as:"p",size:"sm",variant:"subtle",truncated:!0,children:c})]})]}),e.jsxRuntimeExports.jsxs(r.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(z.Timestamp,{...n}),l&&e.jsxRuntimeExports.jsx(r.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(T.NotificationCounter,{size:"xs"})}),o&&e.jsxRuntimeExports.jsx(r.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(j.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),F=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:o,setIsHovering:a})=>{const{isOpenInOverlay:l,onOpenInOverlay:c}=t||{},{isPinned:i,onTogglePin:d}=n||{},{listProps:x}=s||{},u=i?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(r.HStack,{className:"ConversationCard__Menu","data-testid":"kibble-conversation-card-menu",gap:1,children:[t&&e.jsxRuntimeExports.jsx(R.Button,{className:"ConversationCard__OverlayButton","data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",...l&&{active:!0},onClick:()=>{c&&c(),o&&a(!1)},iconName:"popup",size:"sm"}),n&&e.jsxRuntimeExports.jsx(R.Button,{className:"ConversationCard__PinButton","data-testid":"conversation-card-pin-toggle-icon-button",variant:i?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{d&&d(!i),o&&a(!1)},iconName:u,size:"sm"}),s&&e.jsxRuntimeExports.jsx(S.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...x,menuItems:[...n?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:`${i?"Unpin":"Pin"} Conversation`,value:"PinConversation",variant:i?"danger":"default",leftElement:e.jsxRuntimeExports.jsx(j.Icon,{size:"md",variant:i?"danger":"default",name:u}),onSelect:()=>{d&&d(!i)}}]:[],...x?.menuItems||[]]}})]})},W=({tags:t})=>e.jsxRuntimeExports.jsx(r.Box,{className:"ConversationCard__Tags",mt:3,children:e.jsxRuntimeExports.jsx(r.Wrap,{gap:"6px",children:t.map(n=>{const{tooltipContent:s,...o}=n;let a=e.jsxRuntimeExports.jsx(q.Tag,{...o,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(g.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(r.Box,{children:a})})),e.jsxRuntimeExports.jsx(r.WrapItem,{children:a},n.label)})})}),O=({iconProps:t,content:n,contentProps:s})=>{const o=typeof n=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{className:"ConversationCard__FooterMessage","data-testid":"kibble-conversation-card-footer-message",as:"p",size:"sm",variant:"subtle",...s,...t&&{ml:1},children:n}):n;return e.jsxRuntimeExports.jsxs(r.Flex,{className:"ConversationCard__Footer","data-testid":"kibble-conversation-card-footer",mt:3,alignItems:"center",children:[t&&e.jsxRuntimeExports.jsx(j.Icon,{size:"sm",variant:"subtle",...t}),o]})},w=({contentMenu:t,content:n,contentProps:s})=>{const o=typeof n=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(r.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[o,t&&e.jsxRuntimeExports.jsx(r.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},M=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:o,contentMenu:a,footerProps:l,headerMenuProps:c,headerProps:i,active:d,onClick:x,overlayProps:u,pinProps:v,shouldPreservePosition:E=!1,showNotificationIndicator:b,tags:_})=>{const{isPinned:h}=v||{},[m,p]=k.useState(!1);return e.jsxRuntimeExports.jsxs(N.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:d,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},bg:b||d||m?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&p(!0)},onMouseLeave:()=>p(!1),pos:"relative",css:{overflowAnchor:E?"auto":"none"},children:[m&&e.jsxRuntimeExports.jsx(r.Box,{className:"ConversationCard__Menu--Container","data-testid":"kibble-conversation-card-menu-container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background",borderRadius:"md",onClick:f=>f.stopPropagation(),children:e.jsxRuntimeExports.jsx(F,{overlayProps:u,pinProps:v,headerMenuProps:c,isHovering:m,setIsHovering:p})}),e.jsxRuntimeExports.jsx(B,{avatarGroupProps:n,isHoveringCard:m,isCardPinned:h,showNotificationIndicator:b,...i}),e.jsxRuntimeExports.jsx(w,{content:s,contentProps:o,contentMenu:a}),!!_?.length&&e.jsxRuntimeExports.jsx(W,{tags:_}),l&&e.jsxRuntimeExports.jsx(O,{...l})]})};exports.ConversationCard=M;
-//# sourceMappingURL=conversationCard.component-CUbOAM9V.js.map

package/dist/chunks/conversationCard.component-CUbOAM9V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversationCard.component-CUbOAM9V.js","sources":["../../src/patterns/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/patterns/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n  avatars: React.ReactNode[];\n  max?: number;\n  onAvatarGroupClick?: (\n    e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n  ) => void;\n  tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n  avatars,\n  max = 1,\n  onAvatarGroupClick,\n  tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n  return (\n    <Tooltip label={tooltipLabel || \"\"} disabled={!tooltipLabel?.length}>\n      <Flex\n        className=\"ConversationCard__AvatarGroup\"\n        alignItems=\"flex-start\"\n        justifyContent=\"flex-start\"\n      >\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 } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n  Timestamp,\n  TimestampProps,\n} from \"patterns/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  ConversationCardAvatarGroup,\n  ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/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): React.JSX.Element => {\n  return (\n    <HStack\n      className=\"ConversationCard__Header\"\n      data-testid=\"kibble-conversation-card-header\"\n      justify=\"space-between\"\n      align=\"flex-start\"\n    >\n      <HStack\n        className=\"ConversationCard__Header--Left\"\n        data-testid=\"kibble-conversation-card-header-left\"\n        cursor=\"pointer\"\n      >\n        {avatarGroupProps && (\n          <ConversationCardAvatarGroup\n            {...avatarGroupProps}\n            tooltipLabel={avatarGroupProps?.tooltipLabel || title}\n          />\n        )}\n        <VStack\n          className=\"ConversationCard__HeaderText\"\n          data-testid=\"kibble-conversation-card-header-text\"\n          justify=\"center\"\n          align=\"left\"\n          gap=\"0\"\n        >\n          <Heading\n            className=\"ConversationCard__HeaderText--Title\"\n            data-testid=\"kibble-conversation-card-header-title\"\n            size=\"sm\"\n            truncated\n          >\n            {title}\n          </Heading>\n          {subtitle && (\n            <Text\n              className=\"ConversationCard__HeaderText--Subtitle\"\n              data-testid=\"kibble-conversation-card-header-subtitle\"\n              as=\"p\"\n              size=\"sm\"\n              variant=\"subtle\"\n              truncated\n            >\n              {subtitle}\n            </Text>\n          )}\n        </VStack>\n      </HStack>\n      <HStack\n        className=\"ConversationCard__Header--Right\"\n        data-testid=\"kibble-conversation-card-header-right\"\n        visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n        align=\"center\"\n        gap={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/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n  isOpenInOverlay?: boolean;\n  onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n  isPinned?: boolean;\n  onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n  overlayProps?: ConversationCardOverlayProps;\n  pinProps?: ConversationCardPinProps;\n  headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n  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): React.JSX.Element => {\n  const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n  const { isPinned, onTogglePin } = pinProps || {};\n  const { listProps } = headerMenuProps || {};\n  const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n  return (\n    <HStack\n      className=\"ConversationCard__Menu\"\n      data-testid=\"kibble-conversation-card-menu\"\n      gap={1}\n    >\n      {overlayProps && (\n        <Button\n          className=\"ConversationCard__OverlayButton\"\n          data-testid=\"conversation-card-overlay-icon-button\"\n          variant=\"secondarySubtle\"\n          borderRadius=\"sm\"\n          {...(isOpenInOverlay && { active: true })}\n          onClick={(): void => {\n            if (onOpenInOverlay) {\n              onOpenInOverlay();\n            }\n\n            if (isHovering) {\n              setIsHovering(false);\n            }\n          }}\n          iconName=\"popup\"\n          size=\"sm\"\n        />\n      )}\n      {pinProps && (\n        <Button\n          className=\"ConversationCard__PinButton\"\n          data-testid=\"conversation-card-pin-toggle-icon-button\"\n          variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n          borderRadius=\"sm\"\n          onClick={(): void => {\n            if (onTogglePin) {\n              onTogglePin(!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              iconName: \"dotsVertical\",\n              hideCaret: true,\n              padding: 0,\n            }\n          }\n          closeOnSelect={false}\n          lazyMount\n          {...headerMenuProps}\n          listProps={{\n            ...listProps,\n            menuItems: [\n              ...(pinProps\n                ? [\n                    {\n                      \"data-testid\":\n                        \"conversation-card-pin-toggle-dropdown-button\",\n                      label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n                      value: \"PinConversation\",\n                      variant: isPinned ? \"danger\" : \"default\",\n                      leftElement: (\n                        <Icon\n                          size=\"md\"\n                          variant={isPinned ? \"danger\" : \"default\"}\n                          name={pinIconName}\n                        />\n                      ),\n                      onSelect: (): void => {\n                        if (onTogglePin) {\n                          onTogglePin(!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 } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n  tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n  tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n  tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n  return (\n    <Box className=\"ConversationCard__Tags\" mt={3}>\n      <Wrap gap=\"6px\">\n        {tags.map((tag) => {\n          const { tooltipContent, ...rest } = tag;\n          let tagElement = (\n            <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n          );\n\n          if (tooltipContent) {\n            tagElement = (\n              <Tooltip label={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 React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n  iconProps?: IconProps;\n  content: React.ReactNode;\n  contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n  iconProps,\n  content,\n  contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n  const _content =\n    typeof content === \"string\" ? (\n      <Text\n        className=\"ConversationCard__FooterMessage\"\n        data-testid=\"kibble-conversation-card-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\n      className=\"ConversationCard__Footer\"\n      data-testid=\"kibble-conversation-card-footer\"\n      mt={3}\n      alignItems=\"center\"\n    >\n      {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n      {_content}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n  content?: React.ReactNode;\n  contentProps?: Omit<TextProps, \"children\">;\n  contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n  contentMenu,\n  content,\n  contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n  const _content =\n    typeof content === \"string\" ? (\n      <Text\n        className=\"ConversationCard__Content\"\n        data-testid=\"kibble-conversation-card-content\"\n        truncated\n        size=\"sm\"\n        {...contentProps}\n      >\n        {content}\n      </Text>\n    ) : (\n      content\n    );\n\n  return (\n    <HStack\n      className=\"ConversationCard__ContentContainer\"\n      data-testid=\"kibble-conversation-card-content-container\"\n      mt={3}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {_content}\n      {contentMenu && (\n        <Box\n          className=\"ConversationCard__ContentMenu\"\n          data-testid=\"kibble-conversation-card-content-menu\"\n          ml=\"auto\"\n        >\n          {contentMenu}\n        </Box>\n      )}\n    </HStack>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n  ConversationCardHeader,\n  ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n  ConversationCardButtons,\n  ConversationCardOverlayProps,\n  ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n  ConversationCardTag,\n  ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n  ConversationCardFooter,\n  ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n  ConversationCardContent,\n  ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n  allowHoverActions?: boolean;\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  footerProps?: ConversationCardFooterProps;\n  headerMenuProps?: MenuProps;\n  headerProps: ConversationCardHeaderProps;\n  active?: 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  active,\n  onClick,\n  overlayProps,\n  pinProps,\n  shouldPreservePosition = false,\n  showNotificationIndicator,\n  tags,\n}: ConversationCardProps): React.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=\"kibble-conversation-card\"\n      interactive\n      active={active}\n      size=\"sm\"\n      fullWidth\n      onClick={(): void => {\n        if (onClick) {\n          onClick();\n        }\n      }}\n      bg={\n        showNotificationIndicator || active || isHovering\n          ? \"background.default\"\n          : \"background.alphaContrast.pressed\"\n      }\n      onMouseEnter={(): void => {\n        if (allowHoverActions) {\n          setIsHovering(true);\n        }\n      }}\n      onMouseLeave={(): void => setIsHovering(false)}\n      pos=\"relative\"\n      css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n    >\n      {isHovering && (\n        <Box\n          className=\"ConversationCard__Menu--Container\"\n          data-testid=\"kibble-conversation-card-menu-container\"\n          pos=\"absolute\"\n          top={2}\n          zIndex=\"banner\"\n          right={2}\n          bg=\"background\"\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\n        content={content}\n        contentProps={contentProps}\n        contentMenu={contentMenu}\n      />\n      {!!tags?.length && <ConversationCardTags tags={tags} />}\n      {footerProps && <ConversationCardFooter {...footerProps} />}\n    </Card>\n  );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}

package/dist/chunks/datePicker.component-BD8KEMtB.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-CsrlYH7V.js"),m=require("react"),l=require("./date-Du64Exix.js"),d=require("./chakra-CQVPsvk3.js"),K=require("./textInput.component-BVqlT4Cw.js"),U=require("./icon.component-DIxGH95k.js"),Q=require("./text.component-B_DmbhFY.js"),P=require("./button.component-BwdIs2R9.js"),$=require("./menu.component-B2DOV9XA.js"),re=require("./utils-oPvnvVmf.js");var L=(t=>(t.ShortDate="MM/dd/yyyy",t.LongDate="MMM dd yyyy",t.DayOfWeekDayOfMonth="eeee, MMMM do",t))(L||{}),j=(t=>(t.StartDate="startDate",t.EndDate="endDate",t))(j||{});const g=new Date,V=g.getFullYear(),se=g.getMonth(),ae=g,X=V-100,Z=V+5,W=L.ShortDate,ie={dateFormat:W,endDate:null,focusedInput:null,withDateRange:!1,maxYear:Z,minYear:X,startDate:null,onClose:()=>{throw new Error("onClose(): boolean not implemented")},setFocusedInput:()=>{throw new Error("setFocusedInput(): boolean not implemented")},focusedDate:g,firstDayOfWeek:void 0,activeMonths:[],isDateFocused:()=>{throw new Error("isDateFocused(): boolean not implemented")},isDateSelected:()=>{throw new Error("isDateSelected(): boolean not implemented")},isDateHovered:()=>{throw new Error("isDateHovered(): boolean not implemented")},isDateBlocked:()=>{throw new Error("isDateBlocked(): boolean not implemented")},isFirstOrLastSelectedDate:()=>{throw new Error("isFirstOrLastSelectedDate(): boolean not implemented")},onDateFocus:()=>{throw new Error("onDateFocus(): boolean not implemented")},onDateHover:()=>{throw new Error("onDateHover(): boolean not implemented")},onDateSelect:()=>{throw new Error("onDateSelect(): boolean not implemented")},goToPreviousMonths:()=>{throw new Error("goToPreviousMonths(): boolean not implemented")},goToNextMonths:()=>{throw new Error("goToNextMonths(): boolean not implemented")},goToDate:()=>{throw new Error("goToDate(): boolean not implemented")},clearDates:()=>{throw new Error("clearDates(): boolean not implemented")}},ee=m.createContext(ie),C=()=>m.useContext(ee),ce=({children:t,dateFormat:n=W,endDate:x,inputProps:s,maxDate:c,maxDaysInRange:a,maxYear:u,minDate:D,minYear:k,onDateChange:p,placement:y="bottom",startDate:b,withDateRange:f})=>{const[r,i]=m.useState({startDate:b,endDate:x||b,focusedInput:null}),h=m.useCallback(o=>{if(a&&o)return l.add(o,{days:a});if(c)return c},[c,a]),E=o=>{if(!o)return;o.endDate||(o.endDate=o.startDate);const _=h(o.startDate);o.endDate&&_&&l.isAfter(o.endDate,_)&&(o.endDate=null),o.startDate=o.startDate?l.startOfDay(o.startDate):o.startDate,o.endDate=o.endDate?l.endOfDay(o.endDate):o.endDate,i({...o,focusedInput:o.focusedInput||j.StartDate}),!f&&p&&p(o)},R=m.useCallback(({open:o})=>{i({startDate:null,endDate:null,focusedInput:o?j.StartDate:null})},[]),{activeMonths:v,firstDayOfWeek:S,focusedDate:B,goToDate:M,goToNextMonths:F,goToPreviousMonths:I,isDateBlocked:O,isDateFocused:H,isDateHovered:Y,isDateSelected:z,isFirstOrLastSelectedDate:T,onDateFocus:G,onDateHover:N,onDateSelect:q}=l.Ye({endDate:r.endDate,focusedInput:r.focusedInput,initialVisibleMonth:r.startDate||g,maxBookingDate:f&&r.focusedInput===j.StartDate?void 0:h(r.startDate),minBookingDate:D,minBookingDays:1,numberOfMonths:1,onDatesChange:E,startDate:r.startDate,...!f&&{exactMinBookingDays:!0}}),J=m.useCallback(o=>{o===j.EndDate&&r.endDate?M(r.endDate):r.startDate&&M(r.startDate)},[M,r.endDate,r.startDate]),w=m.useCallback(o=>{i(_=>({..._,focusedInput:o})),J(o)},[J]),te=()=>{s?.disabled||(!r.startDate||!f)&&w(j.StartDate)},oe=m.useCallback(()=>{w(null),f&&p&&setTimeout(()=>{p({startDate:r.startDate,endDate:r.endDate})},200)},[f,p,w,r.endDate,r.startDate]),ne=m.useMemo(()=>v[0],[v]);return m.useEffect(()=>{i(o=>({...o,startDate:b,endDate:x||b}))},[b,x]),e.jsxRuntimeExports.jsx(ee.Provider,{value:{activeMonth:ne,activeMonths:v,dateFormat:n||W,endDate:r.endDate||null,firstDayOfWeek:S,focusedDate:B||ae,focusedInput:r.focusedInput,goToDate:M,goToNextMonths:F,goToPreviousMonths:I,setFocusedInput:w,isDateBlocked:O,isDateFocused:H,isDateHovered:Y,withDateRange:f||!1,isDateSelected:z,isFirstOrLastSelectedDate:T,maxDate:c,maxYear:u||Z,minDate:D,minYear:k||X,onDateChange:p,onDateFocus:G,onDateHover:N,onDateSelect:q,startDate:r.startDate,onClose:oe,clearDates:R},children:e.jsxRuntimeExports.jsx(d.PopoverRoot,{onOpenChange:({open:o})=>{o?te():w(null)},positioning:{placement:y},variant:"default",children:t})})},le=(t,n)=>n?l.isAfter(t,n):!0,de=(t,n)=>n?l.isBefore(t,n):!0;function ue({inputProps:t}){const{setFocusedInput:n,startDate:x,endDate:s,focusedInput:c,dateFormat:a,withDateRange:u,minDate:D,maxDate:k,onDateChange:p,onDateSelect:y,onClose:b}=C(),{open:f,setOpen:r}=e.usePopoverContext(),i=t?.size||"md",h=R=>{R.key==="Enter"&&f&&(r(!1),b(),R.preventDefault(),R.stopPropagation())},E=R=>{const v=R.target.value,S=l.xt(v,a,g);v.length===a.length&&l.isDate(S)&&le(S,D)&&de(S,k)&&y(S),!v.length&&p&&p({startDate:null,endDate:null})};return e.jsxRuntimeExports.jsxs(d.HStack,{w:"100%",className:"DatePicker__Trigger","data-testid":"kibble-datepicker-trigger",children:[e.jsxRuntimeExports.jsx(K.WrappedTextInput,{className:"DatePicker__Input--Start","data-testid":"kibble-datepicker-input-start",autoComplete:"off",rightElement:e.jsxRuntimeExports.jsx(d.Flex,{...!t?.disabled&&{onClick:()=>n(j.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(U.Icon,{name:"calendarDate",size:i})}),value:l.Ue(x,a,""),onChange:E,onKeyDown:h,...!t?.disabled&&{onFocus:()=>{n(j.StartDate)}},placeholder:l.format(g,a).toString(),...c===j.StartDate&&{"data-focus":!0},...t}),u&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(Q.WrappedText,{children:" - "}),e.jsxRuntimeExports.jsx(K.WrappedTextInput,{className:"DatePicker__Input--End","data-testid":"kibble-datepicker-input-end",rightElement:e.jsxRuntimeExports.jsx(d.Flex,{...!t?.disabled&&{onClick:()=>n(j.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(U.Icon,{name:"calendarDate",size:i})}),value:l.Ue(s,a,""),onChange:E,...!t?.disabled&&{onFocus:()=>n(j.EndDate)},onKeyDown:h,placeholder:l.format(g,a).toString(),...c===j.EndDate&&{"data-focus":!0},...t})]})]})}function pe({buttonText:t="Apply",onSubmit:n,hideResetButton:x}){const{startDate:s,endDate:c,onClose:a,clearDates:u}=C(),{open:D,setOpen:k}=e.usePopoverContext(),p=m.useCallback(()=>{k(!1),a(),n&&n({startDate:s,endDate:c})},[k,a,n,s,c]);return e.jsxRuntimeExports.jsxs(d.HStack,{w:"100%",justify:x?"end":"space-between",align:"center",borderTop:"1px",borderColor:"border.default",px:3,py:2,children:[!x&&e.jsxRuntimeExports.jsx(P.Button,{size:"sm",variant:"ghostNeutral",onClick:()=>u({open:D}),children:"Clear Dates"}),e.jsxRuntimeExports.jsx(P.Button,{size:"sm",onClick:p,children:t})]})}const A=["January","February","March","April","May","June","July","August","September","October","November","December"];function xe(){const t=m.useRef(null),n=m.useRef(null),{focusedDate:x,activeMonth:s,minYear:c,maxYear:a,goToDate:u,goToNextMonths:D,goToPreviousMonths:k}=C(),p=m.useMemo(()=>A.map((i,h)=>({label:i,value:String(h),selected:h===s?.month})),[s?.month]),y=m.useMemo(()=>re.range(c,a+1).map(i=>{const h=String(i),E=i===s?.year;return{label:h,value:h,selected:E,...E&&{ref:n}}}),[s?.year,a,c]),b=i=>u(l.set(x||g,{month:Number(i),year:s?.year})),f=i=>u(l.set(x||g,{month:s?.month,year:Number(i)})),r=({type:i})=>{setTimeout(()=>{const h=i==="year"?n?.current:t?.current;h&&h.scrollIntoView({block:"center"})})};return e.jsxRuntimeExports.jsxs(d.HStack,{className:"DatePicker__Header","data-testid":"kibble-datepicker-header",w:"100%",justify:"space-between",borderBottom:"1px",borderColor:"border.default",py:2,px:3,children:[e.jsxRuntimeExports.jsx(P.Button,{iconName:"chevronLeft",onClick:k,variant:"ghostNeutral",size:"sm"}),e.jsxRuntimeExports.jsxs(d.Center,{gap:2,h:"100%",children:[e.jsxRuntimeExports.jsx($.Menu,{"data-testid":"kibble-datepicker-month-menu",buttonProps:{variant:"tertiary",text:A[s?.month||0],size:"sm"},listProps:{menuItems:p,onSelect:b,maxH:250},onOpenChange:({open:i})=>{i&&r({type:"month"})}}),e.jsxRuntimeExports.jsx($.Menu,{"data-testid":"kibble-datepicker-year-menu",buttonProps:{variant:"tertiary",text:String(s?.year),size:"sm"},listProps:{menuItems:y,onSelect:f,maxH:250},onOpenChange:({open:i})=>{i&&r({type:"year"})}})]}),e.jsxRuntimeExports.jsx(P.Button,{iconName:"chevronRight",onClick:D,variant:"ghostNeutral",size:"sm"})]})}const me=["root","indicator"],De={default:{root:{borderColor:"transparent",_hover:{bg:"background.secondaryAlpha.hover"}}},disabled:{root:{bg:"background.subtle",borderColor:"transparent",cursor:"not-allowed",opacity:.4}},inRange:{root:{bg:"background.secondaryAlpha.hover",borderColor:"transparent",borderRadius:"none",color:"text.info"}},selectedEnd:{root:{borderColor:"border.focus",color:"text.info"}},selectedStart:{root:{bg:"background.secondary",borderColor:"border.focus",color:"text.contrast",_hover:{bg:"background.secondary"}}}},he=d.defineSlotRecipe({slots:me,base:{indicator:{position:"absolute",h:6,right:-4,top:-4,transform:"rotate(45deg)",w:6},root:{border:"2px",borderRadius:"4px",color:"text.subtle",cursor:"pointer",fontSize:"sm",fontWeight:"normal !important",position:"relative",px:3,py:1,overflow:"hidden"}},variants:{variant:De,isToday:{true:{indicator:{bg:"background.secondary"}},false:{}},withDateRange:{true:{},false:{}}},compoundVariants:[{variant:"selectedStart",isToday:!0,css:{indicator:{bg:"background"}}},{withDateRange:!0,variant:"selectedStart",css:{root:{borderRightRadius:0}}},{withDateRange:!0,variant:"selectedEnd",css:{root:{borderLeftRadius:0}}}],defaultVariants:{}}),fe=({dayLabel:t,date:n,onDaySelected:x})=>{const s=new Date,c=m.useRef(null),{startDate:a,endDate:u,dateFormat:D,withDateRange:k}=C(),p=m.useMemo(()=>({currentDay:l.format(n,D),startDate:a&&l.format(a,D),endDate:u&&l.format(u,D)}),[n,D,u,a]),y=p.currentDay===p.startDate,b=p.currentDay===p.endDate,f=p.currentDay===l.format(s,D),{focusedDate:r,isDateFocused:i,isDateSelected:h,isDateHovered:E,isDateBlocked:R,isFirstOrLastSelectedDate:v,onDateSelect:S,onDateFocus:B,onDateHover:M}=C(),{disabledDate:F,isSelected:I,onClick:O,onKeyDown:H,onMouseEnter:Y,tabIndex:z}=l.Ne({date:n,focusedDate:r,isDateFocused:i,isDateSelected:h,isDateHovered:E,isDateBlocked:R,isFirstOrLastSelectedDate:v,onDateFocus:B,onDateSelect:S,onDateHover:M}),T=m.useMemo(()=>{switch(!0){case F:return"disabled";case y:return"selectedStart";case b:return"selectedEnd";case(I&&!y&&!b):return"inRange";default:return"default"}},[F,b,y,I]),N=d.useSlotRecipe({recipe:he})({variant:T,isToday:f,withDateRange:k});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const q=()=>{T!=="disabled"&&(O(),x())};return e.jsxRuntimeExports.jsxs(P.Button,{className:"DatePicker__Day","data-testid":`kibble-datepicker-day--${p.currentDay}`,onClick:q,onKeyDown:H,onMouseEnter:Y,tabIndex:z,ref:c,unstyled:!0,css:N.root,children:[f&&e.jsxRuntimeExports.jsx(d.Box,{css:N.indicator}),t]})},be=({onDaySelected:t})=>{const n=m.useRef(null),{firstDayOfWeek:x,activeMonth:s}=C(),{days:c,weekdayLabels:a}=l.de({year:s?.year||V,month:s?.month!==void 0?s.month:se,firstDayOfWeek:x});return e.jsxRuntimeExports.jsxs(d.Box,{ref:n,className:"DatePicker__Month","data-testid":"kibble-datepicker-month",children:[e.jsxRuntimeExports.jsx(d.Grid,{templateColumns:"repeat(7, 1fr)",my:2,children:a.map(u=>e.jsxRuntimeExports.jsx(d.GridItem,{children:e.jsxRuntimeExports.jsx(d.Center,{children:e.jsxRuntimeExports.jsx(Q.WrappedText,{size:"xs",variant:"subtle",children:u})})},u))}),e.jsxRuntimeExports.jsx(d.Grid,{templateColumns:"repeat(7, 1fr)",children:c.map((u,D)=>typeof u=="object"?e.jsxRuntimeExports.jsx(fe,{date:u.date,dayLabel:u.dayLabel,onDaySelected:t},u.date.toString()):e.jsxRuntimeExports.jsx("div",{},D))})]})};function je(){const{withDateRange:t,activeMonths:n,onClose:x}=C(),{setOpen:s}=e.usePopoverContext(),c=()=>{t||(s(!1),x())};return e.jsxRuntimeExports.jsx(d.Grid,{className:"DatePicker__Calendar","data-testid":"kibble-datepicker-calendar",gap:"0 64px",px:3,py:2,children:n.map(a=>e.jsxRuntimeExports.jsx(be,{onDaySelected:c},`${a.year}-${a.month}`))})}const ke=t=>{const{footerProps:n,hideFooter:x=!1,inputProps:s,withDateRange:c=!1}=t;return e.jsxRuntimeExports.jsxs(ce,{...t,children:[e.jsxRuntimeExports.jsx(d.PopoverTrigger,{children:e.jsxRuntimeExports.jsx(ue,{inputProps:s})}),e.jsxRuntimeExports.jsx(e.Portal,{children:e.jsxRuntimeExports.jsx(d.PopoverPositioner,{className:"DatePicker","data-testid":"kibble-datepicker",children:e.jsxRuntimeExports.jsxs(d.PopoverContent,{className:"DatePicker__Content","data-testid":"kibble-datepicker-content",minW:"340px",children:[e.jsxRuntimeExports.jsx(d.PopoverArrow,{}),e.jsxRuntimeExports.jsxs(d.PopoverBody,{p:"0 !important",children:[e.jsxRuntimeExports.jsx(xe,{}),e.jsxRuntimeExports.jsx(je,{}),c&&!x&&e.jsxRuntimeExports.jsx(pe,{...n})]})]})})})]})};exports.DateFormats=L;exports.DatePicker=ke;exports.monthNames=A;
-//# sourceMappingURL=datePicker.component-BD8KEMtB.js.map