@televet/kibble-ui 3.0.7 → 3.0.8

package/build/{menuList.component-bde9135b.js.map → menuList.component-da25c181.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuList.component-bde9135b.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n  ChangeEvent,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n  const { searchText, setSearchText } = useMenuContext();\n\n  const handleSearch = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const searchInput = e.target.value;\n      setSearchText(searchInput);\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      } else {\n        if (searchInput === '' || !searchInput) {\n          setFilteredMenuItems(menuItems);\n        } else {\n          const filterdItems = menuItems.filter((item) => {\n            const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n            return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n          });\n          setFilteredMenuItems(filterdItems);\n        }\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems, setSearchText],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n      value={searchText}\n      isClearable\n      onClear={(): void => {\n        setSearchText('');\n        handleSearch({ target: { value: '' } } as ChangeEvent<HTMLInputElement>);\n      }}\n      formControlStyle={{ mt: 1 }}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect, ChangeEvent } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { Spinner } from 'components/Spinner';\n\nexport type MenuListOnSelect =\n  | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n  | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n  | ((selectedItems: MenuItemProps[]) => void)\n  | ((selectedItems: MenuItemProps[]) => Promise<void>);\n\nexport interface KMenuListProps {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isLoading?: boolean;\n  isMatchWidthSet?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => void;\n  menuItems?: MenuItemProps[];\n  onSelect?: MenuListOnSelect;\n  onSelectAll?: MenuListOnSelectAll;\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  shouldUsePortal?: boolean;\n  emptyStateText?: string;\n}\n\nexport type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  onSearchCallback,\n  isLoading = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  shouldUsePortal = false,\n  emptyStateText = 'No results found',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n    dataTestId,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          {...item}\n          key={`${item.value}${index}`}\n          canSelectAll={canSelectAll}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isMultiSelect={isMultiSelect}\n          itemIndex={index.toString()}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: MenuItemProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          data-testid={`${dataTestId}-list-item`}\n        />\n      );\n    },\n    [\n      canSelectAll,\n      handleKeyboardNavigation,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      dataTestId,\n      handleToggleSingleItem,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  const shouldShowEmptyState =\n    !filteredMenuItems?.length || (filteredMenuItems?.length === 1 && filteredMenuItems[0].isPlaceholder === true);\n\n  return (\n    <CMenuList\n      className=\"MeuList\"\n      {...rest}\n      maxW={maxW || 'unset'}\n      maxH={maxH}\n      minW={minW}\n      overflow=\"hidden auto\"\n      zIndex=\"popover\"\n    >\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n              onSearchCallback={onSearchCallback}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\" position=\"relative\">\n        {shouldShowEmptyState && !isLoading ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" variant=\"subtle\">\n              {emptyStateText}\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={2} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n        {isLoading && (\n          <Box position=\"absolute\" w=\"100%\" h=\"100%\" top=\"0\" left=\"0\" bg=\"background.alphaContrast.pressed\">\n            <Flex h=\"100%\" align=\"center\" justify=\"center\">\n              <Spinner />\n            </Flex>\n          </Box>\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","placeholder","isOpen","useMenuState","searchText","setSearchText","useMenuContext","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","onKeyDown","size","ref","isClearable","onClear","formControlStyle","mt","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal","emptyStateText","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","dataTestId","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","_b","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","selectedItem","find","isSelected","allSelectedItems","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","Object","assign","itemIndex","toString","CMenuList","shouldShowEmptyState","overflow","zIndex","m","Boolean","position","display","p","Text","WrappedText","minH","pt","pr","pb","pl","justify","align","Heading","h","top","left","bg","Spinner"],"mappings":"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"}
+{"version":3,"file":"menuList.component-da25c181.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n  ChangeEvent,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n  const { searchText, setSearchText } = useMenuContext();\n\n  const handleSearch = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const searchInput = e.target.value;\n      setSearchText(searchInput);\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      } else {\n        if (searchInput === '' || !searchInput) {\n          setFilteredMenuItems(menuItems);\n        } else {\n          const filterdItems = menuItems.filter((item) => {\n            const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n            return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n          });\n          setFilteredMenuItems(filterdItems);\n        }\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems, setSearchText],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n      value={searchText}\n      isClearable\n      onClear={(): void => {\n        setSearchText('');\n        handleSearch({ target: { value: '' } } as ChangeEvent<HTMLInputElement>);\n      }}\n      formControlStyle={{ mt: 1 }}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect, ChangeEvent } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { Spinner } from 'components/Spinner';\n\nexport type MenuListOnSelect =\n  | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n  | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n  | ((selectedItems: MenuItemProps[]) => void)\n  | ((selectedItems: MenuItemProps[]) => Promise<void>);\n\nexport interface KMenuListProps {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isLoading?: boolean;\n  isMatchWidthSet?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  onSearchCallback?: (e: ChangeEvent<HTMLInputElement>) => void;\n  menuItems?: MenuItemProps[];\n  onSelect?: MenuListOnSelect;\n  onSelectAll?: MenuListOnSelectAll;\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  shouldUsePortal?: boolean;\n  emptyStateText?: string;\n}\n\nexport type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  onSearchCallback,\n  isLoading = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  shouldUsePortal = false,\n  emptyStateText = 'No results found',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n    dataTestId,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          {...item}\n          key={`${item.value}${index}`}\n          canSelectAll={canSelectAll}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isMultiSelect={isMultiSelect}\n          itemIndex={index.toString()}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: MenuItemProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          data-testid={`${dataTestId}-list-item`}\n        />\n      );\n    },\n    [\n      canSelectAll,\n      handleKeyboardNavigation,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      dataTestId,\n      handleToggleSingleItem,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  const shouldShowEmptyState =\n    !filteredMenuItems?.length || (filteredMenuItems?.length === 1 && filteredMenuItems[0].isPlaceholder === true);\n\n  return (\n    <CMenuList\n      className=\"MeuList\"\n      {...rest}\n      maxW={maxW || 'unset'}\n      maxH={maxH}\n      minW={minW}\n      overflow=\"hidden auto\"\n      zIndex=\"popover\"\n    >\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n              onSearchCallback={onSearchCallback}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\" position=\"relative\">\n        {shouldShowEmptyState && !isLoading ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" variant=\"subtle\">\n              {emptyStateText}\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={2} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n        {isLoading && (\n          <Box position=\"absolute\" w=\"100%\" h=\"100%\" top=\"0\" left=\"0\" bg=\"background.alphaContrast.pressed\">\n            <Flex h=\"100%\" align=\"center\" justify=\"center\">\n              <Spinner />\n            </Flex>\n          </Box>\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","placeholder","isOpen","useMenuState","searchText","setSearchText","useMenuContext","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","onKeyDown","size","ref","isClearable","onClear","formControlStyle","mt","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","shouldUsePortal","emptyStateText","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","dataTestId","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","_b","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","selectedItem","find","isSelected","allSelectedItems","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","Object","assign","itemIndex","toString","CMenuList","shouldShowEmptyState","overflow","zIndex","m","Boolean","position","display","p","Text","WrappedText","minH","pt","pr","pb","pl","justify","align","Heading","h","top","left","bg","Spinner"],"mappings":"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"}

