@televet/kibble-ui 2.1.39 → 2.1.41

package/build/patterns/ConversationCard/components/conversationCardHeader.component.d.ts

@@ -0,0 +1,12 @@
+import { TimestampProps } from 'patterns/Timestamp';
+import { ConversationCardAvatarGroupProps } from './conversationCardAvatarGroup.component';
+export interface ConversationCardHeaderProps {
+    avatarGroupProps?: ConversationCardAvatarGroupProps;
+    showNotificationIndicator?: boolean;
+    isCardPinned?: boolean;
+    isHoveringCard?: boolean;
+    subtitle?: string;
+    timestampProps: TimestampProps;
+    title: string;
+}
+export declare const ConversationCardHeader: ({ avatarGroupProps, timestampProps, isHoveringCard, isCardPinned, title, showNotificationIndicator, subtitle, }: ConversationCardHeaderProps) => JSX.Element;

package/build/patterns/ConversationCard/components/conversationCardTags.component.d.ts

@@ -0,0 +1,8 @@
+import { TagProps } from '../../../components/Tag';
+export interface ConversationCardTag extends TagProps {
+    tooltipContent?: string;
+}
+export interface ConversationCardTagsProps {
+    tags: ConversationCardTag[];
+}
+export declare const ConversationCardTags: ({ tags }: ConversationCardTagsProps) => JSX.Element;

package/build/patterns/ConversationCard/conversationCard.argTypes.d.ts

@@ -0,0 +1,11 @@
+import { KibbleArgTypes } from '../../shared/types/storybook';
+import { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';
+import { ConversationCardPinProps } from './components/conversationCardButtons.component';
+import { ConversationCardFooterProps } from './components/conversationCardFooter.component';
+import { ConversationCardTagsProps } from './components/conversationCardTags.component';
+import { ConversationCardProps } from './conversationCard.component';
+export declare const tagsArgTypes: KibbleArgTypes<ConversationCardTagsProps>;
+export declare const conversationCardArgTypes: KibbleArgTypes<ConversationCardProps>;
+export declare const pinArgTypes: KibbleArgTypes<ConversationCardPinProps>;
+export declare const avatarGroupArgTypes: KibbleArgTypes<ConversationCardAvatarGroupProps>;
+export declare const footerArgTypes: KibbleArgTypes<ConversationCardFooterProps>;

package/build/patterns/ConversationCard/conversationCard.component.d.ts

@@ -0,0 +1,21 @@
+import { MenuProps } from '../../components/Menu';
+import { ConversationCardHeaderProps } from './components/conversationCardHeader.component';
+import { ConversationCardPinProps } from './components/conversationCardButtons.component';
+import { ConversationCardTag } from './components/conversationCardTags.component';
+import { ConversationCardFooterProps } from './components/conversationCardFooter.component';
+import { ConversationCardContentProps } from './components/conversationCardContent';
+import { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';
+export interface ConversationCardProps extends ConversationCardContentProps {
+    allowHoverActions?: boolean;
+    avatarGroupProps?: ConversationCardAvatarGroupProps;
+    footerProps?: ConversationCardFooterProps;
+    headerMenuProps?: MenuProps;
+    headerProps: ConversationCardHeaderProps;
+    isActive?: boolean;
+    onClick?: () => void;
+    pinProps?: ConversationCardPinProps;
+    shouldPreservePosition?: boolean;
+    showNotificationIndicator?: boolean;
+    tags?: ConversationCardTag[];
+}
+export declare const ConversationCard: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;

package/build/patterns/ConversationCard/conversationCard.stories.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { ConversationCardProps } from './conversationCard.component';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: {
+        onClick: import("@storybook/addons").ArgType<unknown>;
+        content: import("@storybook/addons").ArgType<unknown>;
+        isActive: import("@storybook/addons").ArgType<unknown>;
+        footerProps: import("@storybook/addons").ArgType<unknown>;
+        contentProps: import("@storybook/addons").ArgType<unknown>;
+        headerProps: import("@storybook/addons").ArgType<unknown>;
+        tags: import("@storybook/addons").ArgType<unknown>;
+        allowHoverActions: import("@storybook/addons").ArgType<unknown>;
+        avatarGroupProps: import("@storybook/addons").ArgType<unknown>;
+        headerMenuProps: import("@storybook/addons").ArgType<unknown>;
+        pinProps: import("@storybook/addons").ArgType<unknown>;
+        shouldPreservePosition: import("@storybook/addons").ArgType<unknown>;
+        showNotificationIndicator: import("@storybook/addons").ArgType<unknown>;
+        contentMenu: import("@storybook/addons").ArgType<unknown>;
+    };
+};
+export default _default;
+export declare const ConversationCardPlayground: {
+    (args: ConversationCardProps): JSX.Element;
+    args: ConversationCardProps;
+};

package/build/patterns/ConversationCard/conversationCard.storiesData.d.ts

@@ -0,0 +1,21 @@
+import { MenuProps } from '../../components/Menu';
+import { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';
+import { ConversationCardPinProps } from './components/conversationCardButtons.component';
+import { ConversationCardProps } from './conversationCard.component';
+export declare const baseConversationCardData: ConversationCardProps;
+export declare const avatarGroupData: ConversationCardAvatarGroupProps;
+export declare const conversationCardPinData: ConversationCardPinProps;
+export declare const conversationCardHeaderMenuData: MenuProps;
+export declare const statuses: {
+    groupLabel: string;
+    label: string;
+    value: string;
+    color: string;
+}[];
+export declare const initialStatusSelection: {
+    groupLabel: string;
+    label: string;
+    value: string;
+    color: string;
+};
+export declare const conversationCardContentMenuData: MenuProps;

package/build/patterns/ConversationCard/examples/withContentMenu.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { MenuProps } from '../../../components/Menu';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../../../components/Menu").KMenuProps>;
+};
+export default _default;
+export declare const WithContentMenu: {
+    (args: MenuProps): JSX.Element;
+    args: MenuProps;
+};

package/build/patterns/ConversationCard/examples/withFooter.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ConversationCardFooterProps } from '../components/conversationCardFooter.component';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<ConversationCardFooterProps>;
+};
+export default _default;
+export declare const WithFooter: {
+    (args: ConversationCardFooterProps): JSX.Element;
+    args: ConversationCardFooterProps;
+};

