@salesforce/retail-react-app 1.1.0-dev.0 → 1.1.0-dev.2

package/app/components/product-view/index.jsx

@@ -10,7 +10,17 @@ import PropTypes from 'prop-types'
 import {useHistory, useLocation} from 'react-router-dom'
 import {useIntl} from 'react-intl'
 
-import {Flex, Heading, Button, Skeleton, Box, Text, VStack, Fade, useTheme} from '@chakra-ui/react'
+import {
+    Flex,
+    Heading,
+    Button,
+    Skeleton,
+    Box,
+    Text,
+    VStack,
+    Fade,
+    useTheme
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 import {useDerivedProduct} from '@salesforce/retail-react-app/app/hooks'
 import {useAddToCartModalContext} from '@salesforce/retail-react-app/app/hooks/use-add-to-cart-modal'
 
@@ -93,6 +103,7 @@ const ProductView = forwardRef(
             updateWishlist,
             isProductLoading,
             isProductPartOfSet = false,
+            isBasketLoading = false,
             onVariantSelected = () => {},
             validateOrderability = (variant, quantity, stockLevel) =>
                 !isProductLoading && variant?.orderable && quantity > 0 && quantity <= stockLevel
@@ -220,7 +231,8 @@ const ProductView = forwardRef(
                     <Button
                         key="cart-button"
                         onClick={handleCartItem}
-                        disabled={showInventoryMessage}
+                        disabled={isBasketLoading || showInventoryMessage}
+                        isLoading={isBasketLoading}
                         width="100%"
                         variant="solid"
                         marginBottom={4}
@@ -287,7 +299,7 @@ const ProductView = forwardRef(
                 <Box display={['block', 'block', 'block', 'none']}>
                     <ProductViewHeader
                         name={product?.name}
-                        price={product?.price}
+                        price={product?.pricePerUnit || product?.price}
                         productType={product?.type}
                         currency={product?.currency}
                         category={category}
@@ -326,7 +338,7 @@ const ProductView = forwardRef(
                         <Box display={['none', 'none', 'none', 'block']}>
                             <ProductViewHeader
                                 name={product?.name}
-                                price={product?.price}
+                                price={product?.pricePerUnit || product?.price}
                                 productType={product?.type}
                                 currency={product?.currency}
                                 category={category}
@@ -524,6 +536,7 @@ ProductView.propTypes = {
     isProductPartOfSet: PropTypes.bool,
     category: PropTypes.array,
     isProductLoading: PropTypes.bool,
+    isBasketLoading: PropTypes.bool,
     isWishlistLoading: PropTypes.bool,
     addToCart: PropTypes.func,
     addToWishlist: PropTypes.func,

package/app/components/product-view/index.test.js

@@ -29,7 +29,8 @@ MockComponent.propTypes = {
     product: PropTypes.object,
     addToCart: PropTypes.func,
     addToWishlist: PropTypes.func,
-    updateWishlist: PropTypes.func
+    updateWishlist: PropTypes.func,
+    isBasketLoading: PropTypes.bool
 }
 
 // Set up and clean up
@@ -222,3 +223,27 @@ test('onVariantSelected callback is called after successfully selected a variant
         expect(onVariantSelected).toHaveBeenCalledTimes(1)
     })
 })
+
+describe('add to cart button loading tests', () => {
+    test('add to cart button is disabled if isBasketLoading is true', async () => {
+        renderWithProviders(
+            <MockComponent
+                product={mockProductDetail}
+                addToCart={() => {}}
+                isBasketLoading={true}
+            />
+        )
+        expect(screen.getByRole('button', {name: /add to cart/i})).toBeDisabled()
+    })
+
+    test('add to cart button is enabled if isBasketLoading is false', async () => {
+        renderWithProviders(
+            <MockComponent
+                product={mockProductDetail}
+                addToCart={() => {}}
+                isBasketLoading={false}
+            />
+        )
+        expect(screen.getByRole('button', {name: /add to cart/i})).toBeEnabled()
+    })
+})

package/app/components/product-view-modal/index.jsx

@@ -7,7 +7,13 @@
 
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Modal, ModalBody, ModalCloseButton, ModalContent, ModalOverlay} from '@chakra-ui/react'
+import {
+    Modal,
+    ModalBody,
+    ModalCloseButton,
+    ModalContent,
+    ModalOverlay
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 import ProductView from '@salesforce/retail-react-app/app/components/product-view'
 import {useProductViewModal} from '@salesforce/retail-react-app/app/hooks/use-product-view-modal'
 

package/app/components/product-view-modal/index.test.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types'
 import ProductViewModal from '@salesforce/retail-react-app/app/components/product-view-modal/index'
 import {renderWithProviders} from '@salesforce/retail-react-app/app/utils/test-utils'
 import {fireEvent, screen} from '@testing-library/react'
-import {useDisclosure} from '@chakra-ui/react'
+import {useDisclosure} from '@salesforce/retail-react-app/app/components/shared/ui'
 import mockProductDetail from '@salesforce/retail-react-app/app/mocks/variant-750518699578M'
 import {prependHandlersToServer} from '@salesforce/retail-react-app/jest-setup'
 

package/app/components/promo-code/index.jsx

@@ -15,7 +15,7 @@ import {
     AccordionItem,
     AccordionPanel,
     useToast
-} from '@chakra-ui/react'
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 import {useForm} from 'react-hook-form'
 import {ChevronDownIcon, ChevronUpIcon} from '@salesforce/retail-react-app/app/components/icons'
 import PromoCodeFields from '@salesforce/retail-react-app/app/components/forms/promo-code-fields'

package/app/components/promo-popover/index.jsx

@@ -18,7 +18,7 @@ import {
     PopoverTrigger,
     Portal,
     Text
-} from '@chakra-ui/react'
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 import {InfoIcon} from '@salesforce/retail-react-app/app/components/icons'
 import {FormattedMessage} from 'react-intl'
 

package/app/components/quantity-picker/index.jsx

@@ -6,7 +6,12 @@
  */
 
 import React from 'react'
-import {Button, HStack, Input, useNumberInput} from '@chakra-ui/react'
+import {
+    Button,
+    HStack,
+    Input,
+    useNumberInput
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 
 /**
  * This is the mobile implementation of the Chakra NumberInput. This simple component essentially

package/app/components/radio-card/index.jsx

@@ -6,7 +6,7 @@
  */
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Box, useRadio, useRadioGroup} from '@chakra-ui/react'
+import {Box, useRadio, useRadioGroup} from '@salesforce/retail-react-app/app/components/shared/ui'
 import {CheckIcon} from '@salesforce/retail-react-app/app/components/icons'
 
 const RadioCardGroupContext = React.createContext()

package/app/components/recommended-products/index.jsx

@@ -8,7 +8,7 @@
 import React, {useEffect, useRef, useState} from 'react'
 import PropTypes from 'prop-types'
 import {useIntl} from 'react-intl'
-import {Button} from '@chakra-ui/react'
+import {Button} from '@salesforce/retail-react-app/app/components/shared/ui'
 import ProductScroller from '@salesforce/retail-react-app/app/components/product-scroller'
 import useEinstein from '@salesforce/retail-react-app/app/hooks/use-einstein'
 import {useCurrentCustomer} from '@salesforce/retail-react-app/app/hooks/use-current-customer'

package/app/components/register/index.jsx

@@ -8,7 +8,13 @@
 import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
-import {Alert, Button, Stack, Text, Link as ChakraLink} from '@chakra-ui/react'
+import {
+    Alert,
+    Button,
+    Stack,
+    Text,
+    Link as ChakraLink
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 import {AlertIcon, BrandLogo} from '@salesforce/retail-react-app/app/components/icons'
 import {noop} from '@salesforce/retail-react-app/app/utils/utils'
 import RegistrationFields from '@salesforce/retail-react-app/app/components/forms/registration-fields'

package/app/components/reset-password/index.jsx

@@ -8,7 +8,7 @@
 import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
 import {FormattedMessage} from 'react-intl'
-import {Alert, Button, Stack, Text} from '@chakra-ui/react'
+import {Alert, Button, Stack, Text} from '@salesforce/retail-react-app/app/components/shared/ui'
 import {AlertIcon, BrandLogo} from '@salesforce/retail-react-app/app/components/icons'
 import {noop} from '@salesforce/retail-react-app/app/utils/utils'
 import ResetPasswordFields from '@salesforce/retail-react-app/app/components/forms/reset-password-fields'

package/app/components/responsive/index.jsx

@@ -6,7 +6,7 @@
  */
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Box} from '@chakra-ui/react'
+import {Box} from '@salesforce/retail-react-app/app/components/shared/ui'
 
 /**
  * Render the children in the DOM but visually hide them on desktop

package/app/components/search/index.jsx

@@ -18,7 +18,7 @@ import {
     Flex,
     HStack,
     Spinner
-} from '@chakra-ui/react'
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 import SearchSuggestions from '@salesforce/retail-react-app/app/components/search/partials/search-suggestions'
 import {SearchIcon} from '@salesforce/retail-react-app/app/components/icons'
 import {

package/app/components/search/partials/recent-searches.jsx

@@ -6,7 +6,7 @@
  */
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Text, Button, Box} from '@chakra-ui/react'
+import {Text, Button, Box} from '@salesforce/retail-react-app/app/components/shared/ui'
 
 import {clearSessionJSONItem} from '@salesforce/retail-react-app/app/utils/utils'
 import {RECENT_SEARCH_KEY} from '@salesforce/retail-react-app/app/constants'

package/app/components/search/partials/search-suggestions.jsx

@@ -6,7 +6,7 @@
  */
 import React, {Fragment} from 'react'
 import PropTypes from 'prop-types'
-import {Stack} from '@chakra-ui/react'
+import {Stack} from '@salesforce/retail-react-app/app/components/shared/ui'
 import RecentSearches from '@salesforce/retail-react-app/app/components/search/partials/recent-searches'
 import Suggestions from '@salesforce/retail-react-app/app/components/search/partials/suggestions'
 

package/app/components/search/partials/suggestions.jsx

@@ -6,7 +6,7 @@
  */
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Text, Button, Stack, Box} from '@chakra-ui/react'
+import {Text, Button, Stack, Box} from '@salesforce/retail-react-app/app/components/shared/ui'
 
 const Suggestions = ({suggestions, closeAndNavigate}) => {
     if (!suggestions) {

package/app/components/section/index.jsx

@@ -7,7 +7,13 @@
 
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Box, Heading, Stack, Text, Container} from '@chakra-ui/react'
+import {
+    Box,
+    Heading,
+    Stack,
+    Text,
+    Container
+} from '@salesforce/retail-react-app/app/components/shared/ui'
 
 /**
  * Section component used on content pages like home page.

package/app/components/shared/theme/index.jsx

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+import {theme} from '@chakra-ui/theme'
+
+export default theme

package/app/components/shared/ui/Accordion/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Accordion} from '@chakra-ui/react'

package/app/components/shared/ui/AccordionButton/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AccordionButton} from '@chakra-ui/react'

package/app/components/shared/ui/AccordionIcon/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AccordionIcon} from '@chakra-ui/react'

package/app/components/shared/ui/AccordionItem/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AccordionItem} from '@chakra-ui/react'

package/app/components/shared/ui/AccordionPanel/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AccordionPanel} from '@chakra-ui/react'

package/app/components/shared/ui/Alert/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Alert} from '@chakra-ui/react'

package/app/components/shared/ui/AlertDialog/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertDialog} from '@chakra-ui/react'

package/app/components/shared/ui/AlertDialogBody/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertDialogBody} from '@chakra-ui/react'

package/app/components/shared/ui/AlertDialogContent/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertDialogContent} from '@chakra-ui/react'

package/app/components/shared/ui/AlertDialogFooter/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertDialogFooter} from '@chakra-ui/react'

package/app/components/shared/ui/AlertDialogHeader/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertDialogHeader} from '@chakra-ui/react'

package/app/components/shared/ui/AlertDialogOverlay/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertDialogOverlay} from '@chakra-ui/react'

package/app/components/shared/ui/AlertIcon/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertIcon} from '@chakra-ui/react'

package/app/components/shared/ui/AlertTitle/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AlertTitle} from '@chakra-ui/react'

package/app/components/shared/ui/AspectRatio/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {AspectRatio} from '@chakra-ui/react'

package/app/components/shared/ui/Badge/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Badge} from '@chakra-ui/react'

package/app/components/shared/ui/Box/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Box} from '@chakra-ui/react'

package/app/components/shared/ui/Breadcrumb/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Breadcrumb} from '@chakra-ui/react'

package/app/components/shared/ui/BreadcrumbItem/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {BreadcrumbItem} from '@chakra-ui/react'

package/app/components/shared/ui/BreadcrumbLink/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {BreadcrumbLink} from '@chakra-ui/react'

package/app/components/shared/ui/Button/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Button} from '@chakra-ui/react'

package/app/components/shared/ui/ButtonGroup/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {ButtonGroup} from '@chakra-ui/react'

package/app/components/shared/ui/Center/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Center} from '@chakra-ui/react'

package/app/components/shared/ui/ChakraProvider/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {ChakraProvider} from '@chakra-ui/react'

package/app/components/shared/ui/Checkbox/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Checkbox} from '@chakra-ui/react'

package/app/components/shared/ui/CloseButton/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {CloseButton} from '@chakra-ui/react'

package/app/components/shared/ui/Container/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Container} from '@chakra-ui/react'

package/app/components/shared/ui/Divider/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Divider} from '@chakra-ui/react'

package/app/components/shared/ui/Drawer/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {Drawer} from '@chakra-ui/react'

package/app/components/shared/ui/DrawerBody/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {DrawerBody} from '@chakra-ui/react'

package/app/components/shared/ui/DrawerCloseButton/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {DrawerCloseButton} from '@chakra-ui/react'

package/app/components/shared/ui/DrawerContent/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {DrawerContent} from '@chakra-ui/react'

package/app/components/shared/ui/DrawerFooter/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {DrawerFooter} from '@chakra-ui/react'

package/app/components/shared/ui/DrawerHeader/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {DrawerHeader} from '@chakra-ui/react'

package/app/components/shared/ui/DrawerOverlay/index.jsx

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export {DrawerOverlay} from '@chakra-ui/react'