package/build/{modalBody.component-459e7e52.js → modalBody.component-64a6b636.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./chakra-ui-modal.esm-2fd23822.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(r);exports.ModalBody=r=>{var{children:t}=r,s=e.__rest(r,["children"]);return d.default.createElement(a.ModalBody,Object.assign({className:"Modal__Body",py:1},s),t)};
-//# sourceMappingURL=modalBody.component-459e7e52.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./chakra-ui-modal.esm-2c76cb7b.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(r);exports.ModalBody=r=>{var{children:t}=r,s=e.__rest(r,["children"]);return d.default.createElement(a.ModalBody,Object.assign({className:"Modal__Body",py:1},s),t)};
+//# sourceMappingURL=modalBody.component-64a6b636.js.map

package/build/{modalBody.component-459e7e52.js.map → modalBody.component-64a6b636.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalBody.component-459e7e52.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n  return (\n    <CModalBody className=\"Modal__Body\" py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","className","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,EAAC,QAAAC,cAAAC,EAAUC,UAACC,OAAAC,OAAA,CAAAC,UAAU,cAAcC,GAAI,GAAOT,GAC5CD"}
+{"version":3,"file":"modalBody.component-64a6b636.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n  return (\n    <CModalBody className=\"Modal__Body\" py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","className","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,EAAC,QAAAC,cAAAC,EAAUC,UAACC,OAAAC,OAAA,CAAAC,UAAU,cAAcC,GAAI,GAAOT,GAC5CD"}

package/build/{modalCloseButton.component-eb10adca.js → modalCloseButton.component-d280a6a1.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-c56a92a3.js"),r=require("./chakra-ui-modal.esm-2fd23822.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n,className:"Modal__CloseButton"},u))};
-//# sourceMappingURL=modalCloseButton.component-eb10adca.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-b67f5ec7.js"),r=require("./chakra-ui-modal.esm-2c76cb7b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n,className:"Modal__CloseButton"},u))};
+//# sourceMappingURL=modalCloseButton.component-d280a6a1.js.map