package/build/patterns/ConversationCard/examples/withHeaderMenu.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { MenuProps } from '../../../components/Menu';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../../../components/Menu").KMenuProps>;
+};
+export default _default;
+export declare const WithHeaderMenu: {
+    (args: MenuProps): JSX.Element;
+    args: MenuProps;
+};

package/build/patterns/ConversationCard/examples/withMultipleAvatars.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ConversationCardAvatarGroupProps } from '../components/conversationCardAvatarGroup.component';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<ConversationCardAvatarGroupProps>;
+};
+export default _default;
+export declare const WithMultipleAvatarsGroup: {
+    (args: ConversationCardAvatarGroupProps): JSX.Element;
+    args: ConversationCardAvatarGroupProps;
+};

package/build/patterns/ConversationCard/examples/withPin.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ConversationCardPinProps } from '../components/conversationCardButtons.component';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<ConversationCardPinProps>;
+};
+export default _default;
+export declare const WithPin: {
+    (args: ConversationCardPinProps): JSX.Element;
+    args: ConversationCardPinProps;
+};

package/build/patterns/ConversationCard/examples/withPinAndMenu.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ConversationCardProps } from '../conversationCard.component';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<ConversationCardProps>;
+};
+export default _default;
+export declare const WithPinAndMenu: {
+    (args: ConversationCardProps): JSX.Element;
+    args: ConversationCardProps;
+};

package/build/patterns/ConversationCard/examples/withTags.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ConversationCardTag } from '../components/conversationCardTags.component';
+declare const _default: {
+    title: string;
+    component: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, isActive, onClick, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: import("../conversationCard.component").ConversationCardProps) => JSX.Element;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../components/conversationCardTags.component").ConversationCardTagsProps>;
+};
+export default _default;
+export declare const WithTags: {
+    (args: {
+        tags: ConversationCardTag[];
+    }): JSX.Element;
+    args: {
+        tags: ConversationCardTag[];
+    };
+};

package/build/patterns/ConversationCard/index.d.ts

@@ -0,0 +1 @@
+export * from './conversationCard.component';

