@televet/kibble-ui 2.1.1 → 2.1.2-beta.866b0wdrd.0

package/build/menuList.component-911fe1c3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuList.component-911fe1c3.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  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => 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\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\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      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\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      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\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 } 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 { SelectOptionProps } from '../../../Select/select.types';\nimport { Spinner } from 'components/Spinner';\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  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\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  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  ...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  } = 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}\n          canSelectAll={canSelectAll}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isMultiSelect={isMultiSelect}\n          itemIndex={index.toString()}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\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  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\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            />\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        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" variant=\"subtle\">\n              No results found\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","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","createElement","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","isLoading","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","useMenuContext","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","overflow","m","Boolean","position","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text","WrappedText","h","top","left","bg","Spinner"],"mappings":"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"}

package/build/{modal.component-6990e35a.js → modal.component-488c95b3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),l=require("react"),s=require("./chakra-ui-media-query.esm-6217de7e.js"),a=require("./chakra-ui-modal.esm-5ec83d2f.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(l);exports.Modal=l=>{var{children:r,isOpen:i,onClose:t,isCentered:n=!0,responsiveModalSizes:u,allowEscape:c=!0,useFullScreenMobile:d=!0,initialFocusRef:b,scrollBehavior:m,size:f="xl"}=l,p=e.__rest(l,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size"]);const v=s.useBreakpointValue({base:"full",md:f}),k=s.useBreakpointValue({base:0,md:"xl"}),C=s.useBreakpointValue({base:d?0:16,md:16});return o.default.createElement(a.Modal,Object.assign({closeOnEsc:c,closeOnOverlayClick:c,autoFocus:!!b,isOpen:i,onClose:t,scrollBehavior:m,isCentered:n,size:d?v:f,motionPreset:"slideInBottom"},p),o.default.createElement(a.ModalOverlay,null),o.default.createElement(a.ModalContent,Object.assign({backgroundColor:"background.overlay",m:C},!d&&{mx:5},{borderRadius:d?k:"xl"},d&&{minH:{base:"-webkit-fill-available",md:"auto"}}),r))};
-//# sourceMappingURL=modal.component-6990e35a.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),l=require("react"),s=require("./chakra-ui-media-query.esm-6217de7e.js"),a=require("./chakra-ui-modal.esm-5b3636d6.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(l);exports.Modal=l=>{var{children:r,isOpen:i,onClose:t,isCentered:n=!0,responsiveModalSizes:u,allowEscape:c=!0,useFullScreenMobile:d=!0,initialFocusRef:b,scrollBehavior:m,size:f="xl"}=l,p=e.__rest(l,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size"]);const v=s.useBreakpointValue({base:"full",md:f}),k=s.useBreakpointValue({base:0,md:"xl"}),C=s.useBreakpointValue({base:d?0:16,md:16});return o.default.createElement(a.Modal,Object.assign({closeOnEsc:c,closeOnOverlayClick:c,autoFocus:!!b,isOpen:i,onClose:t,scrollBehavior:m,isCentered:n,size:d?v:f,motionPreset:"slideInBottom"},p),o.default.createElement(a.ModalOverlay,null),o.default.createElement(a.ModalContent,Object.assign({backgroundColor:"background.overlay",m:C},!d&&{mx:5},{borderRadius:d?k:"xl"},d&&{minH:{base:"-webkit-fill-available",md:"auto"}}),r))};
+//# sourceMappingURL=modal.component-488c95b3.js.map

