@televet/kibble-ui 4.0.0-beta.1 → 4.0.0-beta.10

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

@@ -0,0 +1,383 @@
+import { x as e } from "./vendor-BBfll6i3.js";
+import { useState as y } from "react";
+import { C as I } from "./card.component-HX-4Y0j7.js";
+import { T as H } from "./timestamp.component-D764INLm.js";
+import { N as S } from "./notificationCounter.component-CSuqzMTF.js";
+import { I as p } from "./icon.component-B-BWWGO3.js";
+import { W as B } from "./heading.component-B8niLTxz.js";
+import { W as x } from "./text.component-XYjOAc2s.js";
+import { A as W } from "./avatar.component-DzvE2D-d.js";
+import { T as N } from "./tooltip.component-C3v2m2T2.js";
+import { F as f, s as m, V as F, B as C, aI as O, aJ as R } from "./chakra-BqBkjpvZ.js";
+import { B as _ } from "./button.component-BiW8RE1U.js";
+import { M } from "./menu.component-CR9SH_jk.js";
+import { T as w } from "./tag.component-A__B03TA.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(
+      W,
+      {
+        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(
+              F,
+              {
+                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(S, { 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(O, { 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(R, { 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
+      ]
+    }
+  );
+}, J = ({
+  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(
+    I,
+    {
+      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(
+          J,
+          {
+            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-DKIHpfpL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversationCard.component-DKIHpfpL.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-BthgWsMj.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./vendor-D-x6W6ez.js"),m=require("react"),l=require("./date-Du64Exix.js"),d=require("./chakra-DmF8Cxqs.js"),J=require("./textInput.component-CdPvTnhj.js"),K=require("./icon.component-Bmtf4XKw.js"),Q=require("./text.component-CBa_saMP.js"),P=require("./button.component-Dufh_y5v.js"),U=require("./menu.component-BEj878EN.js");var A=(t=>(t.ShortDate="MM/dd/yyyy",t.LongDate="MMM dd yyyy",t.DayOfWeekDayOfMonth="eeee, MMMM do",t))(A||{}),j=(t=>(t.StartDate="startDate",t.EndDate="endDate",t))(j||{});const g=new Date,L=g.getFullYear(),re=g.getMonth(),se=g,X=L-100,Z=L+5,q=A.ShortDate,ae={dateFormat:q,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(ae),C=()=>m.useContext(ee),ie=({children:t,dateFormat:n=q,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:V,onDateHover:N,onDateSelect:W}=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}}),G=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})),G(o)},[G]),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||q,endDate:r.endDate||null,firstDayOfWeek:S,focusedDate:B||se,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:V,onDateHover:N,onDateSelect:W,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})})},ce=(t,n)=>n?l.isAfter(t,n):!0,le=(t,n)=>n?l.isBefore(t,n):!0;function de({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)&&ce(S,D)&&le(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(J.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(K.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(J.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(K.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 ue({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 $=["January","February","March","April","May","June","July","August","September","October","November","December"];function pe(){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(()=>$.map((i,h)=>({label:i,value:String(h),selected:h===s?.month})),[s?.month]),y=m.useMemo(()=>e.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(U.Menu,{"data-testid":"kibble-datepicker-month-menu",buttonProps:{variant:"tertiary",text:$[s?.month||0],size:"sm"},listProps:{menuItems:p,onSelect:b,maxH:250},onOpenChange:({open:i})=>{i&&r({type:"month"})}}),e.jsxRuntimeExports.jsx(U.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 xe=["root","indicator"],me={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"}}}},De=d.defineSlotRecipe({slots:xe,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:me,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:{}}),he=({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:De})({variant:T,isToday:f,withDateRange:k});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const W=()=>{T!=="disabled"&&(O(),x())};return e.jsxRuntimeExports.jsxs(P.Button,{className:"DatePicker__Day","data-testid":`kibble-datepicker-day--${p.currentDay}`,onClick:W,onKeyDown:H,onMouseEnter:Y,tabIndex:z,ref:c,unstyled:!0,css:N.root,children:[f&&e.jsxRuntimeExports.jsx(d.Box,{css:N.indicator}),t]})},fe=({onDaySelected:t})=>{const n=m.useRef(null),{firstDayOfWeek:x,activeMonth:s}=C(),{days:c,weekdayLabels:a}=l.de({year:s?.year||L,month:s?.month!==void 0?s.month:re,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(he,{date:u.date,dayLabel:u.dayLabel,onDaySelected:t},u.date.toString()):e.jsxRuntimeExports.jsx("div",{},D))})]})};function be(){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(fe,{onDaySelected:c},`${a.year}-${a.month}`))})}const je=t=>{const{footerProps:n,hideFooter:x=!1,inputProps:s,withDateRange:c=!1}=t;return e.jsxRuntimeExports.jsxs(ie,{...t,children:[e.jsxRuntimeExports.jsx(d.PopoverTrigger,{children:e.jsxRuntimeExports.jsx(de,{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(pe,{}),e.jsxRuntimeExports.jsx(be,{}),c&&!x&&e.jsxRuntimeExports.jsx(ue,{...n})]})]})})})]})};exports.DateFormats=A;exports.DatePicker=je;
+//# sourceMappingURL=datePicker.component-BthgWsMj.js.map