package/build/patterns/ConversationCard/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-b4610335.js");require("react"),require("../../card.component-de5d4b2a.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../timestamp.component-c0c80c32.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../heading.component-95e89325.js"),require("../../avatar.component-aa7483a7.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),require("../../button.component-a1a58584.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../menu.context-cb4a0b0d.js"),require("../../checkbox.component-853ac7ff.js"),require("../../withFormControl-fdc277d3.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-9c91685f.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-13277479.js"),require("../../menu.component-194d1bc0.js"),require("../../menuContainer.component-e3bfd942.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-4cb1b211.js"),require("../../menuList.component-adc27103.js"),require("../../menuItem.component-36706258.js"),require("../../menu.config-14739188.js"),require("../../tag.component-75215361.js"),exports.ConversationCard=e.ConversationCard;
+//# sourceMappingURL=index.js.map

package/build/patterns/ConversationCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/patterns/StyledAvatar/examples/withGroup.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StyledAvatarProps } from '../styledAvatar.component';
+declare const _default: {
+    title: string;
+    component: ({ type, isGrouped, index, ...rest }: StyledAvatarProps) => JSX.Element;
+    argTypes: {
+        isGrouped: import("@storybook/addons").ArgType<unknown>;
+    };
+};
+export default _default;
+export declare const WithGroup: {
+    (args: {
+        avatars: StyledAvatarProps[];
+        isGrouped: boolean;
+    }): JSX.Element;
+    args: {
+        avatars: StyledAvatarProps[];
+        isGrouped: boolean;
+    };
+};

package/build/patterns/StyledAvatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styledAvatar.component';
+export * from './styledAvatar.types';

package/build/patterns/StyledAvatar/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../styledAvatar.types-c7230054.js");require("../../tslib.es6-d6f17add.js"),require("../../avatar.component-aa7483a7.js"),require("react"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes;
+//# sourceMappingURL=index.js.map

package/build/patterns/StyledAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/patterns/StyledAvatar/styledAvatar.argTypes.d.ts

@@ -0,0 +1,4 @@
+import { KibbleArgTypes } from '../../shared/types/storybook';
+import { KStyledAvatarProps } from './styledAvatar.component';
+export declare const groupedStyledAvatarArgTypes: KibbleArgTypes<Pick<KStyledAvatarProps, 'isGrouped'>>;
+export declare const styledAvatarArgTypes: KibbleArgTypes<KStyledAvatarProps>;

package/build/patterns/StyledAvatar/styledAvatar.component.d.ts

@@ -0,0 +1,16 @@
+import { AvatarProps } from '../../components/Avatar';
+import { StyledAvatarType } from './styledAvatar.types';
+export interface BaseStyledAvatarProps {
+    type?: StyledAvatarType;
+}
+export interface DefaultStyledAvatarProps extends BaseStyledAvatarProps {
+    isGrouped?: false;
+    index?: never;
+}
+export interface GroupedStyledAvatarProps extends BaseStyledAvatarProps {
+    isGrouped: boolean;
+    index: number;
+}
+export type KStyledAvatarProps = DefaultStyledAvatarProps | GroupedStyledAvatarProps;
+export type StyledAvatarProps = KStyledAvatarProps & AvatarProps;
+export declare const StyledAvatar: ({ type, isGrouped, index, ...rest }: StyledAvatarProps) => JSX.Element;

package/build/patterns/StyledAvatar/styledAvatar.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { StyledAvatarProps } from './styledAvatar.component';
+declare const _default: {
+    title: string;
+    component: ({ type, isGrouped, index, ...rest }: StyledAvatarProps) => JSX.Element;
+    argTypes: {
+        type: import("@storybook/addons").ArgType<unknown>;
+        isGrouped: import("@storybook/addons").ArgType<unknown>;
+        index: import("@storybook/addons").ArgType<unknown>;
+    };
+};
+export default _default;
+export declare const StyledAvatarPlayground: {
+    (args: StyledAvatarProps): JSX.Element;
+    args: import("./styledAvatar.component").DefaultStyledAvatarProps & import("../..").KAvatarProps & import("@chakra-ui/avatar").AvatarProps;
+};

package/build/patterns/StyledAvatar/styledAvatar.types.d.ts

