@faststore/ui 1.8.14 → 1.8.17

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.8.17 (2022-05-13)
+
+
+### Features
+
+* **UI:** Add `ProductCard` component ([#1272](https://github.com/vtex/faststore/issues/1272)) ([ea62210](https://github.com/vtex/faststore/commit/ea6221080da8b3538551f7a77df61a14d8de297d))
+
+
+
+
+
+## 1.8.16 (2022-05-13)
+
+**Note:** Version bump only for package @faststore/ui
+
+
+
+
+
+## 1.8.15 (2022-05-13)
+
+**Note:** Version bump only for package @faststore/ui
+
+
+
+
+
 ## 1.8.14 (2022-05-13)
 
 **Note:** Version bump only for package @faststore/ui

package/dist/index.d.ts

@@ -34,6 +34,10 @@ export { default as Label } from './atoms/Label';
 export type { LabelProps } from './atoms/Label';
 export { default as Incentive } from './atoms/Incentive';
 export type { IncentiveProps } from './atoms/Incentive';
+export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './molecules/ProductCard';
+export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, ProductCardActionsProps, } from './molecules/ProductCard';
+export { default as Card, CardImage, CardContent, CardActions, } from './molecules/Card';
+export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './molecules/Card';
 export { default as Bullets } from './molecules/Bullets';
 export type { BulletsProps } from './molecules/Bullets';
 export { default as SearchInput } from './molecules/SearchInput';
@@ -68,7 +72,5 @@ export { default as QuantitySelector } from './molecules/QuantitySelector';
 export type { QuantitySelectorProps } from './molecules/QuantitySelector';
 export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
 export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './molecules/Dropdown';
-export { default as Card, CardImage, CardContent, CardActions, } from './organisms/Card';
-export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './organisms/Card';
 export { default as useSlider } from './hooks/useSlider';
 export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';

package/dist/molecules/ProductCard/ProductCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+}
+declare const ProductCard: React.ForwardRefExoticComponent<ProductCardProps & React.RefAttributes<HTMLDivElement>>;
+export default ProductCard;

package/dist/molecules/ProductCard/ProductCardActions.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface ProductCardActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const ProductCardActions: React.ForwardRefExoticComponent<ProductCardActionsProps & React.RefAttributes<HTMLDivElement>>;
+export default ProductCardActions;

package/dist/molecules/ProductCard/ProductCardContent.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const ProductCardContent: React.ForwardRefExoticComponent<ProductCardContentProps & React.RefAttributes<HTMLElement>>;
+export default ProductCardContent;

package/dist/molecules/ProductCard/ProductCardImage.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface ProductCardImageProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const ProductCardImage: React.ForwardRefExoticComponent<ProductCardImageProps & React.RefAttributes<HTMLDivElement>>;
+export default ProductCardImage;

package/dist/molecules/ProductCard/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
+export { default as ProductCardImage } from './ProductCardImage';
+export type { ProductCardImageProps } from './ProductCardImage';
+export { default as ProductCardContent } from './ProductCardContent';
+export type { ProductCardContentProps } from './ProductCardContent';
+export { default as ProductCardActions } from './ProductCardActions';
+export type { ProductCardActionsProps } from './ProductCardActions';

package/dist/molecules/ProductCard/stories/ProductCard.stories.d.ts

@@ -0,0 +1,4 @@
+import type { ProductCardProps } from '../ProductCard';
+export declare const ProductCard: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ProductCardProps>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;

package/dist/ui.cjs.development.js

@@ -328,6 +328,102 @@ const Incentive = /*#__PURE__*/React.forwardRef(function Incentive({
   }, otherProps), children);
 });
 
+const ProductCard = /*#__PURE__*/React.forwardRef(function Card({
+  testId = 'store-product-card',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("article", Object.assign({
+    ref: ref,
+    "data-store-product-card": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const ProductCardImage = /*#__PURE__*/React.forwardRef(function ProductCardImage({
+  testId = 'store-product-card-image',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("div", Object.assign({
+    ref: ref,
+    "data-product-card-image": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const ProductCardContent = /*#__PURE__*/React.forwardRef(function CardContent({
+  testId = 'store-product-card-content',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("section", Object.assign({
+    ref: ref,
+    "data-product-card-content": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const ProductCardActions = /*#__PURE__*/React.forwardRef(function CardActions({
+  testId = 'store-product-card-actions',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("div", Object.assign({
+    ref: ref,
+    "data-product-card-actions": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const Card = /*#__PURE__*/React.forwardRef(function Card({
+  testId = 'store-card',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("article", Object.assign({
+    ref: ref,
+    "data-store-card": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const CardImage = /*#__PURE__*/React.forwardRef(function CardImage({
+  testId = 'store-card-image',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("div", Object.assign({
+    ref: ref,
+    "data-card-image": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const CardContent = /*#__PURE__*/React.forwardRef(function CardContent({
+  testId = 'store-card-content',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("section", Object.assign({
+    ref: ref,
+    "data-card-content": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const CardActions = /*#__PURE__*/React.forwardRef(function CardActions({
+  testId = 'store-card-actions',
+  children,
+  ...otherProps
+}, ref) {
+  return React__default.createElement("div", Object.assign({
+    ref: ref,
+    "data-card-actions": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
 const defaultAriaLabel = (idx, isActive) => isActive ? 'Current page' : `Go to page ${idx + 1}`;
 
 const Bullets = /*#__PURE__*/React.forwardRef(function Bullets({
@@ -1871,54 +1967,6 @@ const DropdownMenu = ({
   }, otherProps), children)), document.body) : clearChildrenReferences();
 };
 
-const Card = /*#__PURE__*/React.forwardRef(function Card({
-  testId = 'store-card',
-  children,
-  ...otherProps
-}, ref) {
-  return React__default.createElement("article", Object.assign({
-    ref: ref,
-    "data-store-card": true,
-    "data-testid": testId
-  }, otherProps), children);
-});
-
-const CardImage = /*#__PURE__*/React.forwardRef(function CardImage({
-  testId = 'store-card-image',
-  children,
-  ...otherProps
-}, ref) {
-  return React__default.createElement("div", Object.assign({
-    ref: ref,
-    "data-card-image": true,
-    "data-testid": testId
-  }, otherProps), children);
-});
-
-const CardContent = /*#__PURE__*/React.forwardRef(function CardContent({
-  testId = 'store-card-content',
-  children,
-  ...otherProps
-}, ref) {
-  return React__default.createElement("section", Object.assign({
-    ref: ref,
-    "data-card-content": true,
-    "data-testid": testId
-  }, otherProps), children);
-});
-
-const CardActions = /*#__PURE__*/React.forwardRef(function CardActions({
-  testId = 'store-card-actions',
-  children,
-  ...otherProps
-}, ref) {
-  return React__default.createElement("div", Object.assign({
-    ref: ref,
-    "data-card-actions": true,
-    "data-testid": testId
-  }, otherProps), children);
-});
-
 exports.Accordion = Accordion;
 exports.AccordionButton = AccordionButton;
 exports.AccordionItem = AccordionItem;
@@ -1957,6 +2005,10 @@ exports.PaymentMethods = PaymentMethods;
 exports.Popover = Popover;
 exports.Price = Price;
 exports.PriceRange = PriceRange;
+exports.ProductCard = ProductCard;
+exports.ProductCardActions = ProductCardActions;
+exports.ProductCardContent = ProductCardContent;
+exports.ProductCardImage = ProductCardImage;
 exports.QuantitySelector = QuantitySelector;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;