package/dist/chunks/datePicker.component-BthgWsMj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.component-BthgWsMj.js","sources":["../../src/components/DatePicker/datePicker.types.ts","../../src/components/DatePicker/context/datePicker.context.tsx","../../src/components/DatePicker/context/datePicker.provider.tsx","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.records.ts","../../src/components/DatePicker/components/DatePickerHeader/datePickerHeader.component.tsx","../../src/components/DatePicker/components/DatePickerDay/datePickerCalendarDay.recipe.ts","../../src/components/DatePicker/components/DatePickerDay/datePickerCalendarDay.component.tsx","../../src/components/DatePicker/components/DatePickerMonth/datePickerCalendarMonth.component.tsx","../../src/components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["export enum DateFormats {\n  \"ShortDate\" = \"MM/dd/yyyy\",\n  \"LongDate\" = \"MMM dd yyyy\",\n  \"DayOfWeekDayOfMonth\" = \"eeee, MMMM do\",\n}\n\nexport interface DateRange {\n  startDate: Date | null;\n  endDate?: Date | null;\n}\n","import { FirstDayOfWeek, MonthType } from \"@datepicker-react/hooks\";\nimport { useContext, createContext } from \"react\";\nimport { DateFormats, DateRange } from \"../datePicker.types\";\n\nexport enum FocusedInput {\n  StartDate = \"startDate\",\n  EndDate = \"endDate\",\n}\n\nexport interface IDatePickerContext {\n  activeMonth?: MonthType;\n  dateFormat: DateFormats | string;\n  endDate: Date | null;\n  focusedInput: FocusedInput | null;\n  setFocusedInput: (focusedInput: FocusedInput | null) => void;\n  withDateRange: boolean;\n  maxDate?: Date;\n  maxYear: number;\n  minDate?: Date;\n  minYear: number;\n  onDateChange?: ({ startDate, endDate }: DateRange) => void;\n  startDate: Date | null;\n  onClose: () => void;\n  clearDates: ({ open }: { open?: boolean }) => void;\n  // The following are all values returned by the datepicker-react useDatePicker hook\n  // Setting them here in our own context to be referenced in child components\n  focusedDate: Date | null;\n  firstDayOfWeek?: FirstDayOfWeek;\n  activeMonths: MonthType[];\n  isDateFocused: (date: Date) => boolean;\n  isDateSelected: (date: Date) => boolean;\n  isDateHovered: (date: Date) => boolean;\n  isDateBlocked: (date: Date) => boolean;\n  isFirstOrLastSelectedDate: (date: Date) => boolean;\n  onDateFocus: (date: Date) => void;\n  onDateHover: (date: Date | null) => void;\n  onDateSelect: (date: Date) => void;\n  goToPreviousMonths: () => void;\n  goToNextMonths: () => void;\n  goToDate: (date: Date) => void;\n}\n\nexport const today = new Date();\nexport const currentYear = today.getFullYear();\nexport const currentMonth = today.getMonth();\n\nexport const defaultFocusedDate = today;\nexport const defaultMinYear = currentYear - 100;\nexport const defaultMaxYear = currentYear + 5;\nexport const defaultDateFormat = DateFormats.ShortDate;\n\nconst initialDatePickerState: IDatePickerContext = {\n  dateFormat: defaultDateFormat,\n  endDate: null,\n  focusedInput: null,\n  withDateRange: false,\n  maxYear: defaultMaxYear,\n  minYear: defaultMinYear,\n  startDate: null,\n  onClose: (): void => {\n    throw new Error(\"onClose(): boolean not implemented\");\n  },\n  setFocusedInput: (): void => {\n    throw new Error(\"setFocusedInput(): boolean not implemented\");\n  },\n  focusedDate: today,\n  firstDayOfWeek: undefined,\n  activeMonths: [],\n  isDateFocused: (): boolean => {\n    throw new Error(\"isDateFocused(): boolean not implemented\");\n  },\n  isDateSelected: (): boolean => {\n    throw new Error(\"isDateSelected(): boolean not implemented\");\n  },\n  isDateHovered: (): boolean => {\n    throw new Error(\"isDateHovered(): boolean not implemented\");\n  },\n  isDateBlocked: (): boolean => {\n    throw new Error(\"isDateBlocked(): boolean not implemented\");\n  },\n  isFirstOrLastSelectedDate: (): boolean => {\n    throw new Error(\"isFirstOrLastSelectedDate(): boolean not implemented\");\n  },\n  onDateFocus: (): void => {\n    throw new Error(\"onDateFocus(): boolean not implemented\");\n  },\n  onDateHover: (): void => {\n    throw new Error(\"onDateHover(): boolean not implemented\");\n  },\n  onDateSelect: (): Date => {\n    throw new Error(\"onDateSelect(): boolean not implemented\");\n  },\n  goToPreviousMonths: (): Date => {\n    throw new Error(\"goToPreviousMonths(): boolean not implemented\");\n  },\n  goToNextMonths: (): Date => {\n    throw new Error(\"goToNextMonths(): boolean not implemented\");\n  },\n  goToDate: (): Date => {\n    throw new Error(\"goToDate(): boolean not implemented\");\n  },\n  clearDates: (): void => {\n    throw new Error(\"clearDates(): boolean not implemented\");\n  },\n};\n\nexport const DatePickerContext = createContext<IDatePickerContext>(\n  initialDatePickerState,\n);\n\nexport const useDatePickerContext = (): IDatePickerContext =>\n  useContext<IDatePickerContext>(DatePickerContext);\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { DatePickerProps } from \"../datePicker.component\";\nimport { useDatepicker } from \"@datepicker-react/hooks\";\nimport {\n  DatePickerContext,\n  defaultDateFormat,\n  defaultFocusedDate,\n  defaultMaxYear,\n  defaultMinYear,\n  FocusedInput,\n  today,\n} from \"./datePicker.context\";\nimport startOfDay from \"date-fns/startOfDay\";\nimport endOfDay from \"date-fns/endOfDay\";\nimport add from \"date-fns/add\";\nimport isAfter from \"date-fns/isAfter\";\n\ntype DatePickerProviderProps = DatePickerProps & {\n  children: React.ReactNode;\n};\n\ninterface DatePickerInternalState {\n  startDate: Date | null;\n  endDate: Date | null;\n  focusedInput: FocusedInput | null;\n}\n\nexport const DatePickerProvider = ({\n  children,\n  dateFormat = defaultDateFormat,\n  endDate,\n  inputProps,\n  maxDate,\n  maxDaysInRange,\n  maxYear,\n  minDate,\n  minYear,\n  onDateChange,\n  placement = \"bottom\",\n  startDate,\n  withDateRange,\n}: DatePickerProviderProps): React.JSX.Element => {\n  const [state, setState] = useState<DatePickerInternalState>({\n    startDate,\n    endDate: endDate || startDate,\n    focusedInput: null,\n  });\n\n  /**\n   * Calculates the max booking date based on the following criteria:\n   * _maxDaysInRange_\n   * * should only ever be used by date ranges\n   * * should take precedence over the maxDate value\n   * * should use it's value plus the start date of the range to calculate the max date\n   * _maxDate_\n   * * can be passed to either a single date input or a date range\n   * * if provided it will be ignored if maxDaysInRange is passed\n   * If neither of these values is specified return undefined\n   */\n  const getMaxBookingDate = useCallback(\n    (startDate: Date | null) => {\n      if (maxDaysInRange && startDate) {\n        return add(startDate, { days: maxDaysInRange });\n      } else if (maxDate) {\n        return maxDate;\n      }\n\n      return;\n    },\n    [maxDate, maxDaysInRange],\n  );\n\n  const onDatesChange = (data: DatePickerInternalState): void => {\n    if (!data) {\n      return;\n    }\n\n    // Default the end date to the start date if no value is provided\n    if (!data.endDate) {\n      data.endDate = data.startDate;\n    }\n\n    // If end date exceeds new max booking date, reset the end date value\n    const _maxBookingDate = getMaxBookingDate(data.startDate);\n    if (\n      data.endDate &&\n      _maxBookingDate &&\n      isAfter(data.endDate, _maxBookingDate)\n    ) {\n      data.endDate = null;\n    }\n\n    // Set the start date to start of day and end date to end of day to create a range\n    data.startDate = data.startDate\n      ? startOfDay(data.startDate)\n      : data.startDate;\n    data.endDate = data.endDate ? endOfDay(data.endDate) : data.endDate;\n\n    setState({\n      ...data,\n      focusedInput: data.focusedInput || FocusedInput.StartDate,\n    });\n    if (!withDateRange && onDateChange) {\n      onDateChange(data);\n    }\n  };\n\n  const clearDates = useCallback(({ open }: { open?: boolean }) => {\n    setState({\n      startDate: null,\n      endDate: null,\n      focusedInput: open ? FocusedInput.StartDate : null,\n    });\n  }, []);\n\n  const {\n    activeMonths,\n    firstDayOfWeek,\n    focusedDate,\n    goToDate,\n    goToNextMonths,\n    goToPreviousMonths,\n    isDateBlocked,\n    isDateFocused,\n    isDateHovered,\n    isDateSelected,\n    isFirstOrLastSelectedDate,\n    onDateFocus,\n    onDateHover,\n    onDateSelect,\n  } = useDatepicker({\n    endDate: state.endDate,\n    focusedInput: state.focusedInput,\n    initialVisibleMonth: state.startDate || today,\n    // Only show max disabled dates for date range when focused on end date input\n    maxBookingDate:\n      withDateRange && state.focusedInput === FocusedInput.StartDate\n        ? undefined\n        : getMaxBookingDate(state.startDate),\n    minBookingDate: minDate,\n    minBookingDays: 1,\n    numberOfMonths: 1,\n    onDatesChange,\n    startDate: state.startDate,\n    ...(!withDateRange && { exactMinBookingDays: true }),\n  });\n\n  const navigateToFocusedInputDate = useCallback(\n    (focusedInput: FocusedInput | null) => {\n      if (focusedInput === FocusedInput.EndDate && state.endDate) {\n        goToDate(state.endDate);\n      } else if (state.startDate) {\n        goToDate(state.startDate);\n      }\n    },\n    [goToDate, state.endDate, state.startDate],\n  );\n\n  const setFocusedInput = useCallback(\n    (focusedInput: FocusedInput | null): void => {\n      setState((prevState) => ({ ...prevState, focusedInput }));\n      navigateToFocusedInputDate(focusedInput);\n    },\n    [navigateToFocusedInputDate],\n  );\n\n  const handleOpen = (): void => {\n    if (inputProps?.disabled) return;\n\n    // Default to start date input on open if no start date value has been set\n    if (!state.startDate || !withDateRange) {\n      setFocusedInput(FocusedInput.StartDate);\n    }\n  };\n\n  const handleClose = useCallback((): void => {\n    setFocusedInput(null);\n\n    if (withDateRange && onDateChange) {\n      setTimeout(() => {\n        onDateChange({ startDate: state.startDate, endDate: state.endDate });\n      }, 200);\n    }\n  }, [\n    withDateRange,\n    onDateChange,\n    setFocusedInput,\n    state.endDate,\n    state.startDate,\n  ]);\n\n  const activeMonth = useMemo(() => activeMonths[0], [activeMonths]);\n\n  // Listen for external changes to start and end dates and update internal state\n  useEffect(() => {\n    setState((prevState) => ({\n      ...prevState,\n      startDate,\n      endDate: endDate || startDate,\n    }));\n  }, [startDate, endDate]);\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        activeMonth,\n        activeMonths,\n        dateFormat: dateFormat || defaultDateFormat,\n        endDate: state.endDate || null,\n        firstDayOfWeek,\n        focusedDate: focusedDate || defaultFocusedDate,\n        focusedInput: state.focusedInput,\n        goToDate,\n        goToNextMonths,\n        goToPreviousMonths,\n        setFocusedInput,\n        isDateBlocked,\n        isDateFocused,\n        isDateHovered,\n        withDateRange: withDateRange || false,\n        isDateSelected,\n        isFirstOrLastSelectedDate,\n        maxDate,\n        maxYear: maxYear || defaultMaxYear,\n        minDate,\n        minYear: minYear || defaultMinYear,\n        onDateChange,\n        onDateFocus,\n        onDateHover,\n        onDateSelect,\n        startDate: state.startDate,\n        onClose: handleClose,\n        clearDates,\n      }}\n    >\n      <CPopover.Root\n        onOpenChange={({ open }) => {\n          if (open) {\n            handleOpen();\n          } else {\n            setFocusedInput(null);\n          }\n        }}\n        positioning={{ placement }}\n        variant=\"default\"\n      >\n        {children}\n      </CPopover.Root>\n    </DatePickerContext.Provider>\n  );\n};\n","import isAfter from \"date-fns/isAfter\";\nimport isBefore from \"date-fns/isBefore\";\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean =>\n  minDate ? isAfter(date, minDate) : true;\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean =>\n  maxDate ? isBefore(date, maxDate) : true;\n","import React, { ChangeEvent } from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport {\n  TextInput,\n  TextInputProps,\n} from \"components/TextInput/textInput.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Text } from \"components/Text/text.component\";\nimport isDate from \"date-fns/isDate\";\nimport { getInputValue, parseDate } from \"@datepicker-react/hooks\";\nimport { isDateAfterMin, isDateBeforeMax } from \"./datePickerInput.utils\";\nimport {\n  FocusedInput,\n  today,\n  useDatePickerContext,\n} from \"../../context/datePicker.context\";\nimport format from \"date-fns/format\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\n\ninterface DatePickerInputProps {\n  inputProps?: Omit<\n    TextInputProps,\n    \"onChange\" | \"value\" | \"isClearable\" | \"onClear\"\n  >;\n}\n\nexport function DatePickerInput({\n  inputProps,\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || \"md\";\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === \"Enter\" && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack\n      w=\"100%\"\n      className=\"DatePicker__Trigger\"\n      data-testid=\"kibble-datepicker-trigger\"\n    >\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid=\"kibble-datepicker-input-start\"\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, \"\")}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          \"data-focus\": true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid=\"kibble-datepicker-input-end\"\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, \"\")}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              \"data-focus\": true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from \"react\";\nimport { Button } from \"components/Button/button.component\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { DateRange } from \"../../datePicker.types\";\nimport { useDatePickerContext } from \"../../context/datePicker.context\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\n\nexport interface DatePickerFooterProps {\n  buttonText?: string;\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  hideResetButton?: boolean;\n}\n\nexport function DatePickerFooter({\n  buttonText = \"Apply\",\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, onClose, clearDates } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    setOpen(false);\n    onClose();\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [setOpen, onClose, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? \"end\" : \"space-between\"}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button\n          size=\"sm\"\n          variant=\"ghostNeutral\"\n          onClick={() => clearDates({ open })}\n        >\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","export const monthNames = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n","import React, { useMemo, useRef } from \"react\";\nimport { Menu, MenuItemProps } from \"components/Menu\";\nimport range from \"lodash-es/range\";\nimport { Button } from \"components/Button/button.component\";\nimport set from \"date-fns/set\";\nimport { today, useDatePickerContext } from \"../../context/datePicker.context\";\nimport { monthNames } from \"../../datePicker.records\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Center } from \"@chakra-ui/react/center\";\n\nexport function DatePickerHeader(): React.JSX.Element {\n  const selectedMonthRef = useRef<HTMLDivElement | null>(null);\n  const selectedYearRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    focusedDate,\n    activeMonth,\n    minYear,\n    maxYear,\n    goToDate,\n    goToNextMonths,\n    goToPreviousMonths,\n  } = useDatePickerContext();\n\n  const monthMenuItems: MenuItemProps[] = useMemo(\n    () =>\n      monthNames.map((month, index) => ({\n        label: month,\n        value: String(index),\n        selected: index === activeMonth?.month,\n      })),\n    [activeMonth?.month],\n  );\n\n  const yearMenuItems: MenuItemProps[] = useMemo(\n    () =>\n      range(minYear, maxYear + 1).map((year: number) => {\n        const stringYear = String(year);\n        const selected = year === activeMonth?.year;\n        return {\n          label: stringYear,\n          value: stringYear,\n          selected,\n          ...(selected && { ref: selectedYearRef }),\n        };\n      }),\n    [activeMonth?.year, maxYear, minYear],\n  );\n\n  const handleMonthChange = (selectedItem: string | undefined): void =>\n    goToDate(\n      set(focusedDate || today, {\n        month: Number(selectedItem),\n        year: activeMonth?.year,\n      }),\n    );\n\n  const handleYearChange = (selectedItem: string | undefined): void =>\n    goToDate(\n      set(focusedDate || today, {\n        month: activeMonth?.month,\n        year: Number(selectedItem),\n      }),\n    );\n\n  const scrollToSelectedItem = ({ type }: { type: \"month\" | \"year\" }): void => {\n    setTimeout(() => {\n      const selectedNode =\n        type === \"year\" ? selectedYearRef?.current : selectedMonthRef?.current;\n      if (selectedNode) {\n        selectedNode.scrollIntoView({ block: \"center\" });\n      }\n    });\n  };\n\n  return (\n    <HStack\n      className=\"DatePicker__Header\"\n      data-testid=\"kibble-datepicker-header\"\n      w=\"100%\"\n      justify=\"space-between\"\n      borderBottom=\"1px\"\n      borderColor=\"border.default\"\n      py={2}\n      px={3}\n    >\n      <Button\n        iconName=\"chevronLeft\"\n        onClick={goToPreviousMonths}\n        variant=\"ghostNeutral\"\n        size=\"sm\"\n      />\n      <Center gap={2} h=\"100%\">\n        <Menu\n          data-testid=\"kibble-datepicker-month-menu\"\n          buttonProps={{\n            variant: \"tertiary\",\n            text: monthNames[activeMonth?.month || 0],\n            size: \"sm\",\n          }}\n          listProps={{\n            menuItems: monthMenuItems,\n            onSelect: handleMonthChange,\n            maxH: 250,\n          }}\n          onOpenChange={({ open }) => {\n            if (open) scrollToSelectedItem({ type: \"month\" });\n          }}\n        />\n        <Menu\n          data-testid=\"kibble-datepicker-year-menu\"\n          buttonProps={{\n            variant: \"tertiary\",\n            text: String(activeMonth?.year),\n            size: \"sm\",\n          }}\n          listProps={{\n            menuItems: yearMenuItems,\n            onSelect: handleYearChange,\n            maxH: 250,\n          }}\n          onOpenChange={({ open }) => {\n            if (open) scrollToSelectedItem({ type: \"year\" });\n          }}\n        />\n      </Center>\n      <Button\n        iconName=\"chevronRight\"\n        onClick={goToNextMonths}\n        variant=\"ghostNeutral\"\n        size=\"sm\"\n      />\n    </HStack>\n  );\n}\n","import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { DayVariant } from \"./datePickerCalendarDay.types\";\n\ntype CalendarDaySlot = \"root\" | \"indicator\";\nconst calendarDaySlots: CalendarDaySlot[] = [\"root\", \"indicator\"] as const;\n\ntype CalendarDaySlotStyles = {\n  [key in CalendarDaySlot]?: SystemStyleObject;\n};\n\nconst datePickerCalendarDayVariantStyles: Record<\n  DayVariant,\n  CalendarDaySlotStyles\n> = {\n  default: {\n    root: {\n      borderColor: \"transparent\",\n      _hover: {\n        bg: \"background.secondaryAlpha.hover\",\n      },\n    },\n  },\n  disabled: {\n    root: {\n      bg: \"background.subtle\",\n      borderColor: \"transparent\",\n      cursor: \"not-allowed\",\n      opacity: 0.4,\n    },\n  },\n  inRange: {\n    root: {\n      bg: \"background.secondaryAlpha.hover\",\n      borderColor: \"transparent\",\n      borderRadius: \"none\",\n      color: \"text.info\",\n    },\n  },\n  selectedEnd: {\n    root: {\n      borderColor: \"border.focus\",\n      color: \"text.info\",\n    },\n  },\n  selectedStart: {\n    root: {\n      bg: \"background.secondary\",\n      borderColor: \"border.focus\",\n      color: \"text.contrast\",\n      _hover: {\n        bg: \"background.secondary\",\n      },\n    },\n  },\n};\n\nexport const datePickerCalendarDayRecipe = defineSlotRecipe({\n  slots: calendarDaySlots,\n  base: {\n    indicator: {\n      position: \"absolute\",\n      h: 6,\n      right: -4,\n      top: -4,\n      transform: \"rotate(45deg)\",\n      w: 6,\n    },\n    root: {\n      border: \"2px\",\n      borderRadius: \"4px\",\n      color: \"text.subtle\",\n      cursor: \"pointer\",\n      fontSize: \"sm\",\n      fontWeight: \"normal !important\",\n      position: \"relative\",\n      px: 3,\n      py: 1,\n      overflow: \"hidden\",\n    },\n  },\n  variants: {\n    variant: datePickerCalendarDayVariantStyles,\n    isToday: {\n      true: {\n        indicator: {\n          bg: \"background.secondary\",\n        },\n      },\n      false: {},\n    },\n    withDateRange: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"selectedStart\",\n      isToday: true,\n      css: {\n        indicator: {\n          bg: \"background\",\n        },\n      },\n    },\n    {\n      withDateRange: true,\n      variant: \"selectedStart\",\n      css: {\n        root: {\n          borderRightRadius: 0,\n        },\n      },\n    },\n    {\n      withDateRange: true,\n      variant: \"selectedEnd\",\n      css: {\n        root: {\n          borderLeftRadius: 0,\n        },\n      },\n    },\n  ],\n  defaultVariants: {},\n});\n","import React, { useRef, useMemo } from \"react\";\nimport { useDay } from \"@datepicker-react/hooks\";\nimport { useDatePickerContext } from \"../../context/datePicker.context\";\nimport { Button } from \"components/Button/button.component\";\nimport format from \"date-fns/format\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { DayVariant } from \"./datePickerCalendarDay.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { datePickerCalendarDayRecipe } from \"./datePickerCalendarDay.recipe\";\n\ninterface DayProps {\n  dayLabel: string;\n  date: Date;\n  onDaySelected: () => void;\n}\n\nexport const DatePickerCalendarDay = ({\n  dayLabel,\n  date,\n  onDaySelected,\n}: DayProps): React.JSX.Element => {\n  const today = new Date();\n  const dayRef = useRef<HTMLButtonElement>(null);\n  const { startDate, endDate, dateFormat, withDateRange } =\n    useDatePickerContext();\n  const formattedDates = useMemo(\n    () => ({\n      currentDay: format(date, dateFormat),\n      startDate: startDate && format(startDate, dateFormat),\n      endDate: endDate && format(endDate, dateFormat),\n    }),\n    [date, dateFormat, endDate, startDate],\n  );\n  const isRangeStart = formattedDates.currentDay === formattedDates.startDate;\n  const isRangeEnd = formattedDates.currentDay === formattedDates.endDate;\n  const isToday = formattedDates.currentDay === format(today, dateFormat);\n\n  const {\n    focusedDate,\n    isDateFocused,\n    isDateSelected,\n    isDateHovered,\n    isDateBlocked,\n    isFirstOrLastSelectedDate,\n    onDateSelect,\n    onDateFocus,\n    onDateHover,\n  } = useDatePickerContext();\n\n  const {\n    disabledDate,\n    isSelected,\n    onClick,\n    onKeyDown,\n    onMouseEnter,\n    tabIndex,\n  } = useDay({\n    date,\n    focusedDate,\n    isDateFocused,\n    isDateSelected,\n    isDateHovered,\n    isDateBlocked,\n    isFirstOrLastSelectedDate,\n    onDateFocus,\n    onDateSelect,\n    onDateHover,\n    dayRef: dayRef as React.RefObject<HTMLButtonElement>,\n  });\n\n  const buttonVariant = useMemo((): DayVariant => {\n    switch (true) {\n      case disabledDate:\n        return \"disabled\";\n      case isRangeStart:\n        return \"selectedStart\";\n      case isRangeEnd:\n        return \"selectedEnd\";\n      case isSelected && !isRangeStart && !isRangeEnd:\n        return \"inRange\";\n      default:\n        return \"default\";\n    }\n  }, [disabledDate, isRangeEnd, isRangeStart, isSelected]);\n\n  const recipe = useSlotRecipe({ recipe: datePickerCalendarDayRecipe });\n  const styles = recipe({ variant: buttonVariant, isToday, withDateRange });\n\n  if (!dayLabel) {\n    return <></>;\n  }\n\n  const onSelectDay = (): void => {\n    if (buttonVariant === \"disabled\") {\n      return;\n    }\n\n    onClick();\n    onDaySelected();\n  };\n\n  return (\n    <Button\n      className=\"DatePicker__Day\"\n      data-testid={`kibble-datepicker-day--${formattedDates.currentDay}`}\n      onClick={onSelectDay}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      tabIndex={tabIndex}\n      ref={dayRef}\n      unstyled\n      css={styles.root}\n    >\n      {isToday && <Box css={styles.indicator} />}\n      {dayLabel}\n    </Button>\n  );\n};\n","import React, { useRef } from \"react\";\nimport { useMonth } from \"@datepicker-react/hooks\";\nimport { Text } from \"components/Text/text.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Center } from \"@chakra-ui/react/center\";\nimport { Grid, GridItem } from \"@chakra-ui/react/grid\";\nimport { DatePickerCalendarDay } from \"../DatePickerDay/datePickerCalendarDay.component\";\nimport {\n  currentMonth,\n  currentYear,\n  useDatePickerContext,\n} from \"../../context/datePicker.context\";\n\nexport interface MonthProps {\n  onDaySelected: () => void;\n}\n\nexport const DatePickerCalendarMonth = ({\n  onDaySelected,\n}: MonthProps): React.JSX.Element => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const { firstDayOfWeek, activeMonth } = useDatePickerContext();\n\n  const { days, weekdayLabels } = useMonth({\n    year: activeMonth?.year || currentYear,\n    month: activeMonth?.month !== undefined ? activeMonth.month : currentMonth,\n    firstDayOfWeek,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      className=\"DatePicker__Month\"\n      data-testid=\"kibble-datepicker-month\"\n    >\n      <Grid templateColumns=\"repeat(7, 1fr)\" my={2}>\n        {weekdayLabels.map((weekdayLabel: string) => (\n          <GridItem key={weekdayLabel}>\n            <Center>\n              <Text size=\"xs\" variant=\"subtle\">\n                {weekdayLabel}\n              </Text>\n            </Center>\n          </GridItem>\n        ))}\n      </Grid>\n      <Grid templateColumns=\"repeat(7, 1fr)\">\n        {days.map((day, index) =>\n          typeof day === \"object\" ? (\n            <DatePickerCalendarDay\n              key={day.date.toString()}\n              date={day.date}\n              dayLabel={day.dayLabel}\n              onDaySelected={onDaySelected}\n            />\n          ) : (\n            <div key={index} />\n          ),\n        )}\n      </Grid>\n    </Box>\n  );\n};\n","import React from \"react\";\nimport { Grid } from \"@chakra-ui/react/grid\";\nimport { DatePickerCalendarMonth } from \"../DatePickerMonth/datePickerCalendarMonth.component\";\nimport { useDatePickerContext } from \"../../context/datePicker.context\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\n\nexport function DatePickerCalendar(): React.JSX.Element {\n  const { withDateRange, activeMonths, onClose } = useDatePickerContext();\n  const { setOpen } = usePopoverContext();\n\n  const handleDaySelected = (): void => {\n    if (!withDateRange) {\n      setOpen(false);\n      onClose();\n    }\n  };\n\n  return (\n    <Grid\n      className=\"DatePicker__Calendar\"\n      data-testid=\"kibble-datepicker-calendar\"\n      gap=\"0 64px\"\n      px={3}\n      py={2}\n    >\n      {activeMonths.map((month) => (\n        <DatePickerCalendarMonth\n          key={`${month.year}-${month.month}`}\n          onDaySelected={handleDaySelected}\n        />\n      ))}\n    </Grid>\n  );\n}\n","import React from \"react\";\nimport { DateFormats, DateRange } from \"./datePicker.types\";\nimport { TextInputProps } from \"components/TextInput/textInput.component\";\nimport { Placement } from \"shared/types/placement\";\nimport { DatePickerProvider } from \"./context/datePicker.provider\";\nimport { DatePickerInput } from \"./components/DatePickerInput/datePickerInput.component\";\nimport {\n  DatePickerFooter,\n  DatePickerFooterProps,\n} from \"./components/DatePickerFooter/datePickerFooter.component\";\nimport { DatePickerHeader } from \"./components/DatePickerHeader/datePickerHeader.component\";\nimport { DatePickerCalendar } from \"./components/DatePickerCalendar/datePickerCalendar.component\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { Portal } from \"@chakra-ui/react/portal\";\n\nexport interface DatePickerProps {\n  dateFormat?: string | DateFormats;\n  endDate?: Date | null;\n  footerProps?: DatePickerFooterProps;\n  hideFooter?: boolean;\n  inputProps?: Omit<\n    TextInputProps,\n    \"onChange\" | \"value\" | \"isClearable\" | \"onClear\"\n  >;\n  maxDate?: Date;\n  maxYear?: number;\n  maxDaysInRange?: number;\n  minDate?: Date;\n  minYear?: number;\n  onDateChange?: ({ startDate, endDate }: DateRange) => void;\n  placement?: Placement;\n  startDate: Date | null;\n  withDateRange?: boolean;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    withDateRange = false,\n  } = props;\n\n  return (\n    <DatePickerProvider {...props}>\n      <CPopover.Trigger>\n        <DatePickerInput inputProps={inputProps} />\n      </CPopover.Trigger>\n      <Portal>\n        <CPopover.Positioner\n          className=\"DatePicker\"\n          data-testid=\"kibble-datepicker\"\n        >\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid=\"kibble-datepicker-content\"\n            minW=\"340px\"\n          >\n            <CPopover.Arrow />\n            <CPopover.Body p=\"0 !important\">\n              <DatePickerHeader />\n              <DatePickerCalendar />\n              {withDateRange && !hideFooter && (\n                <DatePickerFooter {...footerProps} />\n              )}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["DateFormats","FocusedInput","today","currentYear","currentMonth","defaultFocusedDate","defaultMinYear","defaultMaxYear","defaultDateFormat","initialDatePickerState","DatePickerContext","createContext","useDatePickerContext","useContext","DatePickerProvider","children","dateFormat","endDate","inputProps","maxDate","maxDaysInRange","maxYear","minDate","minYear","onDateChange","placement","startDate","withDateRange","state","setState","useState","getMaxBookingDate","useCallback","add","onDatesChange","data","_maxBookingDate","isAfter","startOfDay","endOfDay","clearDates","open","activeMonths","firstDayOfWeek","focusedDate","goToDate","goToNextMonths","goToPreviousMonths","isDateBlocked","isDateFocused","isDateHovered","isDateSelected","isFirstOrLastSelectedDate","onDateFocus","onDateHover","onDateSelect","useDatepicker","navigateToFocusedInputDate","focusedInput","setFocusedInput","prevState","handleOpen","handleClose","activeMonth","useMemo","useEffect","jsx","CPopover.Root","isDateAfterMin","date","isDateBeforeMax","isBefore","DatePickerInput","onClose","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","isDate","jsxs","HStack","TextInput","Flex","Icon","getInputValue","format","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","handleSubmit","Button","monthNames","DatePickerHeader","selectedMonthRef","useRef","selectedYearRef","monthMenuItems","month","index","yearMenuItems","range","year","stringYear","selected","handleMonthChange","selectedItem","set","handleYearChange","scrollToSelectedItem","type","selectedNode","Center","Menu","calendarDaySlots","datePickerCalendarDayVariantStyles","datePickerCalendarDayRecipe","defineSlotRecipe","DatePickerCalendarDay","dayLabel","onDaySelected","dayRef","formattedDates","isRangeStart","isRangeEnd","isToday","disabledDate","isSelected","onClick","onMouseEnter","tabIndex","useDay","buttonVariant","styles","useSlotRecipe","onSelectDay","Box","DatePickerCalendarMonth","ref","days","weekdayLabels","useMonth","Grid","weekdayLabel","GridItem","day","DatePickerCalendar","handleDaySelected","DatePicker","props","footerProps","hideFooter","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Arrow","CPopover.Body"],"mappings":"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"}