@@ -0,0 +1,2 @@
+export declare const styledAvatarTypes: readonly ["Client", "SMS", "TestClient", "Automated", "Clinic"];
+export type StyledAvatarType = (typeof styledAvatarTypes)[number];

package/build/patterns/Timestamp/examples/withFullDate.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TimestampProps } from '../timestamp.component';
+declare const _default: {
+    title: string;
+    component: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<TimestampProps>;
+};
+export default _default;
+export declare const WithFullDate: {
+    (args: TimestampProps): JSX.Element;
+    args: TimestampProps;
+};

package/build/patterns/Timestamp/examples/withTooltip.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TimestampProps } from '../timestamp.component';
+declare const _default: {
+    title: string;
+    component: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<TimestampProps>;
+};
+export default _default;
+export declare const WithTooltip: {
+    (args: TimestampProps): JSX.Element;
+    args: TimestampProps;
+};

package/build/patterns/Timestamp/index.d.ts

@@ -0,0 +1 @@
+export * from './timestamp.component';

package/build/patterns/Timestamp/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timestamp.component-c0c80c32.js");require("react"),require("../../text.component-906b3f66.js"),require("../../tslib.es6-d6f17add.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),exports.Timestamp=e.Timestamp;
+//# sourceMappingURL=index.js.map

package/build/patterns/Timestamp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/patterns/Timestamp/timestamp.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../shared/types/storybook';
+import { TimestampProps } from './timestamp.component';
+export declare const timestampArgTypes: KibbleArgTypes<TimestampProps>;

package/build/patterns/Timestamp/timestamp.component.d.ts

@@ -0,0 +1,10 @@
+import { TextProps } from '../../components/Text';
+export interface TimestampProps {
+    date: Date;
+    timeFormat?: string;
+    dateFormat?: string;
+    shouldTodayDisplayTimeOnly?: boolean;
+    tooltipLabel?: string;
+    textProps?: Omit<TextProps, 'children'>;
+}
+export declare const Timestamp: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => JSX.Element;

package/build/patterns/Timestamp/timestamp.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TimestampProps } from './timestamp.component';
+declare const _default: {
+    title: string;
+    component: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => JSX.Element;
+    argTypes: import("../../shared/types/storybook").KibbleArgTypes<TimestampProps>;
+};
+export default _default;
+export declare const TimestampPlayground: {
+    (args: TimestampProps): JSX.Element;
+    args: TimestampProps;
+};

package/build/patterns/index.d.ts

@@ -0,0 +1,3 @@
+export * from './StyledAvatar';
+export * from './ConversationCard';
+export * from './Timestamp';

package/build/patterns/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-c7230054.js"),r=require("../conversationCard.component-b4610335.js"),i=require("../timestamp.component-c0c80c32.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-aa7483a7.js"),require("react"),require("../icon.component-7fa85e78.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../tooltip.component-197bff7c.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../picture.component-19489bee.js"),require("../card.component-de5d4b2a.js"),require("../notificationCounter.component-24f3f4ab.js"),require("../heading.component-95e89325.js"),require("../withTruncation-a62a9e5f.js"),require("../text.component-906b3f66.js"),require("../button.component-a1a58584.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../menu.context-cb4a0b0d.js"),require("../checkbox.component-853ac7ff.js"),require("../withFormControl-fdc277d3.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../textInput.component-9c91685f.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../spinner.component-13277479.js"),require("../menu.component-194d1bc0.js"),require("../menuContainer.component-e3bfd942.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menuButton.component-4cb1b211.js"),require("../menuList.component-adc27103.js"),require("../menuItem.component-36706258.js"),require("../menu.config-14739188.js"),require("../tag.component-75215361.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp;
+//# sourceMappingURL=index.js.map

package/build/patterns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/{popover.component-598e9b4d.js → popover.component-0ae9b4fe.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-1ea58cd1.js"),o=require("./popoverFooter.component-3fef4223.js"),a=require("./text.component-906b3f66.js"),s=require("./chakra-ui-popover.esm-1e836c11.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:d,footerProps:p,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,d,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),p&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},p,j))))};
-//# sourceMappingURL=popover.component-598e9b4d.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-d671bf3d.js"),o=require("./popoverFooter.component-7691dffb.js"),a=require("./text.component-906b3f66.js"),s=require("./chakra-ui-popover.esm-1e836c11.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:d,footerProps:p,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,d,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),p&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},p,j))))};
+//# sourceMappingURL=popover.component-0ae9b4fe.js.map

