@faststore/components 2.0.30-alpha.0 → 2.0.32-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/atoms/Badge/Badge.d.ts +1 -1
- package/dist/atoms/Button/Button.d.ts +3 -3
- package/dist/atoms/Input/Input.js.map +1 -1
- package/dist/atoms/Link/Link.d.ts +4 -4
- package/dist/atoms/List/List.d.ts +2 -2
- package/dist/atoms/Price/Price.d.ts +2 -2
- package/dist/molecules/BuyButton/BuyButton.d.ts +1 -1
- package/dist/molecules/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/molecules/InputField/InputField.d.ts +3 -3
- package/dist/molecules/LinkButton/LinkButton.d.ts +1 -1
- package/dist/molecules/RadioField/RadioField.d.ts +1 -1
- package/dist/molecules/Table/Table.d.ts +1 -1
- package/dist/molecules/Table/TableCell.d.ts +1 -1
- package/dist/molecules/ToggleField/ToggleField.d.ts +1 -1
- package/dist/organisms/Hero/Hero.d.ts +2 -2
- package/dist/typings/PolymorphicGenerics.d.ts +6 -6
- package/package.json +5 -3
- package/src/atoms/Input/Input.tsx +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,29 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 2.0.32-alpha.0 (2023-01-04)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* yarn lock ([#1578](https://github.com/vtex/faststore/issues/1578)) ([d07ebf2](https://github.com/vtex/faststore/commit/d07ebf26fef4518a3a1a1ffede34371d8866a07b))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## 2.0.31-alpha.0 (2023-01-03)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
* turbo config ([0048756](https://github.com/vtex/faststore/commit/00487564d0aa2a4bee382574a40fa20431a8f0eb))
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### Chores
|
|
24
|
+
|
|
25
|
+
* lint ([#1576](https://github.com/vtex/faststore/issues/1576)) ([a9f5e2e](https://github.com/vtex/faststore/commit/a9f5e2e921a29af898e631380736ee1211aecc0d))
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
6
29
|
## 2.0.30-alpha.0 (2023-01-02)
|
|
7
30
|
|
|
8
31
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode, HTMLAttributes, AriaAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export
|
|
3
|
+
export type BadgeVariants = 'info' | 'highlighted' | 'success' | 'neutral' | 'warning' | 'danger';
|
|
4
4
|
export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
6
6
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ReactNode, ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type Variant = 'primary' | 'secondary' | 'tertiary';
|
|
4
|
+
export type Size = 'small' | 'regular';
|
|
5
|
+
export type IconPosition = 'left' | 'right';
|
|
6
6
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
7
|
/**
|
|
8
8
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/atoms/Input/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/atoms/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE,EACtC,GAAG;IAEH,OAAO,+BAAO,GAAG,EAAE,GAAG,wCAA6B,MAAM,KAAM,UAAU,GAAI,CAAA;AAC/E,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ElementType, ReactElement } from 'react';
|
|
2
2
|
import { PolymorphicComponentPropsWithRef } from '../../typings';
|
|
3
|
-
|
|
3
|
+
type LinkBaseProps = {
|
|
4
4
|
/**
|
|
5
5
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
6
|
*/
|
|
@@ -18,8 +18,8 @@ declare type LinkBaseProps = {
|
|
|
18
18
|
*/
|
|
19
19
|
size?: 'small' | 'regular';
|
|
20
20
|
};
|
|
21
|
-
export
|
|
22
|
-
export
|
|
23
|
-
|
|
21
|
+
export type LinkElementType = ElementType;
|
|
22
|
+
export type LinkProps<C extends LinkElementType = 'a'> = PolymorphicComponentPropsWithRef<C, LinkBaseProps>;
|
|
23
|
+
type LinkComponent = <C extends LinkElementType = 'a'>(props: LinkProps<C>) => ReactElement | null;
|
|
24
24
|
declare const Link: LinkComponent;
|
|
25
25
|
export default Link;
|
|
@@ -10,7 +10,7 @@ interface BaseProps {
|
|
|
10
10
|
*/
|
|
11
11
|
marker?: boolean;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
14
|
-
|
|
13
|
+
export type ListProps<T extends ElementType = 'ul'> = PolymorphicComponentPropsWithRef<T, BaseProps>;
|
|
14
|
+
type ListComponent = <T extends ElementType = 'ul'>(props: ListProps<T>) => ReactElement | null;
|
|
15
15
|
declare const List: ListComponent;
|
|
16
16
|
export default List;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes, ElementType, ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type PriceVariant = 'selling' | 'listing' | 'spot' | 'savings' | 'installment';
|
|
4
|
+
export type PriceFormatter = (price: number, variant: PriceVariant) => ReactNode;
|
|
5
5
|
export interface PriceProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
6
6
|
/**
|
|
7
7
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ButtonProps } from '../../index';
|
|
3
|
-
|
|
3
|
+
type BuyButtonProps = ButtonProps;
|
|
4
4
|
declare function BuyButton({ testId, icon, children, ...otherProps }: BuyButtonProps): JSX.Element;
|
|
5
5
|
export default BuyButton;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { MutableRefObject } from 'react';
|
|
2
2
|
import type { InputProps } from '../../index';
|
|
3
|
-
|
|
3
|
+
type DefaultProps = {
|
|
4
4
|
/**
|
|
5
5
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
6
|
*/
|
|
@@ -26,7 +26,7 @@ declare type DefaultProps = {
|
|
|
26
26
|
*/
|
|
27
27
|
disabled?: boolean;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
type ActionableInputField = {
|
|
30
30
|
actionable?: never;
|
|
31
31
|
onSubmit?: never;
|
|
32
32
|
onClear?: never;
|
|
@@ -54,6 +54,6 @@ declare type ActionableInputField = {
|
|
|
54
54
|
*/
|
|
55
55
|
displayClearButton?: boolean;
|
|
56
56
|
};
|
|
57
|
-
export
|
|
57
|
+
export type InputFieldProps = DefaultProps & Omit<InputProps, 'disabled' | 'onSubmit'> & ActionableInputField;
|
|
58
58
|
declare const InputField: ({ id, label, type, error, displayClearButton, actionable, buttonActionText, onSubmit, onClear, placeholder, inputRef, disabled, value, testId, ...otherProps }: InputFieldProps) => JSX.Element;
|
|
59
59
|
export default InputField;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AnchorHTMLAttributes } from 'react';
|
|
2
2
|
import type { ButtonProps } from '../..';
|
|
3
|
-
export
|
|
3
|
+
export type LinkButtonProps = AnchorHTMLAttributes<HTMLAnchorElement> & ButtonProps;
|
|
4
4
|
declare function LinkButton({ icon, inverse, children, disabled, iconPosition, size, variant, testId, ...otherProps }: LinkButtonProps): JSX.Element;
|
|
5
5
|
export default LinkButton;
|
|
@@ -14,5 +14,5 @@ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTa
|
|
|
14
14
|
*/
|
|
15
15
|
variant?: 'colored' | 'bordered';
|
|
16
16
|
}
|
|
17
|
-
declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "slot" | "style" | "summary" | "title" | "
|
|
17
|
+
declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "slot" | "style" | "summary" | "title" | "testId" | "variant" | "aria-label" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "width" | "key" | "align" | "bgcolor" | "border" | "cellPadding" | "cellSpacing" | "frame" | "rules"> & React.RefAttributes<HTMLTableElement>>;
|
|
18
18
|
export default Table;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
3
|
+
type TableCellVariant = 'data' | 'header';
|
|
4
4
|
export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
|
|
5
5
|
/**
|
|
6
6
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { HTMLAttributes } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type Variant = 'primary' | 'secondary';
|
|
4
|
+
type ColorVariant = 'main' | 'light' | 'accent';
|
|
5
5
|
interface HeroContext {
|
|
6
6
|
variant: Variant;
|
|
7
7
|
colorVariant: ColorVariant;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Article link: https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
|
|
6
6
|
*/
|
|
7
7
|
import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from 'react';
|
|
8
|
-
|
|
8
|
+
type AsProp<C extends ElementType> = {
|
|
9
9
|
as?: C;
|
|
10
10
|
};
|
|
11
11
|
/**
|
|
@@ -13,16 +13,16 @@ declare type AsProp<C extends ElementType> = {
|
|
|
13
13
|
* (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
|
|
14
14
|
* set of props.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
type ExtendableProps<ExtendedProps = Record<string, never>, OverrideProps = Record<string, never>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
|
|
17
17
|
/**
|
|
18
18
|
* Allows for inheriting the props from the specified element type so that
|
|
19
19
|
* props like children, className & style work, as well as element-specific
|
|
20
20
|
* attributes like aria roles. The component (`C`) must be passed in.
|
|
21
21
|
*/
|
|
22
|
-
|
|
23
|
-
export
|
|
24
|
-
export
|
|
22
|
+
type InheritableElementProps<C extends ElementType, Props = Record<string, never>> = ExtendableProps<ComponentPropsWithoutRef<C>, Props>;
|
|
23
|
+
export type PolymorphicComponentProps<C extends ElementType, Props = Record<string, never>> = InheritableElementProps<C, Props & AsProp<C>>;
|
|
24
|
+
export type PolymorphicComponentPropsWithRef<C extends ElementType, P = Record<string, never>> = PolymorphicComponentProps<C, P> & {
|
|
25
25
|
ref?: ComponentPropsWithRef<C>['ref'];
|
|
26
26
|
};
|
|
27
|
-
export
|
|
27
|
+
export type PolymorphicRef<C extends ElementType> = PolymorphicComponentPropsWithRef<C>['ref'];
|
|
28
28
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.32-alpha.0",
|
|
4
4
|
"module": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
6
6
|
"author": "Emerson Laurentino @emersonlaurentino",
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
"src"
|
|
22
22
|
],
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@faststore/
|
|
24
|
+
"@faststore/eslint-config": "^2.0.32-alpha.0",
|
|
25
|
+
"@faststore/shared": "^2.0.32-alpha.0",
|
|
26
|
+
"eslint": "7.32.0",
|
|
25
27
|
"typescript": "^4.8.4"
|
|
26
28
|
},
|
|
27
29
|
"volta": {
|
|
28
30
|
"node": "16.18.0",
|
|
29
31
|
"yarn": "1.19.1"
|
|
30
32
|
},
|
|
31
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "4e8ca160c8f25f458be32a5d60b373e13dae45f6"
|
|
32
34
|
}
|