package/build/{modal.component-6990e35a.js.map → modal.component-488c95b3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal.component-6990e35a.js","sources":["../src/components/Modal/modal.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Modal as CModal,\n  ModalProps as CModalProps,\n  ModalContent,\n  ModalOverlay,\n  useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\nimport { ModalSize } from './modal.types';\n\ntype ResponsiveBreakpoints = 'base' | 'md';\n\nexport interface ModalProps extends CModalProps {\n  children: ReactNode;\n  isCentered?: boolean;\n  responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;\n  allowEscape?: boolean;\n  useFullScreenMobile?: boolean;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  scrollBehavior?: 'inside' | 'outside';\n  size?: string;\n}\n\nexport const Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  responsiveModalSizes,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  size = 'xl',\n  ...rest\n}: ModalProps): JSX.Element => {\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: 'xl' });\n  const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n  const Modal: JSX.Element = (\n    <CModal\n      closeOnEsc={allowEscape}\n      closeOnOverlayClick={allowEscape}\n      autoFocus={!!initialFocusRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      scrollBehavior={scrollBehavior}\n      isCentered={isCentered}\n      size={useFullScreenMobile ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      {...rest}\n    >\n      <ModalOverlay />\n      <ModalContent\n        backgroundColor=\"background.overlay\"\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n        {...(useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })}\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return Modal;\n};\n"],"names":["_a","children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Modal","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","ModalContent","Object","assign","backgroundColor","m","mx","borderRadius","minH"],"mappings":"8QAwBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,qBACjBA,EAAoBC,YACpBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,MAEIV,EADRW,EAAIC,EAAAA,OAAAZ,EAXa,mJAcpB,MAAMa,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIN,IAC9DO,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMR,EAAsB,EAAI,GAAIS,GAAI,KA4BjF,OAzBEG,EAAC,QAAAC,cAAAC,EAAMC,qBACLC,WAAYjB,EACZkB,oBAAqBlB,EACrBmB,YAAajB,EACbN,OAAQA,EACRC,QAASA,EACTM,eAAgBA,EAChBL,WAAYA,EACZM,KAAMH,EAAsBM,EAAuBH,EACnDgB,aAAa,iBACTf,GAEJQ,UAAAC,cAACO,EAAYA,aAAG,MAChBR,EAAC,QAAAC,cAAAQ,EAAYA,aACXC,OAAAC,OAAA,CAAAC,gBAAgB,qBAChBC,EAAGd,IACGX,GAAuB,CAAE0B,GAAI,GAAI,CACvCC,aAAc3B,EAAsBU,EAA+B,MAC9DV,GAAuB,CAAE4B,KAAM,CAAEpB,KAAM,yBAA0BC,GAAI,UAEzEf"}
+{"version":3,"file":"modal.component-488c95b3.js","sources":["../src/components/Modal/modal.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Modal as CModal,\n  ModalProps as CModalProps,\n  ModalContent,\n  ModalOverlay,\n  useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\nimport { ModalSize } from './modal.types';\n\ntype ResponsiveBreakpoints = 'base' | 'md';\n\nexport interface ModalProps extends CModalProps {\n  children: ReactNode;\n  isCentered?: boolean;\n  responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;\n  allowEscape?: boolean;\n  useFullScreenMobile?: boolean;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  scrollBehavior?: 'inside' | 'outside';\n  size?: string;\n}\n\nexport const Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  responsiveModalSizes,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  size = 'xl',\n  ...rest\n}: ModalProps): JSX.Element => {\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: 'xl' });\n  const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n  const Modal: JSX.Element = (\n    <CModal\n      closeOnEsc={allowEscape}\n      closeOnOverlayClick={allowEscape}\n      autoFocus={!!initialFocusRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      scrollBehavior={scrollBehavior}\n      isCentered={isCentered}\n      size={useFullScreenMobile ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      {...rest}\n    >\n      <ModalOverlay />\n      <ModalContent\n        backgroundColor=\"background.overlay\"\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n        {...(useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })}\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return Modal;\n};\n"],"names":["_a","children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Modal","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","ModalContent","Object","assign","backgroundColor","m","mx","borderRadius","minH"],"mappings":"8QAwBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,qBACjBA,EAAoBC,YACpBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,MAEIV,EADRW,EAAIC,EAAAA,OAAAZ,EAXa,mJAcpB,MAAMa,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIN,IAC9DO,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMR,EAAsB,EAAI,GAAIS,GAAI,KA4BjF,OAzBEG,EAAC,QAAAC,cAAAC,EAAMC,qBACLC,WAAYjB,EACZkB,oBAAqBlB,EACrBmB,YAAajB,EACbN,OAAQA,EACRC,QAASA,EACTM,eAAgBA,EAChBL,WAAYA,EACZM,KAAMH,EAAsBM,EAAuBH,EACnDgB,aAAa,iBACTf,GAEJQ,UAAAC,cAACO,EAAYA,aAAG,MAChBR,EAAC,QAAAC,cAAAQ,EAAYA,aACXC,OAAAC,OAAA,CAAAC,gBAAgB,qBAChBC,EAAGd,IACGX,GAAuB,CAAE0B,GAAI,GAAI,CACvCC,aAAc3B,EAAsBU,EAA+B,MAC9DV,GAAuB,CAAE4B,KAAM,CAAEpB,KAAM,yBAA0BC,GAAI,UAEzEf"}

package/build/modalBody.component-d16ec3c2.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),t=require("./chakra-ui-modal.esm-5b3636d6.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalBody=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalBody,Object.assign({py:1},i),a)};
+//# sourceMappingURL=modalBody.component-d16ec3c2.js.map

package/build/{modalBody.component-771775b3.js.map → modalBody.component-d16ec3c2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalBody.component-771775b3.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 py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,UAAAC,cAACC,EAAUC,UAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACpBD"}
+{"version":3,"file":"modalBody.component-d16ec3c2.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 py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","Object","assign","py"],"mappings":"6NAK0BA,IAAA,IAAAC,SAAEA,GAAmCD,EAAtBE,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,UAAAC,cAACC,EAAUC,UAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACpBD"}

package/build/modalCloseButton.component-a2ee80b8.js

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

package/build/{modalCloseButton.component-eddb7a57.js.map → modalCloseButton.component-a2ee80b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalCloseButton.component-eddb7a57.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      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position"],"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,UAAAC,cAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFC"}
+{"version":3,"file":"modalCloseButton.component-a2ee80b8.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      {...rest}\n    />\n  );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position"],"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,UAAAC,cAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFC"}

package/build/modalFooter.component-cdecefb9.js

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

package/build/{modalFooter.component-a8dca3ea.js.map → modalFooter.component-cdecefb9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalFooter.component-a8dca3ea.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} {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACtBD"}
+{"version":3,"file":"modalFooter.component-cdecefb9.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} {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACtBD"}

package/build/{modalFooterButtons.component-3d53a2fd.js → modalFooterButtons.component-85166391.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./button.component-981918e8.js"),i=require("./chakra-ui-modal.esm-5ec83d2f.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({},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-3d53a2fd.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./button.component-957d9e9f.js"),i=require("./chakra-ui-modal.esm-5b3636d6.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({},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-85166391.js.map

package/build/{modalFooterButtons.component-3d53a2fd.js.map → modalFooterButtons.component-85166391.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalFooterButtons.component-3d53a2fd.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;\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 {...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","CModalFooter","ModalFooter","Object","assign","pb","createElement","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,wBAACC,EAAYC,YAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,IAC1BL,EAAAA,QAAAM,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAM,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAM,cAACM,EAAMA,OAAG,MACVZ,UAAAM,cAACG,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
+{"version":3,"file":"modalFooterButtons.component-85166391.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;\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 {...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","CModalFooter","ModalFooter","Object","assign","pb","createElement","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,wBAACC,EAAYC,YAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,IAC1BL,EAAAA,QAAAM,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAM,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAM,cAACM,EAAMA,OAAG,MACVZ,UAAAM,cAACG,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}

package/build/{modalHeader.component-d1fd5719.js → modalHeader.component-8b663f4e.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),a=require("./heading.component-198f40a3.js"),t=require("./chakra-ui-modal.esm-5ec83d2f.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=r=>{var{size:i="md",children:s}=r,n=e.__rest(r,["size","children"]);return d.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),d.default.createElement(a.WrappedHeading,{size:i},s))};
-//# sourceMappingURL=modalHeader.component-d1fd5719.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),a=require("./heading.component-198f40a3.js"),t=require("./chakra-ui-modal.esm-5b3636d6.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=r=>{var{size:i="md",children:s}=r,n=e.__rest(r,["size","children"]);return d.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),d.default.createElement(a.WrappedHeading,{size:i},s))};
+//# sourceMappingURL=modalHeader.component-8b663f4e.js.map

package/build/{modalHeader.component-d1fd5719.js.map → modalHeader.component-8b663f4e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalHeader.component-d1fd5719.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 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","createElement","CModalHeader","ModalHeader","Object","assign","px","pt","pb","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOV,GACrCE,EAAC,QAAAC,cAAAQ,iBAAQ,CAAAb,KAAMA,GAAOC"}
+{"version":3,"file":"modalHeader.component-8b663f4e.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 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","createElement","CModalHeader","ModalHeader","Object","assign","px","pt","pb","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOV,GACrCE,EAAC,QAAAC,cAAAQ,iBAAQ,CAAAb,KAAMA,GAAOC"}

package/build/{popover.component-b1318f2b.js → popover.component-c06d692e.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./popoverHeader.component-c18911f7.js"),o=require("./popoverFooter.component-c0ee782e.js"),a=require("./text.component-30355fe6.js"),s=require("./chakra-ui-popover.esm-172468d8.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-b1318f2b.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./popoverHeader.component-63b549bf.js"),o=require("./popoverFooter.component-3280b596.js"),a=require("./text.component-30355fe6.js"),s=require("./chakra-ui-popover.esm-172468d8.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-c06d692e.js.map

package/build/{popover.component-b1318f2b.js.map → popover.component-c06d692e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-b1318f2b.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-c06d692e.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-c0ee782e.js → popoverFooter.component-3280b596.js}

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

package/build/{popoverFooter.component-c0ee782e.js.map → popoverFooter.component-3280b596.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popoverFooter.component-c0ee782e.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-3280b596.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-c18911f7.js → popoverHeader.component-63b549bf.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),o=require("./heading.component-198f40a3.js"),r=require("./button.component-981918e8.js"),n=require("./chakra-ui-popover.esm-172468d8.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:l,hideCloseButton:u=!1,isOnContrast:c=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose: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:l||"inherit"},a),!u&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:c,onClick:d||b,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
-//# sourceMappingURL=popoverHeader.component-c18911f7.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),o=require("./heading.component-198f40a3.js"),r=require("./button.component-957d9e9f.js"),n=require("./chakra-ui-popover.esm-172468d8.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:l,hideCloseButton:u=!1,isOnContrast:c=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose: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:l||"inherit"},a),!u&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:c,onClick:d||b,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
+//# sourceMappingURL=popoverHeader.component-63b549bf.js.map

package/build/{popoverHeader.component-c18911f7.js.map → popoverHeader.component-63b549bf.js.map}

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

package/build/{radioGroup.component-dd58c847.js → radioGroup.component-5719cd37.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),i=require("./withFormControl-fbce8608.js"),t=require("./radio.component-de7ecece.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const c=r=>{var{radios:i,size:n="md",direction:c="row",spacing:d,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:c,spacing:d,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};c.displayName="RadioGroup";const d=i.withFormControl(c);exports.WrappedRadioGroup=d;
-//# sourceMappingURL=radioGroup.component-dd58c847.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),r=require("react"),i=require("./withFormControl-1971ad8f.js"),t=require("./radio.component-de7ecece.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const c=r=>{var{radios:i,size:n="md",direction:c="row",spacing:d,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:c,spacing:d,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};c.displayName="RadioGroup";const d=i.withFormControl(c);exports.WrappedRadioGroup=d;
+//# sourceMappingURL=radioGroup.component-5719cd37.js.map

package/build/{radioGroup.component-dd58c847.js.map → radioGroup.component-5719cd37.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.component-dd58c847.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  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup {...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} />\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","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,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPW,wEASlB,OACES,EAAAA,QAAAC,cAACC,EAAWZ,WAAAa,OAAAC,OAAA,GAAKN,GACfE,EAAC,QAAAC,cAAAI,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,KAAMR,EAAKQ,MAAQ,eAC/Dd,EAAOe,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACP,aAAcA,EAAcc,IAAKF,GAAWD,EAAK,CAAEf,KAAMA,UAO1EH,EAAWsB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACxB"}
+{"version":3,"file":"radioGroup.component-5719cd37.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  ...rest\n}: RadioGroupProps): JSX.Element => {\n  return (\n    <CRadioGroup {...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} />\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","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,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPW,wEASlB,OACES,EAAAA,QAAAC,cAACC,EAAWZ,WAAAa,OAAAC,OAAA,GAAKN,GACfE,EAAC,QAAAC,cAAAI,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,KAAMR,EAAKQ,MAAQ,eAC/Dd,EAAOe,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACP,aAAcA,EAAcc,IAAKF,GAAWD,EAAK,CAAEf,KAAMA,UAO1EH,EAAWsB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACxB"}

package/build/select.component-ad0272ab.js

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

package/build/select.component-ad0272ab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.component-ad0272ab.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface KSelectListProps\n  extends Omit<\n    KMenuListProps,\n    | 'canSelectAll'\n    | 'canSelectGroups'\n    | 'isMultiSelect'\n    | 'onSelectAll'\n    | 'menuItems'\n    | 'shouldRetainSelection'\n    | 'isMatchWidthSet'\n    | 'isLoading'\n  > {\n  options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  return (\n    <Flex\n      className=\"Select__Container\"\n      justify=\"flex-start\"\n      align=\"center\"\n      textAlign=\"left\"\n      color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n    >\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n          {selectedOption.label}\n        </Text>\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSelectProps extends WithFormControlProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  maxW = '100%',\n  isOnContrast,\n  ...rest\n}: SelectProps): JSX.Element => {\n  // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n  const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder, isOnContrast],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n          as={MenuButton}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          variant={_computedVariant}\n          maxW={maxW}\n          {...flexibleHeightProps}\n          {...rest}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"kjBAqBO,MAAMA,EAAcC,IACzB,MAAMC,QAAEA,GAAqBD,EAATE,EAAIC,EAAAA,OAAKH,EAAvB,CAAoB,YAE1B,OAAOI,EAAAA,sBAACC,EAAAA,SAAQC,OAAAC,OAAA,CAACC,uBAAuB,EAAMC,UAAWR,EAASS,iBAAiB,GAAUR,KCblFS,EAAkB,EAC7BC,eAAAA,EACAC,mBAAAA,EACAC,mBAAAA,GAAqB,KAGnBV,EAAC,QAAAW,cAAAC,EAAAA,KACC,CAAAC,UAAU,oBACVC,QAAQ,aACRC,MAAM,SACNC,UAAU,OACVC,MAAOT,EAAeU,QAAU,QAAQV,EAAeU,UAAY,iBAElEV,MAAAA,OAAc,EAAdA,EAAgBW,aACfnB,EAAA,QAAAW,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDZ,EAAeW,aAEhBV,EACFT,EAAA,QAAAW,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDX,GAED,KAC6B,iBAAzBD,EAAea,MACrBrB,wBAACsB,cAAI,CAACT,UAAU,eAAeU,YAAab,EAAoBQ,QAASV,EAAeU,SAAW,WAChGV,EAAea,OAGlBb,EAAoB,OChBtBgB,EAAUC,QAAAhB,mBACdA,EAAkBiB,cAClBA,EAAaC,UACbA,EAAS9B,QACTA,EAAO+B,YACPA,EAAWC,KACXA,EAAO,KAAIC,MACXA,EAAKC,KACLA,EAAO,OAAMC,aACbA,GAAYP,EACT3B,EAVWC,EAAAA,OAAA0B,EAAA,CAAA,qBAAA,gBAAA,YAAA,UAAA,cAAA,OAAA,QAAA,OAAA,iBAad,MAAMQ,EAAmBD,EAAe,aAAe,UACjDE,EAAYC,SAA0B,MACtCC,EAAuCC,EAAAA,SAC3C,KAAO,CACLhB,MAAOO,EACPE,MAAO,GACPZ,QAASc,EAAe,wBAA0B,cAClDb,YAAa,KACbmB,YAAY,EACZC,eAAe,KAEjB,CAACX,EAAaI,KAGTQ,EAAYC,GAAiBC,EAAQA,SAAsB,IAE5DlC,EAAoC6B,EAAAA,SAAQ,KAChD,MAAMM,EAAeH,EAAWI,MAAMC,GAAWA,EAAOP,aAExD,OAAOK,GAA8BP,IACpC,CAACI,EAAYJ,IAEVU,EAAeC,eAClBJ,IACC,IAAKH,EAAY,OAEjB,MAAMQ,EAAiBR,EAAWS,KAAKJ,GAEhC3C,OAAAC,OAAAD,OAAAC,OAAA,GAAA0C,GACH,CAAAP,WAAYO,EAAOf,QAAUa,EAAab,UAG9CW,EAAcO,IAEVrB,MAAAA,SAAAA,EAAWuB,WACbvB,EAAUuB,SAASP,KAGvB,CAACH,EAAYb,IAITwB,GAAuBxB,MAAAA,OAAS,EAATA,EAAWjB,oBAA2D,GAAtC,CAAE0C,OAAQ,cAAeC,KAAM,IAEtFC,EAAcjB,EAAAA,SAAQ,WAC1B,OAAKH,EAAUqB,QAIR,GAAqB,QAAlB9B,EAAAS,MAAAA,OAAS,EAATA,EAAWqB,eAAO,IAAA9B,OAAA,EAAAA,EAAE+B,gBAHrB,UAOR,CAACtB,MAAAA,OAAA,EAAAA,EAAWqB,UAYf,OATAE,EAAAA,WAAU,KACR,MAAMC,EAAgB7D,EAAQoD,KAAKJ,kCAC9BA,GAAM,CACTP,WAAYO,EAAOf,QAAUA,MAG/BW,EAAc,IAAIiB,EAAetB,MAChC,CAACvC,EAASuC,EAAmBN,IAG9B9B,EAAC,QAAAW,cAAAgD,EAAYA,aAAC,CAAAtD,UAAWmC,GACvBxC,EAAC,QAAAW,cAAAiD,iBAAcC,YAAY,EAAMC,QAAQ,GACvC9D,EAAC,QAAAW,cAAAoD,SACC7D,OAAAC,OAAA,CAAA6D,KAAMhE,UAAAW,cAACsD,EAAAA,KAAK,CAAAC,KAAK,cAAcrC,KAAMA,IACrCsC,GAAIC,EAAUA,WACdC,IAAKnC,EACLoC,QAAUC,GAAkCA,EAAMC,kBAClDC,KAAK,SACL5D,UAAU,qBACVK,QAASe,EACTF,KAAMA,GACFoB,EACArD,GAEJE,EAAC,QAAAW,cAAAJ,GACCC,eAAgBA,EAChBC,mBAAoBA,EACpBC,mBAAoBiB,MAAAA,OAAS,EAATA,EAAWjB,sBAGnCV,EAAC,QAAAW,cAAAhB,mBAAegC,EAAS,CAAEuB,SAAUJ,EAAcjD,QAAS2C,EAAYT,KAAMuB,GAAevB,QAMrGP,EAAOkD,YAAc,SAErB,MAAMC,EAAgBC,EAAeA,gBAACpD"}

package/build/switch.component-1065f097.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./withFormControl-1971ad8f.js"),a=require("./chakra-ui-checkbox.esm-499c8b0c.js"),n=require("./chakra-ui-system.esm-c70df670.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");const d=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(h,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};d.displayName="Switch";const f=r.withFormControl(d);exports.WrappedSwitch=f;
+//# sourceMappingURL=switch.component-1065f097.js.map

package/build/{switch.component-8d66801f.js.map → switch.component-1065f097.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-8d66801f.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
+{"version":3,"file":"switch.component-1065f097.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n  isChecked?: boolean;\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  isOnContrast?: boolean;\n  size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n  const _computedVariant = useMemo(() => {\n    if (isIndeterminate) {\n      return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n    } else {\n      return isOnContrast ? 'onContrast' : 'default';\n    }\n  }, [isIndeterminate, isOnContrast]);\n\n  return (\n    <CSwitch\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      variant={_computedVariant}\n      {...rest}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}

package/build/tab.component-df791b96.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("./notificationCounter.component-6581a359.js"),i=require("./icon.component-729a7547.js"),a=require("react"),n=require("./heading.component-198f40a3.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(a);const u={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=a=>{var{iconName:s,label:l,showNotificationCounter:f=!1,notificationCount:d=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=a,j=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(o.Tab,Object.assign({},j),!!s&&c.default.createElement(r.Box,{pr:2},c.default.createElement(i.Icon,{name:s,size:C})),c.default.createElement(n.WrappedHeading,{size:m[C]},l),f&&c.default.createElement(t.NotificationCounter,{count:d,variant:b,size:u[C],ml:2}))};
+//# sourceMappingURL=tab.component-df791b96.js.map

package/build/{tab.component-7216c161.js.map → tab.component-df791b96.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab.component-7216c161.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"0YAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
+{"version":3,"file":"tab.component-df791b96.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n  xs: 'xs',\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      <Heading size={tabHeadingSize[size]}>{label}</Heading>\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"0YAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}

package/build/tabs.component-cfe10d1e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./tab.component-df791b96.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=r(t);exports.Tabs=t=>{var{size:r="md",tabList:l,tabPanels:n,tabPanelsStyle:i}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return b.default.createElement(s.Tabs,Object.assign({},u,{size:r}),b.default.createElement(s.TabList,null,l.map(((e,t)=>b.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&b.default.createElement(s.TabPanels,Object.assign({},i),n.map((e=>e))))};
+//# sourceMappingURL=tabs.component-cfe10d1e.js.map

package/build/{tabs.component-a9d4cd4d.js.map → tabs.component-cfe10d1e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.component-a9d4cd4d.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBqBA,IAAA,IAAAC,KAAEA,EAAO,KAAIC,QAAEA,EAAOC,UAAEA,EAASC,eAAEA,GAAoCJ,EAAjBK,EAAIC,EAAAA,OAAAN,EAA1D,iDACnB,OACEO,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAJ,KAAMA,IACrBM,UAAAK,cAACC,EAAOA,QAAA,KACLX,EAAQY,KAAI,CAACC,EAAKC,IACjBT,EAAAA,QAACK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOf,KAAMA,GAAUc,SAGlCZ,GAAaI,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAP,GAAiBD,EAAUW,KAAKM,GAAUA"}
+{"version":3,"file":"tabs.component-cfe10d1e.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: TabPanelProps;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBqBA,IAAA,IAAAC,KAAEA,EAAO,KAAIC,QAAEA,EAAOC,UAAEA,EAASC,eAAEA,GAAoCJ,EAAjBK,EAAIC,EAAAA,OAAAN,EAA1D,iDACnB,OACEO,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAJ,KAAMA,IACrBM,UAAAK,cAACC,EAAOA,QAAA,KACLX,EAAQY,KAAI,CAACC,EAAKC,IACjBT,EAAAA,QAACK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOf,KAAMA,GAAUc,SAGlCZ,GAAaI,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAP,GAAiBD,EAAUW,KAAKM,GAAUA"}

package/build/{tabsLayout.component-c9722b65.js → tabsLayout.component-4055835c.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./tabs.component-a9d4cd4d.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
-//# sourceMappingURL=tabsLayout.component-c9722b65.js.map
+"use strict";var e=require("react"),t=require("./tabs.component-cfe10d1e.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
+//# sourceMappingURL=tabsLayout.component-4055835c.js.map

package/build/{tabsLayout.component-c9722b65.js.map → tabsLayout.component-4055835c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabsLayout.component-c9722b65.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
+{"version":3,"file":"tabsLayout.component-4055835c.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}

package/build/{textInput.component-698edd91.js → textInput.component-d63fb051.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./withFormControl-fbce8608.js"),l=require("./icon.component-9318bebf.js"),a=require("./chakra-ui-button.esm-bd065780.js"),r=require("./chakra-ui-input.esm-5fd07056.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);const s={sm:5,md:5,lg:6},o=({handleClear:e,size:t="md"})=>u.default.createElement(a.Button,{display:"inline-flex",minW:"auto",w:s[t],h:s[t],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===t?3:4,onClick:e},u.default.createElement(l.Icon,{variant:"default",name:"close",size:"lg"===t?"sm":"xs"})),c=n.withFormControl((t=>{var{isClearable:n=!1,size:l="md",leftElement:a,rightElement:i,inputRef:s,isFieldInline:c,onClear:m,value:d,isOnContrast:f}=t,p=e.__rest(t,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast"]);let h=f?"onContrast":"default";const E=()=>{m&&m(d||"")};return n&&d&&(i=u.default.createElement(o,{size:l,handleClear:E})),u.default.createElement(r.InputGroup,null,a?u.default.createElement(r.InputLeftElement,{children:a,h:"100%"}):null,u.default.createElement(r.Input,Object.assign({variant:h},p,{ref:s,size:l,value:d})),i?u.default.createElement(r.InputRightElement,{children:i,h:"100%"}):null)})),m=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));m.displayName="TextInput",exports.WrappedTextInput=m;
-//# sourceMappingURL=textInput.component-698edd91.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./withFormControl-1971ad8f.js"),l=require("./icon.component-729a7547.js"),a=require("./chakra-ui-button.esm-bd065780.js"),r=require("./chakra-ui-input.esm-5fd07056.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);const s={sm:5,md:5,lg:6},o=({handleClear:e,size:t="md"})=>u.default.createElement(a.Button,{display:"inline-flex",minW:"auto",w:s[t],h:s[t],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===t?3:4,onClick:e},u.default.createElement(l.Icon,{variant:"default",name:"close",size:"lg"===t?"sm":"xs"})),c=n.withFormControl((t=>{var{isClearable:n=!1,size:l="md",leftElement:a,rightElement:i,inputRef:s,isFieldInline:c,onClear:d,value:m,isOnContrast:f}=t,p=e.__rest(t,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast"]);let h=f?"onContrast":"default";const E=()=>{d&&d(m||"")};return n&&m&&(i=u.default.createElement(o,{size:l,handleClear:E})),u.default.createElement(r.InputGroup,null,a?u.default.createElement(r.InputLeftElement,{children:a,h:"100%"}):null,u.default.createElement(r.Input,Object.assign({variant:h},p,{ref:s,size:l,value:m})),i?u.default.createElement(r.InputRightElement,{children:i,h:"100%"}):null)})),d=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));d.displayName="TextInput",exports.WrappedTextInput=d;
+//# sourceMappingURL=textInput.component-d63fb051.js.map

package/build/{textInput.component-698edd91.js.map → textInput.component-d63fb051.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-698edd91.js","sources":["../src/components/TextInput/components/ClearButton/clearButton.records.ts","../src/components/TextInput/components/ClearButton/clearButton.component.tsx","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n  sm: 5,\n  md: 5,\n  lg: 6,\n};\n","import React from 'react';\nimport { Button } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nexport const ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n  return (\n    <Button\n      display=\"inline-flex\"\n      minW=\"auto\"\n      w={closeButtonSize[size]}\n      h={closeButtonSize[size]}\n      variant=\"unstyled\"\n      opacity={0.5}\n      _hover={{ opacity: 0.8 }}\n      _active={{ opacity: 1 }}\n      mr={size === 'sm' ? 3 : 4}\n      onClick={handleClear}\n    >\n      <Icon variant=\"default\" name=\"close\" size={size === 'lg' ? 'sm' : 'xs'} />\n    </Button>\n  );\n};\n","import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { ClearButton } from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = <ClearButton size={size} handleClear={handleClear} />;\n    }\n\n    return (\n      <InputGroup>\n        {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n        <CInput variant={_computedVariant} {...rest} ref={inputRef} size={size} value={value} />\n        {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n      </InputGroup>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSize","sm","md","lg","ClearButton","handleClear","size","React","createElement","Button","display","minW","w","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","TextInput","withFormControl","_a","isClearable","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","rest","__rest","_computedVariant","InputGroup","InputLeftElement","children","CInput","Object","assign","ref","InputRightElement","WrappedTextInput","forwardRef","props","displayName"],"mappings":"gVAEO,MAAMA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,GCMOC,EAAc,EAAGC,YAAAA,EAAaC,KAAAA,EAAO,QAE9CC,EAAAA,QAAAC,cAACC,EAAAA,OAAM,CACLC,QAAQ,cACRC,KAAK,OACLC,EAAGZ,EAAgBM,GACnBO,EAAGb,EAAgBM,GACnBQ,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATZ,EAAgB,EAAI,EACxBa,QAASd,GAETE,EAAAA,QAACC,cAAAY,EAAAA,KAAK,CAAAN,QAAQ,UAAUO,KAAK,QAAQf,KAAe,OAATA,EAAgB,KAAO,QCOlEgB,EAAYC,EAAAA,iBACfC,QAAAC,YACCA,GAAc,EAAKnB,KACnBA,EAAO,KAAIoB,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,GAAYR,EACTS,EAVJC,EAAAA,OAAAV,EAAA,CAAA,cAAA,OAAA,cAAA,eAAA,WAAA,gBAAA,UAAA,QAAA,iBAYC,IAAIW,EAAmBH,EAAe,aAAe,UAErD,MAAM3B,EAAc,KACdyB,GACFA,EAAQC,GAAS,KAQrB,OAJIN,GAAiBM,IACnBJ,EAAepB,EAAAA,QAAAC,cAACJ,EAAW,CAACE,KAAMA,EAAMD,YAAaA,KAIrDE,wBAAC6B,EAAAA,WAAU,KACRV,EAAcnB,EAAAA,QAACC,cAAA6B,oBAAiBC,SAAUZ,EAAab,EAAE,SAAY,KACtEN,EAAA,QAAAC,cAAC+B,QAAOC,OAAAC,OAAA,CAAA3B,QAASqB,GAAsBF,EAAM,CAAAS,IAAKd,EAAUtB,KAAMA,EAAMyB,MAAOA,KAC9EJ,EAAepB,EAAA,QAAAC,cAACmC,EAAAA,kBAAkB,CAAAL,SAAUX,EAAcd,EAAE,SAAY,SAM3E+B,EAAmBC,EAAUA,YAAC,CAACC,EAAuBJ,IAC1DnC,EAAAA,QAACC,cAAAc,EAAUkB,OAAAC,OAAA,CAAAb,SAAUc,GAASI,MAGhCF,EAAiBG,YAAc"}
+{"version":3,"file":"textInput.component-d63fb051.js","sources":["../src/components/TextInput/components/ClearButton/clearButton.records.ts","../src/components/TextInput/components/ClearButton/clearButton.component.tsx","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n  sm: 5,\n  md: 5,\n  lg: 6,\n};\n","import React from 'react';\nimport { Button } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nexport const ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n  return (\n    <Button\n      display=\"inline-flex\"\n      minW=\"auto\"\n      w={closeButtonSize[size]}\n      h={closeButtonSize[size]}\n      variant=\"unstyled\"\n      opacity={0.5}\n      _hover={{ opacity: 0.8 }}\n      _active={{ opacity: 1 }}\n      mr={size === 'sm' ? 3 : 4}\n      onClick={handleClear}\n    >\n      <Icon variant=\"default\" name=\"close\" size={size === 'lg' ? 'sm' : 'xs'} />\n    </Button>\n  );\n};\n","import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { ClearButton } from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  size?: FormControlSize;\n  isOnContrast?: boolean;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst TextInput = withFormControl(\n  ({\n    isClearable = false,\n    size = 'md',\n    leftElement,\n    rightElement,\n    inputRef,\n    isFieldInline,\n    onClear,\n    value,\n    isOnContrast,\n    ...rest\n  }: TextInputProps): JSX.Element => {\n    let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    const handleClear = (): void => {\n      if (onClear) {\n        onClear(value || '');\n      }\n    };\n\n    if (isClearable && !!value) {\n      rightElement = <ClearButton size={size} handleClear={handleClear} />;\n    }\n\n    return (\n      <InputGroup>\n        {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n        <CInput variant={_computedVariant} {...rest} ref={inputRef} size={size} value={value} />\n        {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n      </InputGroup>\n    );\n  },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSize","sm","md","lg","ClearButton","handleClear","size","React","createElement","Button","display","minW","w","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","TextInput","withFormControl","_a","isClearable","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","rest","__rest","_computedVariant","InputGroup","InputLeftElement","children","CInput","Object","assign","ref","InputRightElement","WrappedTextInput","forwardRef","props","displayName"],"mappings":"gVAEO,MAAMA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,GCMOC,EAAc,EAAGC,YAAAA,EAAaC,KAAAA,EAAO,QAE9CC,EAAAA,QAAAC,cAACC,EAAAA,OAAM,CACLC,QAAQ,cACRC,KAAK,OACLC,EAAGZ,EAAgBM,GACnBO,EAAGb,EAAgBM,GACnBQ,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATZ,EAAgB,EAAI,EACxBa,QAASd,GAETE,EAAAA,QAACC,cAAAY,EAAAA,KAAK,CAAAN,QAAQ,UAAUO,KAAK,QAAQf,KAAe,OAATA,EAAgB,KAAO,QCOlEgB,EAAYC,EAAAA,iBACfC,QAAAC,YACCA,GAAc,EAAKnB,KACnBA,EAAO,KAAIoB,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,GAAYR,EACTS,EAVJC,EAAAA,OAAAV,EAAA,CAAA,cAAA,OAAA,cAAA,eAAA,WAAA,gBAAA,UAAA,QAAA,iBAYC,IAAIW,EAAmBH,EAAe,aAAe,UAErD,MAAM3B,EAAc,KACdyB,GACFA,EAAQC,GAAS,KAQrB,OAJIN,GAAiBM,IACnBJ,EAAepB,EAAAA,QAAAC,cAACJ,EAAW,CAACE,KAAMA,EAAMD,YAAaA,KAIrDE,wBAAC6B,EAAAA,WAAU,KACRV,EAAcnB,EAAAA,QAACC,cAAA6B,oBAAiBC,SAAUZ,EAAab,EAAE,SAAY,KACtEN,EAAA,QAAAC,cAAC+B,QAAOC,OAAAC,OAAA,CAAA3B,QAASqB,GAAsBF,EAAM,CAAAS,IAAKd,EAAUtB,KAAMA,EAAMyB,MAAOA,KAC9EJ,EAAepB,EAAA,QAAAC,cAACmC,EAAAA,kBAAkB,CAAAL,SAAUX,EAAcd,EAAE,SAAY,SAM3E+B,EAAmBC,EAAUA,YAAC,CAACC,EAAuBJ,IAC1DnC,EAAAA,QAACC,cAAAc,EAAUkB,OAAAC,OAAA,CAAAb,SAAUc,GAASI,MAGhCF,EAAiBG,YAAc"}

package/build/{textarea.component-2ce3b83d.js → textarea.component-eda7f5d3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./withFormControl-fbce8608.js"),a=require("./chakra-ui-textarea.esm-23fad4cd.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const f=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:f},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
-//# sourceMappingURL=textarea.component-2ce3b83d.js.map
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./withFormControl-1971ad8f.js"),a=require("./chakra-ui-textarea.esm-23fad4cd.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const f=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:f},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
+//# sourceMappingURL=textarea.component-eda7f5d3.js.map

package/build/{textarea.component-2ce3b83d.js.map → textarea.component-eda7f5d3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-2ce3b83d.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}
+{"version":3,"file":"textarea.component-eda7f5d3.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n  ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n    const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n    return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n  },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}