package/build/{popover.component-598e9b4d.js.map → popover.component-0ae9b4fe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-598e9b4d.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}
+{"version":3,"file":"popover.component-0ae9b4fe.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n  Popover as CPopover,\n  PopoverProps as CPopoverProps,\n  PopoverTrigger as CPopoverTrigger,\n  PopoverContent as CPopoverContent,\n  PopoverArrow as CPopoverArrow,\n  PopoverBody as CPopoverBody,\n  PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: ReactNode;\n  children: ReactNode;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  contentProps?: PopoverContentProps;\n  placement?: PopoverPlacement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n  allowEscape = true,\n  anchor,\n  children,\n  contentProps,\n  footerProps,\n  headerProps,\n  placement = 'auto',\n  size = 'sm',\n  trigger = 'click',\n  variant = 'contrast',\n  ...rest\n}: PopoverProps): JSX.Element => {\n  // Manually setting the variant styles here rather than in the config\n  // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n  // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n  const styles = useMemo(() => {\n    switch (variant) {\n      case 'contrast':\n      case 'contrastDestructive':\n        return {\n          bg: 'background.contrast',\n          color: 'text.onContrast',\n        };\n      case 'default':\n      case 'defaultDestructive':\n        return {\n          bg: 'background.default',\n          color: 'text.default',\n        };\n      default:\n        break;\n    }\n  }, [variant]);\n\n  const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n  const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n  return (\n    <CPopover\n      size={size}\n      closeOnBlur={allowEscape}\n      closeOnEsc={allowEscape}\n      placement={placement}\n      trigger={trigger}\n      {...rest}\n    >\n      <CPopoverTrigger>{anchor}</CPopoverTrigger>\n      <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n        <CPopoverArrow {...styles} />\n        {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n        <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n          {typeof children === 'string' ? (\n            <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n        </CPopoverBody>\n        {footerProps && (\n          <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n        )}\n      </CPopoverContent>\n    </CPopover>\n  );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}

package/build/popoverFooter.component-7691dffb.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-a1a58584.js"),i=require("./chakra-ui-popover.esm-1e836c11.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.PopoverFooter=t=>{var{submitText:a="Submit",isLoading:o,isDisabled:u,isDestructive:l,children:c,onSubmit:d,hideCancelButton:m=!1,hideButtons:b=!1,onCancel:p,isOnContrast:C=!0}=t,v=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:f}=i.usePopoverContext();return s.default.createElement(i.PopoverFooter,Object.assign({},v,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!b&&s.default.createElement(n.Flex,{w:"100%"},!m&&s.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),f()}},"Cancel"),s.default.createElement(n.Spacer,null),s.default.createElement(r.Button,{onClick:d,isLoading:o,isDisabled:u,size:"sm",isOnContrast:C,variant:l?"primaryDestructive":"primary"},a)))};
+//# sourceMappingURL=popoverFooter.component-7691dffb.js.map