package/build/{modalCloseButton.component-eb10adca.js.map → modalCloseButton.component-d280a6a1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalCloseButton.component-eb10adca.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      className=\"Modal__CloseButton\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position","className"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAACC,cAAAC,EAAMA,OACLC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNc,UAAU,sBACNb"}
+{"version":3,"file":"modalCloseButton.component-d280a6a1.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      className=\"Modal__CloseButton\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position","className"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAACC,cAAAC,EAAMA,OACLC,OAAAC,OAAA,CAAAC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNc,UAAU,sBACNb"}

package/build/{modalExpandButton.component-53de9bdf.js → modalExpandButton.component-118793ad.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),a=require("./button.component-c56a92a3.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=r(e);exports.ModalExpandButton=e=>{var{right:r=12,top:n=2,size:o="md",isExpanded:i}=e,d=t.__rest(e,["right","top","size","isExpanded"]);return s.default.createElement(a.Button,Object.assign({display:{md:"flex",base:"none"},variant:"ghostNeutral",iconName:i?"arrowsIn":"arrowsOut",position:"absolute",right:r,top:n,size:o,className:"Modal__ExpandButton"},d))};
-//# sourceMappingURL=modalExpandButton.component-53de9bdf.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),a=require("./button.component-b67f5ec7.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=r(e);exports.ModalExpandButton=e=>{var{right:r=12,top:n=2,size:o="md",isExpanded:i}=e,d=t.__rest(e,["right","top","size","isExpanded"]);return s.default.createElement(a.Button,Object.assign({display:{md:"flex",base:"none"},variant:"ghostNeutral",iconName:i?"arrowsIn":"arrowsOut",position:"absolute",right:r,top:n,size:o,className:"Modal__ExpandButton"},d))};
+//# sourceMappingURL=modalExpandButton.component-118793ad.js.map

package/build/{modalExpandButton.component-53de9bdf.js.map → modalExpandButton.component-118793ad.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalExpandButton.component-53de9bdf.js","sources":["../src/components/Modal/components/ModalExpandButton/modalExpandButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalExpandButtonProps extends ButtonProps {\n  isExpanded: boolean;\n}\n\nexport const ModalExpandButton = ({\n  right = 12,\n  top = 2,\n  size = 'md',\n  isExpanded,\n  ...rest\n}: ModalExpandButtonProps): JSX.Element => {\n  return (\n    <Button\n      display={{ md: 'flex', base: 'none' }}\n      variant=\"ghostNeutral\"\n      iconName={isExpanded ? 'arrowsIn' : 'arrowsOut'}\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      className=\"Modal__ExpandButton\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","isExpanded","rest","__rest","React","createElement","Button","Object","assign","display","md","base","variant","iconName","position","className"],"mappings":"kOAOkCA,IAAA,IAAAC,MAChCA,EAAQ,GAAEC,IACVA,EAAM,EAACC,KACPA,EAAO,KAAIC,WACXA,GAAUJ,EACPK,EAAIC,EAAAA,OAAAN,EALyB,qCAOhC,OACEO,EAAAA,QAACC,cAAAC,EAAAA,OACCC,OAAAC,OAAA,CAAAC,QAAS,CAAEC,GAAI,OAAQC,KAAM,QAC7BC,QAAQ,eACRC,SAAUZ,EAAa,WAAa,YACpCa,SAAS,WACThB,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNe,UAAU,uBACNb"}
+{"version":3,"file":"modalExpandButton.component-118793ad.js","sources":["../src/components/Modal/components/ModalExpandButton/modalExpandButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalExpandButtonProps extends ButtonProps {\n  isExpanded: boolean;\n}\n\nexport const ModalExpandButton = ({\n  right = 12,\n  top = 2,\n  size = 'md',\n  isExpanded,\n  ...rest\n}: ModalExpandButtonProps): JSX.Element => {\n  return (\n    <Button\n      display={{ md: 'flex', base: 'none' }}\n      variant=\"ghostNeutral\"\n      iconName={isExpanded ? 'arrowsIn' : 'arrowsOut'}\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      className=\"Modal__ExpandButton\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","isExpanded","rest","__rest","React","createElement","Button","Object","assign","display","md","base","variant","iconName","position","className"],"mappings":"kOAOkCA,IAAA,IAAAC,MAChCA,EAAQ,GAAEC,IACVA,EAAM,EAACC,KACPA,EAAO,KAAIC,WACXA,GAAUJ,EACPK,EAAIC,EAAAA,OAAAN,EALyB,qCAOhC,OACEO,EAAAA,QAACC,cAAAC,EAAAA,OACCC,OAAAC,OAAA,CAAAC,QAAS,CAAEC,GAAI,OAAQC,KAAM,QAC7BC,QAAQ,eACRC,SAAUZ,EAAa,WAAa,YACpCa,SAAS,WACThB,MAAOA,EACPC,IAAKA,EACLC,KAAMA,EACNe,UAAU,uBACNb"}

package/build/modalFooter.component-87129be4.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-2c76cb7b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.ModalFooter=r=>{var{children:a}=r,s=e.__rest(r,["children"]);return o.default.createElement(t.ModalFooter,Object.assign({pb:6,className:"Modal__Footer"},s),a)};
+//# sourceMappingURL=modalFooter.component-87129be4.js.map

package/build/{modalFooter.component-51300467.js.map → modalFooter.component-87129be4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalFooter.component-51300467.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n  return (\n    <CModalFooter pb={6} className=\"Modal__Footer\" {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb","className"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,UAAU,iBAAoBT,GAChDD"}
+{"version":3,"file":"modalFooter.component-87129be4.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n  return (\n    <CModalFooter pb={6} className=\"Modal__Footer\" {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb","className"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,UAAU,iBAAoBT,GAChDD"}

package/build/{modalFooterButtons.component-0996802d.js → modalFooterButtons.component-177087d1.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-c56a92a3.js"),i=require("./chakra-ui-modal.esm-2fd23822.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({className:"Modal__FooterButtons"},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
-//# sourceMappingURL=modalFooterButtons.component-0996802d.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-b67f5ec7.js"),i=require("./chakra-ui-modal.esm-2c76cb7b.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({className:"Modal__FooterButtons"},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
+//# sourceMappingURL=modalFooterButtons.component-177087d1.js.map

package/build/{modalFooterButtons.component-0996802d.js.map → modalFooterButtons.component-177087d1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalFooterButtons.component-0996802d.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ModalFooter as CModalFooter,\n  ModalFooterProps as CModalFooterProps,\n  useModalContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n  mixpanelName?: string;\n  submitText?: string;\n  isLoading?: boolean;\n  loadingText?: string;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void | Promise<void>;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  loadingText,\n  isDisabled,\n  isDestructive,\n  mixpanelName,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CModalFooter className=\"Modal__FooterButtons\" {...rest} pb={6}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" onClick={handleCancel}>\n            Cancel\n          </Button>\n        )}\n        <Spacer />\n        <Button\n          data-mixpanel-name={mixpanelName}\n          onClick={onSubmit}\n          isLoading={isLoading}\n          loadingText={loadingText}\n          isDisabled={isDisabled}\n          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </CModalFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","createElement","CModalFooter","Object","assign","className","pb","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,EAAA,QAAAC,cAACC,cAAYC,OAAAC,OAAA,CAACC,UAAU,wBAA2BT,EAAI,CAAEU,GAAI,IAC3DN,EAAAA,QAAAC,cAACM,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAC,cAAAQ,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAC,cAACW,EAAMA,OAAG,MACVZ,UAAAC,cAACQ,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
+{"version":3,"file":"modalFooterButtons.component-177087d1.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ModalFooter as CModalFooter,\n  ModalFooterProps as CModalFooterProps,\n  useModalContext,\n  Flex,\n  Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n  mixpanelName?: string;\n  submitText?: string;\n  isLoading?: boolean;\n  loadingText?: string;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void | Promise<void>;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  loadingText,\n  isDisabled,\n  isDestructive,\n  mixpanelName,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CModalFooter className=\"Modal__FooterButtons\" {...rest} pb={6}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" onClick={handleCancel}>\n            Cancel\n          </Button>\n        )}\n        <Spacer />\n        <Button\n          data-mixpanel-name={mixpanelName}\n          onClick={onSubmit}\n          isLoading={isLoading}\n          loadingText={loadingText}\n          isDisabled={isDisabled}\n          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </CModalFooter>\n  );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","createElement","CModalFooter","Object","assign","className","pb","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,EAAA,QAAAC,cAACC,cAAYC,OAAAC,OAAA,CAACC,UAAU,wBAA2BT,EAAI,CAAEU,GAAI,IAC3DN,EAAAA,QAAAC,cAACM,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAC,cAAAQ,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAC,cAACW,EAAMA,OAAG,MACVZ,UAAAC,cAACQ,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}

package/build/modalHeader.component-5876efa7.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-8febedd1.js"),d=require("./chakra-ui-modal.esm-2c76cb7b.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r);exports.ModalHeader=r=>{var{size:t="md",children:s}=r,c=e.__rest(r,["size","children"]);return i.default.createElement(d.ModalHeader,Object.assign({className:"Modal__Header",px:6,pt:6,pb:2},c),i.default.createElement(a.WrappedHeading,{size:t},s))};
+//# sourceMappingURL=modalHeader.component-5876efa7.js.map

package/build/{modalHeader.component-68895b91.js.map → modalHeader.component-5876efa7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalHeader.component-68895b91.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n  size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n  return (\n    <CModalHeader className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}
+{"version":3,"file":"modalHeader.component-5876efa7.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n  size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n  return (\n    <CModalHeader className=\"Modal__Header\" px={6} pt={6} pb={2} {...rest}>\n      <Heading size={size}>{children}</Heading>\n    </CModalHeader>\n  );\n};\n"],"names":["_a","size","children","rest","__rest","React","CModalHeader","Object","assign","className","px","pt","pb","createElement","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAAA,sBAACC,EAAAA,YAAYC,OAAAC,OAAA,CAACC,UAAU,gBAAgBC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOT,GAC/DE,EAAC,QAAAQ,cAAAC,iBAAQ,CAAAb,KAAMA,GAAOC"}

package/build/{notificationCounter.component-4f126f12.js → notificationCounter.component-bf1cf6b8.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),o=require("./notificationCounter.types-799d7b6c.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=n(e);const i={xs:3,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=e=>{var{count:n=0,size:d="md",showCount:c=!0,variant:l=o.NotificationCounterVariant.Red}=e,f=t.__rest(e,["count","size","showCount","variant"]);const x="xs"!==d&&c,b={[o.NotificationCounterVariant.Red]:{backgroundColor:"background.dangerContrast",color:"text.onContrast"},[o.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"}},g=n>99?a.default.createElement(r.Box,{backgroundColor:b[l].color,borderRadius:"full",height:s[d],width:s[d]}):n>0&&n;return a.default.createElement(r.Flex,Object.assign({},f,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[d],fontWeight:"semibold",height:i[d],justifyContent:"center",width:i[d]},b[l]),x&&g)};
-//# sourceMappingURL=notificationCounter.component-4f126f12.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),o=require("./notificationCounter.types-799d7b6c.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(e);const i={xs:3,sm:4,md:5,lg:6},u={xs:"8px",sm:"10px",md:"12px",lg:"14px"},s={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=e=>{var{count:a=0,size:d="md",showCount:c=!0,variant:l=o.NotificationCounterVariant.Red}=e,f=t.__rest(e,["count","size","showCount","variant"]);const x="xs"!==d&&c,b={[o.NotificationCounterVariant.Red]:{backgroundColor:"background.dangerContrast",color:"text.onContrast"},[o.NotificationCounterVariant.Neutral]:{backgroundColor:"background.lessSubtle",color:"text.default"}},g=a>99?n.default.createElement(r.Box,{backgroundColor:b[l].color,borderRadius:"full",height:s[d],width:s[d]}):a>0&&a;return n.default.createElement(r.Flex,Object.assign({},f,{className:"NotifcationCounter",alignItems:"center",border:"1px",borderColor:"background.default",borderRadius:"full",fontSize:u[d],fontWeight:"semibold",height:i[d],justifyContent:"center",width:i[d]},b[l]),x&&g)};
+//# sourceMappingURL=notificationCounter.component-bf1cf6b8.js.map

package/build/{notificationCounter.component-4f126f12.js.map → notificationCounter.component-bf1cf6b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notificationCounter.component-4f126f12.js","sources":["../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 3,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: 'background.dangerContrast',\n      color: 'text.onContrast',\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: 'background.lessSubtle',\n      color: 'text.default',\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius=\"full\"\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      className=\"NotifcationCounter\"\n      alignItems=\"center\"\n      border=\"1px\"\n      borderColor=\"background.default\"\n      borderRadius=\"full\"\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight=\"semibold\"\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","NotificationCounterVariant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"iQAEO,MAEMA,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUC,6BAA2BC,OAClCC,EAL+BC,EAAAA,OAAAR,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMS,EAAsB,OAATP,GAAwBC,EAErCO,EAA4B,CAChC,CAACL,EAAAA,2BAA2BC,KAAM,CAChCK,gBAAiB,4BACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BQ,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,iBAILE,EACJb,EDpCqB,GCqCnBc,EAAC,QAAAC,cAAAC,OACCN,gBAAiBD,EAA0BN,GAASQ,MACpDM,aAAa,OACbC,OAAQpB,EAA4BG,GACpCkB,MAAOrB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEc,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACChB,EAAI,CACRiB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAU9B,EAA6BI,GACvC2B,WAAW,WACXV,OAAQ1B,EAAyBS,GACjC4B,eAAe,SACfV,MAAO3B,EAAyBS,IAC5BQ,EAA0BN,IAE7BK,GAAcK"}
+{"version":3,"file":"notificationCounter.component-bf1cf6b8.js","sources":["../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 3,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n","import React from 'react';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { Box, Flex, FlexProps } from '@chakra-ui/react';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: 'background.dangerContrast',\n      color: 'text.onContrast',\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: 'background.lessSubtle',\n      color: 'text.default',\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius=\"full\"\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      className=\"NotifcationCounter\"\n      alignItems=\"center\"\n      border=\"1px\"\n      borderColor=\"background.default\"\n      borderRadius=\"full\"\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight=\"semibold\"\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","count","size","showCount","variant","NotificationCounterVariant","Red","rest","__rest","_showCount","notificationVariantStyles","backgroundColor","color","Neutral","counterContent","React","createElement","Box","borderRadius","height","width","Flex","Object","assign","className","alignItems","border","borderColor","fontSize","fontWeight","justifyContent"],"mappings":"iQAEO,MAEMA,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCL8BG,QAAAC,MAClCA,EAAQ,EAACC,KACTA,EAAO,KAAIC,UACXA,GAAY,EAAIC,QAChBA,EAAUC,6BAA2BC,OAClCC,EAL+BC,EAAAA,OAAAR,EAAA,CAAA,QAAA,OAAA,YAAA,YAOlC,MAAMS,EAAsB,OAATP,GAAwBC,EAErCO,EAA4B,CAChC,CAACL,EAAAA,2BAA2BC,KAAM,CAChCK,gBAAiB,4BACjBC,MAAO,mBAET,CAACP,EAAAA,2BAA2BQ,SAAU,CACpCF,gBAAiB,wBACjBC,MAAO,iBAILE,EACJb,EDpCqB,GCqCnBc,EAAC,QAAAC,cAAAC,OACCN,gBAAiBD,EAA0BN,GAASQ,MACpDM,aAAa,OACbC,OAAQpB,EAA4BG,GACpCkB,MAAOrB,EAA4BG,KAGrCD,EAAQ,GAAKA,EAGjB,OACEc,EAAA,QAAAC,cAACK,OAAIC,OAAAC,OAAA,GACChB,EAAI,CACRiB,UAAU,qBACVC,WAAW,SACXC,OAAO,MACPC,YAAY,qBACZT,aAAa,OACbU,SAAU9B,EAA6BI,GACvC2B,WAAW,WACXV,OAAQ1B,EAAyBS,GACjC4B,eAAe,SACfV,MAAO3B,EAAyBS,IAC5BQ,EAA0BN,IAE7BK,GAAcK"}

package/build/patterns/ConversationCard/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-ff4452d4.js");require("react"),require("../../card.component-de5d4b2a.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../timestamp.component-c0c80c32.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-4f126f12.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../icon.component-61259515.js"),require("../../icons/index.js"),require("../../heading.component-95e89325.js"),require("../../avatar.component-4f895093.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),require("../../button.component-c56a92a3.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-a7f6d40e.js"),require("../../withFormControl-a9aa238f.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-94c116dc.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-5f7f0fb2.js"),require("../../menu.component-f1d9462e.js"),require("../../menuContainer.component-17d9413b.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-f51a5b7f.js"),require("../../menuList.component-bde9135b.js"),require("../../menuItem.component-1a7017aa.js"),require("../../menu.config-78717999.js"),require("../../tag.component-d8aa8bcb.js"),exports.ConversationCard=e.ConversationCard;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../conversationCard.component-9ac0d273.js");require("react"),require("../../card.component-04437e79.js"),require("../../tslib.es6-d6f17add.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../timestamp.component-16be4ef2.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),require("../../notificationCounter.component-bf1cf6b8.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../avatar.component-eeb0d319.js"),require("../../chakra-ui-avatar.esm-3ef01808.js"),require("../../chakra-ui-image.esm-2b438d18.js"),require("../../picture.component-daf0e558.js"),require("../../button.component-b67f5ec7.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../menu.context-66211f5a.js"),require("../../checkbox.component-a856f80f.js"),require("../../withFormControl-d55cc71b.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../textInput.component-71e352c1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../menu.component-04486145.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-789317f3.js"),require("../../menuList.component-da25c181.js"),require("../../menuItem.component-d26a70c2.js"),require("../../menu.config-78717999.js"),require("../../tag.component-e5da4b8d.js"),exports.ConversationCard=e.ConversationCard;
 //# sourceMappingURL=index.js.map

package/build/patterns/StyledAvatar/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../styledAvatar.types-a85162b0.js");require("../../tslib.es6-d6f17add.js"),require("../../avatar.component-4f895093.js"),require("react"),require("../../icon.component-61259515.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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../styledAvatar.types-ad6cb8b2.js");require("../../tslib.es6-d6f17add.js"),require("../../avatar.component-eeb0d319.js"),require("react"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-3ef01808.js"),require("../../chakra-ui-image.esm-2b438d18.js"),require("../../picture.component-daf0e558.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes;
 //# sourceMappingURL=index.js.map

package/build/patterns/TagBlock/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-33871443.js");require("react"),require("../../button.component-c56a92a3.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-61259515.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../checkbox.component-a7f6d40e.js"),require("../../withFormControl-a9aa238f.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../checkboxGroup.component-a8b30bdd.js"),require("../../_baseGetTag-fd05839f.js"),require("../../menu.component-f1d9462e.js"),require("../../menuContainer.component-17d9413b.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-f51a5b7f.js"),require("../../menuList.component-bde9135b.js"),require("../../menuItem.component-1a7017aa.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-94c116dc.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-5f7f0fb2.js"),require("../../link.component-084272b5.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-0450a9a6.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-6be8b3e3.js"),require("../../radio.component-2502a55b.js"),require("../../chakra-ui-radio.esm-f310d451.js"),require("../../select.component-8c3d3c10.js"),require("../../chakra-ui-select.esm-793cf4de.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-113976db.js"),require("../../tag.component-d8aa8bcb.js"),require("../../textarea.component-e3128870.js"),require("../../chakra-ui-textarea.esm-23fad4cd.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-ad8b829b.js");require("react"),require("../../button.component-b67f5ec7.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-3662253d.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../checkbox.component-a856f80f.js"),require("../../withFormControl-d55cc71b.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../checkboxGroup.component-2a44c743.js"),require("../../_baseGetTag-7b5fc763.js"),require("../../menu.component-04486145.js"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../menuButton.component-789317f3.js"),require("../../menuList.component-da25c181.js"),require("../../menuItem.component-d26a70c2.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-71e352c1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../link.component-96da4f1d.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-e2cf4d68.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-4b08b539.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),require("../../select.component-baf37f0a.js"),require("../../chakra-ui-select.esm-e7128fb0.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-3b307197.js"),require("../../tag.component-e5da4b8d.js"),require("../../textarea.component-59432c69.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
 //# sourceMappingURL=index.js.map

package/build/patterns/Timestamp/index.js

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timestamp.component-16be4ef2.js");require("react"),require("../../text.component-a1231840.js"),require("../../tslib.es6-d6f17add.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../index-7708e04e.js"),require("../../index-ebcb699d.js"),exports.Timestamp=e.Timestamp;
 //# sourceMappingURL=index.js.map

package/build/patterns/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-a85162b0.js"),r=require("../conversationCard.component-ff4452d4.js"),i=require("../timestamp.component-c0c80c32.js"),a=require("../tagBlock.component-33871443.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-4f895093.js"),require("react"),require("../icon.component-61259515.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../tooltip.component-197bff7c.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../picture.component-19489bee.js"),require("../card.component-de5d4b2a.js"),require("../notificationCounter.component-4f126f12.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-95e89325.js"),require("../withTruncation-a62a9e5f.js"),require("../text.component-906b3f66.js"),require("../button.component-c56a92a3.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-a7f6d40e.js"),require("../withFormControl-a9aa238f.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../textInput.component-94c116dc.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../spinner.component-5f7f0fb2.js"),require("../menu.component-f1d9462e.js"),require("../menuContainer.component-17d9413b.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menuButton.component-f51a5b7f.js"),require("../menuList.component-bde9135b.js"),require("../menuItem.component-1a7017aa.js"),require("../menu.config-78717999.js"),require("../tag.component-d8aa8bcb.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-a8b30bdd.js"),require("../_baseGetTag-fd05839f.js"),require("../link.component-084272b5.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-0450a9a6.js"),require("../radioGroup.component-6be8b3e3.js"),require("../radio.component-2502a55b.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../select.component-8c3d3c10.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-113976db.js"),require("../textarea.component-e3128870.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-ad6cb8b2.js"),r=require("../conversationCard.component-9ac0d273.js"),i=require("../timestamp.component-16be4ef2.js"),a=require("../tagBlock.component-ad8b829b.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-eeb0d319.js"),require("react"),require("../icon.component-3662253d.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../tooltip.component-e2205174.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../picture.component-daf0e558.js"),require("../card.component-04437e79.js"),require("../notificationCounter.component-bf1cf6b8.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-8febedd1.js"),require("../withTruncation-19e872ac.js"),require("../text.component-a1231840.js"),require("../button.component-b67f5ec7.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-a856f80f.js"),require("../withFormControl-d55cc71b.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../textInput.component-71e352c1.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../spinner.component-e13e6346.js"),require("../menu.component-04486145.js"),require("../menuContainer.component-34ab3f3f.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menuButton.component-789317f3.js"),require("../menuList.component-da25c181.js"),require("../menuItem.component-d26a70c2.js"),require("../menu.config-78717999.js"),require("../tag.component-e5da4b8d.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-2a44c743.js"),require("../_baseGetTag-7b5fc763.js"),require("../link.component-96da4f1d.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-e2cf4d68.js"),require("../radioGroup.component-4b08b539.js"),require("../radio.component-1c03819e.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../select.component-baf37f0a.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-3b307197.js"),require("../textarea.component-59432c69.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
 //# sourceMappingURL=index.js.map

package/build/{picture.component-19489bee.js → picture.component-daf0e558.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-image.esm-66324087.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);exports.Picture=r=>{var{src:s,webpSrc:u,imgProps:i}=r,l=e.__rest(r,["src","webpSrc","imgProps"]);return c.default.createElement(a.Box,Object.assign({as:"picture"},l),c.default.createElement(a.Box,{as:"source",srcSet:u,type:"image/webp"}),c.default.createElement(t.Image$1,Object.assign({src:s},i)))};
-//# sourceMappingURL=picture.component-19489bee.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-image.esm-2b438d18.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(r);exports.Picture=r=>{var{src:s,webpSrc:u,imgProps:i}=r,l=e.__rest(r,["src","webpSrc","imgProps"]);return c.default.createElement(a.Box,Object.assign({as:"picture"},l),c.default.createElement(a.Box,{as:"source",srcSet:u,type:"image/webp"}),c.default.createElement(t.Image$1,Object.assign({src:s},i)))};
+//# sourceMappingURL=picture.component-daf0e558.js.map

package/build/{picture.component-19489bee.js.map → picture.component-daf0e558.js.map}

@@ -1 +1 @@
-{"version":3,"file":"picture.component-19489bee.js","sources":["../src/components/Picture/picture.component.tsx"],"sourcesContent":["import { Box, BoxProps, Image, ImageProps } from '@chakra-ui/react';\nimport React from 'react';\n\nexport interface PictureProps extends BoxProps {\n  webpSrc: string;\n  src: string;\n  imgProps?: ImageProps;\n}\n\nexport const Picture = ({ src, webpSrc, imgProps, ...rest }: PictureProps): JSX.Element => {\n  return (\n    <Box as=\"picture\" {...rest}>\n      <Box as=\"source\" srcSet={webpSrc} type=\"image/webp\" />\n      <Image src={src} {...imgProps} />\n    </Box>\n  );\n};\n"],"names":["_a","src","webpSrc","imgProps","rest","__rest","React","Box","Object","assign","as","createElement","srcSet","type","Image"],"mappings":"2QASwBA,QAAAC,IAAEA,EAAGC,QAAEA,EAAOC,SAAEA,KAAaC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,MAAA,UAAA,aACtB,OACEM,wBAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACC,GAAG,WAAcN,GACpBE,UAAAK,cAACJ,EAAGA,IAAA,CAACG,GAAG,SAASE,OAAQV,EAASW,KAAK,eACvCP,EAAAA,QAACK,cAAAG,UAAMN,OAAAC,OAAA,CAAAR,IAAKA,GAASE"}
+{"version":3,"file":"picture.component-daf0e558.js","sources":["../src/components/Picture/picture.component.tsx"],"sourcesContent":["import { Box, BoxProps, Image, ImageProps } from '@chakra-ui/react';\nimport React from 'react';\n\nexport interface PictureProps extends BoxProps {\n  webpSrc: string;\n  src: string;\n  imgProps?: ImageProps;\n}\n\nexport const Picture = ({ src, webpSrc, imgProps, ...rest }: PictureProps): JSX.Element => {\n  return (\n    <Box as=\"picture\" {...rest}>\n      <Box as=\"source\" srcSet={webpSrc} type=\"image/webp\" />\n      <Image src={src} {...imgProps} />\n    </Box>\n  );\n};\n"],"names":["_a","src","webpSrc","imgProps","rest","__rest","React","Box","Object","assign","as","createElement","srcSet","type","Image"],"mappings":"2QASwBA,QAAAC,IAAEA,EAAGC,QAAEA,EAAOC,SAAEA,KAAaC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,MAAA,UAAA,aACtB,OACEM,wBAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACC,GAAG,WAAcN,GACpBE,UAAAK,cAACJ,EAAGA,IAAA,CAACG,GAAG,SAASE,OAAQV,EAASW,KAAK,eACvCP,EAAAA,QAACK,cAAAG,UAAMN,OAAAC,OAAA,CAAAR,IAAKA,GAASE"}

package/build/{popover.component-5abea140.js → popover.component-bc4e0e7f.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-8f6a3c57.js"),o=require("./popoverFooter.component-36f598f4.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:p,footerProps:d,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,p,{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),d&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},d,j))))};
-//# sourceMappingURL=popover.component-5abea140.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-f605a9df.js"),o=require("./popoverFooter.component-1b090aa7.js"),a=require("./text.component-a1231840.js"),s=require("./chakra-ui-popover.esm-d21bf3b5.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-bc4e0e7f.js.map

