@faststore/ui 1.8.34 → 1.8.35

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.8.35 (2022-05-26)
+
+
+### Features
+
+* Add OutOfStock component ([#1314](https://github.com/vtex/faststore/issues/1314)) ([37eac86](https://github.com/vtex/faststore/commit/37eac86ede448ef68aef426f65f2d224694b2cfc))
+
+
+
+
+
 ## 1.8.34 (2022-05-25)
 
 **Note:** Version bump only for package @faststore/ui

package/dist/index.d.ts

@@ -72,5 +72,7 @@ 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 OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './organisms/OutOfStock';
+export type { OutOfStockProps, OutOfStockMessageProps, OutOfStockTitleProps, } from './organisms/OutOfStock';
 export { default as useSlider } from './hooks/useSlider';
 export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';

package/dist/organisms/OutOfStock/OutOfStock.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ReactNode, FormHTMLAttributes } from 'react';
+export declare type OutOfStockBaseProps = {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Children for Out of Stock components.
+     */
+    children: string | ReactNode;
+};
+export declare type OutOfStockProps = OutOfStockBaseProps & {
+    /**
+     * Event emitted when form is submitted.
+     */
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+} & FormHTMLAttributes<HTMLFormElement>;
+declare const OutOfStock: ({ testId, children, ...otherProps }: OutOfStockProps) => JSX.Element;
+export default OutOfStock;

package/dist/organisms/OutOfStock/OutOfStockMessage.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { OutOfStockBaseProps } from './OutOfStock';
+export declare type OutOfStockMessageProps = {
+    /**
+     * Attribute used for polymorphic component.
+     */
+    as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+} & OutOfStockBaseProps;
+export declare const OutOfStockMessage: ({ as: MessageComponent, testId, children, }: OutOfStockMessageProps) => JSX.Element;

package/dist/organisms/OutOfStock/OutOfStockTitle.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { OutOfStockBaseProps } from './OutOfStock';
+export declare type OutOfStockTitleProps = {
+    /**
+     * Attribute used for polymorphic component.
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+} & OutOfStockBaseProps;
+export declare const OutOfStockTitle: ({ as: TitleComponent, testId, children, }: OutOfStockTitleProps) => JSX.Element;

package/dist/organisms/OutOfStock/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './OutOfStock';
+export { OutOfStockMessage } from './OutOfStockMessage';
+export { OutOfStockTitle } from './OutOfStockTitle';
+export type { OutOfStockProps } from './OutOfStock';
+export type { OutOfStockMessageProps } from './OutOfStockMessage';
+export type { OutOfStockTitleProps } from './OutOfStockTitle';

package/dist/organisms/OutOfStock/stories/OutOfStock.stories.d.ts

@@ -0,0 +1,10 @@
+import type { OutOfStockMessageProps, OutOfStockTitleProps, OutOfStockProps } from '..';
+declare type OutOfStockTemplateProps = {
+    title: string;
+    message: string;
+    titleAs: OutOfStockTitleProps['as'];
+    messageAs: OutOfStockMessageProps['as'];
+} & OutOfStockProps;
+export declare const OutOfStock: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, OutOfStockTemplateProps>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
+export default _default;

package/dist/ui.cjs.development.js

@@ -1967,6 +1967,42 @@ const DropdownMenu = ({
   }, otherProps), children)), document.body) : clearChildrenReferences();
 };
 
+const OutOfStock = ({
+  testId = 'store-out-of-stock',
+  children,
+  ...otherProps
+}) => {
+  return React__default.createElement("section", {
+    "data-store-out-of-stock": true,
+    "data-testid": testId
+  }, React__default.createElement(Form, Object.assign({
+    "data-out-of-stock-form": true,
+    testId: `${testId}-form`
+  }, otherProps), children));
+};
+
+const OutOfStockMessage = ({
+  as: MessageComponent = 'p',
+  testId = 'store-out-of-stock-message',
+  children
+}) => {
+  return React__default.createElement(MessageComponent, {
+    "data-out-of-stock-message": true,
+    "data-testid": testId
+  }, children);
+};
+
+const OutOfStockTitle = ({
+  as: TitleComponent = 'h2',
+  testId = 'store-out-of-stock-title',
+  children
+}) => {
+  return React__default.createElement(TitleComponent, {
+    "data-out-of-stock-title": true,
+    "data-testid": testId
+  }, children);
+};
+
 exports.Accordion = Accordion;
 exports.AccordionButton = AccordionButton;
 exports.AccordionItem = AccordionItem;
@@ -2000,6 +2036,9 @@ exports.Link = Link;
 exports.List = List;
 exports.LoadingButton = LoadingButton;
 exports.Modal = Modal;
+exports.OutOfStock = OutOfStock;
+exports.OutOfStockMessage = OutOfStockMessage;
+exports.OutOfStockTitle = OutOfStockTitle;
 exports.Overlay = Overlay;
 exports.PaymentMethods = PaymentMethods;
 exports.Popover = Popover;