package/build/{popoverFooter.component-3fef4223.js.map → popoverFooter.component-7691dffb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooter.component-3fef4223.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverFooterProps as CPopoverFooterProps,\n  PopoverFooter as CPopoverFooter,\n  usePopoverContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  hideCancelButton?: boolean;\n  onCancel?: () => void;\n  isOnContrast?: boolean;\n  hideButtons?: boolean;\n  children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  hideCancelButton = false,\n  hideButtons = false,\n  onCancel,\n  isOnContrast = true,\n  ...rest\n}: PopoverFooterProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            isLoading={isLoading}\n            isDisabled={isDisabled}\n            size=\"sm\"\n            isOnContrast={isOnContrast}\n            variant={isDestructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}
+{"version":3,"file":"popoverFooter.component-7691dffb.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverFooterProps as CPopoverFooterProps,\n  PopoverFooter as CPopoverFooter,\n  usePopoverContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  hideCancelButton?: boolean;\n  onCancel?: () => void;\n  isOnContrast?: boolean;\n  hideButtons?: boolean;\n  children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  hideCancelButton = false,\n  hideButtons = false,\n  onCancel,\n  isOnContrast = true,\n  ...rest\n}: PopoverFooterProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            isLoading={isLoading}\n            isDisabled={isDisabled}\n            size=\"sm\"\n            isOnContrast={isOnContrast}\n            variant={isDestructive ? 'primaryDestructive' : 'primary'}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </CPopoverFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}

package/build/{popoverHeader.component-1ea58cd1.js → popoverHeader.component-d671bf3d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-95e89325.js"),r=require("./button.component-8c8cd059.js"),n=require("./chakra-ui-popover.esm-1e836c11.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:c,hideCloseButton:l=!1,isOnContrast:u=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:h}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:c||"inherit"},a),!l&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:u,onClick:d||h,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
-//# sourceMappingURL=popoverHeader.component-1ea58cd1.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-95e89325.js"),r=require("./button.component-a1a58584.js"),n=require("./chakra-ui-popover.esm-1e836c11.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:l,hideCloseButton:u=!1,isOnContrast:c=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:h}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:l||"inherit"},a),!u&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:c,onClick:d||h,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
+//# sourceMappingURL=popoverHeader.component-d671bf3d.js.map