package/build/{popover.component-5abea140.js.map → popover.component-bc4e0e7f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-5abea140.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-bc4e0e7f.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-1b090aa7.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-b67f5ec7.js"),i=require("./chakra-ui-popover.esm-d21bf3b5.js"),n=require("./chakra-ui-layout.esm-0601b9a5.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:b=!1,hideButtons:m=!1,onCancel:p,isOnContrast:C=!0}=t,f=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:v}=i.usePopoverContext();return s.default.createElement(i.PopoverFooter,Object.assign({},f,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!m&&s.default.createElement(n.Flex,{w:"100%"},!b&&s.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),v()}},"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-1b090aa7.js.map

package/build/{popoverFooter.component-36f598f4.js.map → popoverFooter.component-1b090aa7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooter.component-36f598f4.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-1b090aa7.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-f605a9df.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-8febedd1.js"),r=require("./button.component-b67f5ec7.js"),n=require("./chakra-ui-popover.esm-d21bf3b5.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:d,hideCloseButton:l=!1,isOnContrast:u=!0,onClose:c}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:b}=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:d||"inherit"},a),!l&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:u,onClick:c||b,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
+//# sourceMappingURL=popoverHeader.component-f605a9df.js.map

package/build/{popoverHeader.component-8f6a3c57.js.map → popoverHeader.component-f605a9df.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverHeader.component-8f6a3c57.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-f605a9df.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/{radio.component-2502a55b.js → radio.component-1c03819e.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-radio.esm-f310d451.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);exports.Radio=t=>{var{children:a,size:s="md",isOnContrast:n}=t,d=e.__rest(t,["children","size","isOnContrast"]);const o=n?"onContrast":"default";return i.default.createElement(r.Radio,Object.assign({"data-testid":"radio-options-container",variant:o},d,{size:s,alignItems:"flex-start"}),a)};
-//# sourceMappingURL=radio.component-2502a55b.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-radio.esm-bd0e90ff.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);exports.Radio=t=>{var{children:a,size:s="md",isOnContrast:n}=t,d=e.__rest(t,["children","size","isOnContrast"]);const o=n?"onContrast":"default";return i.default.createElement(r.Radio,Object.assign({"data-testid":"radio-options-container",variant:o},d,{size:s,alignItems:"flex-start"}),a)};
+//# sourceMappingURL=radio.component-1c03819e.js.map

package/build/{radio.component-2502a55b.js.map → radio.component-1c03819e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio.component-2502a55b.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface KRadioProps {\n  children?: ReactNode;\n  isChecked?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  size?: RadioSize;\n  value?: string | number;\n}\n\nexport type RadioProps = KRadioProps & CRadioProps;\n\nexport const Radio = ({ children, size = 'md', isOnContrast, ...rest }: RadioProps): JSX.Element => {\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  return (\n    <CRadio data-testid=\"radio-options-container\" variant={_computedVariant} {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","size","isOnContrast","rest","__rest","_computedVariant","React","CRadio","Object","assign","variant","alignItems"],"mappings":"yNAgBsBA,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,aAAEA,GAAYH,EAAKI,EAA1CC,EAAAA,OAAAL,EAAA,CAAA,WAAA,OAAA,iBACpB,MAAMM,EAAmBH,EAAe,aAAe,UACvD,OACEI,wBAACC,QAAMC,OAAAC,OAAA,CAAA,cAAa,0BAA0BC,QAASL,GAAsBF,GAAMF,KAAMA,EAAMU,WAAW,eACvGX"}
+{"version":3,"file":"radio.component-1c03819e.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface KRadioProps {\n  children?: ReactNode;\n  isChecked?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  size?: RadioSize;\n  value?: string | number;\n}\n\nexport type RadioProps = KRadioProps & CRadioProps;\n\nexport const Radio = ({ children, size = 'md', isOnContrast, ...rest }: RadioProps): JSX.Element => {\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  return (\n    <CRadio data-testid=\"radio-options-container\" variant={_computedVariant} {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","size","isOnContrast","rest","__rest","_computedVariant","React","CRadio","Object","assign","variant","alignItems"],"mappings":"yNAgBsBA,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,aAAEA,GAAYH,EAAKI,EAA1CC,EAAAA,OAAAL,EAAA,CAAA,WAAA,OAAA,iBACpB,MAAMM,EAAmBH,EAAe,aAAe,UACvD,OACEI,wBAACC,QAAMC,OAAAC,OAAA,CAAA,cAAa,0BAA0BC,QAASL,GAAsBF,GAAMF,KAAMA,EAAMU,WAAW,eACvGX"}

package/build/radioGroup.component-4b08b539.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),i=require("react"),r=require("./withFormControl-d55cc71b.js"),t=require("./radio.component-1c03819e.js"),a=require("./chakra-ui-radio.esm-bd0e90ff.js"),s=require("./chakra-ui-layout.esm-0601b9a5.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:c,isFieldInline:u,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:c,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 c=r.withFormControl(d);exports.WrappedRadioGroup=c;
+//# sourceMappingURL=radioGroup.component-4b08b539.js.map

package/build/{radioGroup.component-6be8b3e3.js.map → radioGroup.component-4b08b539.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-6be8b3e3.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-4b08b539.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/{ratingDot.component-01592415.js → ratingDot.component-4b3f6639.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);exports.RatingDot=({number:t,isInteractive:a,isDisabled:n,onClick:l,selected:u})=>{const c=e.useCallback((e=>{e.preventDefault(),l&&l(t)}),[t,l]);return o.default.createElement(o.default.Fragment,null,a?o.default.createElement(r.Flex,Object.assign({as:"button",type:"button",bgColor:u?"background.primary":"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px",borderColor:"background.primary",color:u?"text.onContrast":"text.default",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},!n&&{onClick:c,cursor:"pointer",_hover:{bg:u?"background.primary":"background.primaryAlpha.hover"}}),t):o.default.createElement(r.Flex,{as:"div",bgColor:"background.primary",h:"40px",w:"40px",borderRadius:"20px",border:"2px",borderColor:"background.primary",color:"text.onContrast",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},t))};
-//# sourceMappingURL=ratingDot.component-01592415.js.map
+"use strict";var e=require("react"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);exports.RatingDot=({number:t,isInteractive:a,isDisabled:n,onClick:l,selected:u})=>{const c=e.useCallback((e=>{e.preventDefault(),l&&l(t)}),[t,l]);return o.default.createElement(o.default.Fragment,null,a?o.default.createElement(r.Flex,Object.assign({as:"button",type:"button",bgColor:u?"background.primary":"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px",borderColor:"background.primary",color:u?"text.onContrast":"text.default",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},!n&&{onClick:c,cursor:"pointer",_hover:{bg:u?"background.primary":"background.primaryAlpha.hover"}}),t):o.default.createElement(r.Flex,{as:"div",bgColor:"background.primary",h:"40px",w:"40px",borderRadius:"20px",border:"2px",borderColor:"background.primary",color:"text.onContrast",mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},t))};
+//# sourceMappingURL=ratingDot.component-4b3f6639.js.map