package/build/{popoverHeader.component-1ea58cd1.js.map → popoverHeader.component-d671bf3d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverHeader.component-1ea58cd1.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverHeader as CPopoverHeader,\n  PopoverHeaderProps as CPopoverHeaderProps,\n  usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n  children?: ReactNode;\n  color?: SemanticColorToken | string;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  isOnContrast?: boolean;\n  size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  children,\n  color,\n  hideCloseButton = false,\n  isOnContrast = true,\n  onClose,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  const { onClose: contextOnClose } = usePopoverContext();\n\n  return (\n    <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n      <Heading size={size} color={color || 'inherit'}>\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          variant=\"ghostNeutral\"\n          isOnContrast={isOnContrast}\n          onClick={onClose ? onClose : contextOnClose}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n          {...rest}\n        />\n      )}\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}
+{"version":3,"file":"popoverHeader.component-d671bf3d.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  PopoverHeader as CPopoverHeader,\n  PopoverHeaderProps as CPopoverHeaderProps,\n  usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n  children?: ReactNode;\n  color?: SemanticColorToken | string;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  isOnContrast?: boolean;\n  size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n  size = 'sm',\n  children,\n  color,\n  hideCloseButton = false,\n  isOnContrast = true,\n  onClose,\n  ...rest\n}: PopoverHeaderProps): JSX.Element => {\n  const { onClose: contextOnClose } = usePopoverContext();\n\n  return (\n    <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n      <Heading size={size} color={color || 'inherit'}>\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          variant=\"ghostNeutral\"\n          isOnContrast={isOnContrast}\n          onClick={onClose ? onClose : contextOnClose}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n          {...rest}\n        />\n      )}\n    </CPopoverHeader>\n  );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}

package/build/{radioGroup.component-c8f06088.js → radioGroup.component-c5647766.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-2e82715a.js"),a=require("./radio.component-2502a55b.js"),t=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(i);const d=i=>{var{radios:r,size:o="md",direction:d="row",spacing:u,isFieldInline:c,isOnContrast:l,isRequired:m}=i,p=e.__rest(i,["radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired"]);return n.default.createElement(t.RadioGroup,Object.assign({"data-testid":"radio-group-container"},p),n.default.createElement(s.Stack,{direction:d,spacing:u,maxW:p.maxW||"max-content"},r.map(((e,i)=>n.default.createElement(a.Radio,Object.assign({isOnContrast:l,key:i},e,{size:o,isRequired:m}))))))};d.displayName="RadioGroup";const u=r.withFormControl(d);exports.WrappedRadioGroup=u;
-//# sourceMappingURL=radioGroup.component-c8f06088.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-fdc277d3.js"),t=require("./radio.component-2502a55b.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(i);const d=i=>{var{radios:r,size:o="md",direction:d="row",spacing:u,isFieldInline:c,isOnContrast:l,isRequired:m}=i,p=e.__rest(i,["radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired"]);return n.default.createElement(a.RadioGroup,Object.assign({"data-testid":"radio-group-container"},p),n.default.createElement(s.Stack,{direction:d,spacing:u,maxW:p.maxW||"max-content"},r.map(((e,i)=>n.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:i},e,{size:o,isRequired:m}))))))};d.displayName="RadioGroup";const u=r.withFormControl(d);exports.WrappedRadioGroup=u;
+//# sourceMappingURL=radioGroup.component-c5647766.js.map

package/build/{radioGroup.component-c8f06088.js.map → radioGroup.component-c5647766.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-c8f06088.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  isRequired,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup data-testid=\"radio-group-container\" {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} isRequired={isRequired} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,WACZA,KACGC,EAReC,SAAAT,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,gBAAA,eAAA,eAUlB,OACEU,EAAC,QAAAC,cAAAC,EAAAA,WAAwBC,OAAAC,OAAA,CAAA,cAAA,yBAA4BN,GACnDE,EAAC,QAAAC,cAAAI,QAAM,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,KAAMR,EAAKQ,MAAQ,eAC/Df,EAAOgB,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACR,aAAcA,EAAce,IAAKF,GAAWD,EAAK,CAAEhB,KAAMA,EAAMK,WAAYA,UAO5FR,EAAWuB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACzB"}
+{"version":3,"file":"radioGroup.component-c5647766.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isOnContrast?: boolean;\n  name?: string;\n  value?: string | number;\n  onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n  radios,\n  size = 'md',\n  direction = 'row',\n  spacing,\n  isFieldInline,\n  isOnContrast,\n  isRequired,\n  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup data-testid=\"radio-group-container\" {...rest}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} isRequired={isRequired} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","isRequired","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,WACZA,KACGC,EAReC,SAAAT,EAAA,CAAA,SAAA,OAAA,YAAA,UAAA,gBAAA,eAAA,eAUlB,OACEU,EAAC,QAAAC,cAAAC,EAAAA,WAAwBC,OAAAC,OAAA,CAAA,cAAA,yBAA4BN,GACnDE,EAAC,QAAAC,cAAAI,QAAM,CAAAZ,UAAWA,EAAWC,QAASA,EAASY,KAAMR,EAAKQ,MAAQ,eAC/Df,EAAOgB,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACR,aAAcA,EAAce,IAAKF,GAAWD,EAAK,CAAEhB,KAAMA,EAAMK,WAAYA,UAO5FR,EAAWuB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACzB"}

package/build/{select.component-a0d9f737.js → select.component-56904ffe.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-e3bfd942.js"),l=require("./withFormControl-2e82715a.js"),a=require("./menu.context-cb4a0b0d.js"),r=require("./menuList.component-5652653b.js"),s=require("./text.component-906b3f66.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./icon.component-100b924b.js"),u=require("./chakra-ui-select.esm-793cf4de.js"),c=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:x="md",value:h,maxW:b="100%",isOnContrast:E,emptyStateText:S}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText"]);const g=E?"onContrast":"default",T=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:E?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,E]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),y=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return T.current?`${null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==T?void 0:T.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));q([...e,_])}),[d,_,h]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(u.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:x}),as:c.MenuButton,ref:T,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:g,maxW:b},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:y,options:O,maxW:M||b,emptyStateText:S}))))};v.displayName="Select";const x=l.withFormControl(v);exports.WrappedSelect=x;
-//# sourceMappingURL=select.component-a0d9f737.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-e3bfd942.js"),l=require("./withFormControl-fdc277d3.js"),a=require("./menu.context-cb4a0b0d.js"),r=require("./menuList.component-adc27103.js"),s=require("./text.component-906b3f66.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),c=require("./icon.component-7fa85e78.js"),o=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:x="md",value:h,maxW:E="100%",isOnContrast:S,emptyStateText:b}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText"]);const g=S?"onContrast":"default",T=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:S?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,S]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),y=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return T.current?`${null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==T?void 0:T.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));q([...e,_])}),[d,_,h]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(o.Select,Object.assign({icon:m.default.createElement(c.Icon,{name:"chevronDown",size:x}),as:u.MenuButton,ref:T,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:g,maxW:E},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:y,options:O,maxW:M||E,emptyStateText:b}))))};v.displayName="Select";const x=l.withFormControl(v);exports.WrappedSelect=x;
+//# sourceMappingURL=select.component-56904ffe.js.map