@faststore/ui 1.9.4 → 1.9.10

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

@@ -1,10 +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;
+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/ProductCardContent.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const ProductCardContent = forwardRef(function CardContent({ testId = 'store-product-card-content', children, ...otherProps }, ref) {
+    return (React.createElement("section", Object.assign({ ref: ref, "data-product-card-content": true, "data-testid": testId }, otherProps), children));
+});
+export default ProductCardContent;
+//# sourceMappingURL=ProductCardContent.js.map

package/dist/molecules/ProductCard/ProductCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,4BAA4B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,+CACE,GAAG,EAAE,GAAG,oDAEK,MAAM,IACf,UAAU,GAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -1,10 +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;
+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/ProductCardImage.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const ProductCardImage = forwardRef(function ProductCardImage({ testId = 'store-product-card-image', children, ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ ref: ref, "data-product-card-image": true, "data-testid": testId }, otherProps), children));
+});
+export default ProductCardImage;
+//# sourceMappingURL=ProductCardImage.js.map

package/dist/molecules/ProductCard/ProductCardImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCardImage.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/ProductCardImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EAAE,MAAM,GAAG,0BAA0B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,kDAEK,MAAM,IACf,UAAU,GAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -1,8 +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';
+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/index.js

@@ -0,0 +1,5 @@
+export { default } from './ProductCard';
+export { default as ProductCardImage } from './ProductCardImage';
+export { default as ProductCardContent } from './ProductCardContent';
+export { default as ProductCardActions } from './ProductCardActions';
+//# sourceMappingURL=index.js.map

package/dist/molecules/ProductCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/ProductCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/molecules/QuantitySelector/QuantitySelector.d.ts

@@ -1,30 +1,30 @@
-import type { InputHTMLAttributes } from 'react';
-import React from 'react';
-import type { InputProps } from '../../atoms/Input';
-import type { IconButtonProps } from '../IconButton';
-export interface QuantitySelectorProps extends InputHTMLAttributes<HTMLDivElement> {
-    /**
-     * Sets the current value that should be displayed on the input at the center of the quantity selector.
-     */
-    quantity: number | string;
-    /**
-     * Object with properties that will be passed forward the inner IconButton atom at the left of the input.
-     */
-    leftButtonProps: Omit<IconButtonProps, 'aria-label'>;
-    /**
-     * Object with properties that will be passed forward the inner Input atom between the two buttons.
-     */
-    inputProps: InputProps;
-    /**
-     * Object with properties that will be passed forward the inner IconButton atom at the right of the input.
-     */
-    rightButtonProps: Omit<IconButtonProps, 'aria-label'>;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     *
-     * @default 'store-quantity-selector'
-     */
-    testId?: string;
-}
-declare const QuantitySelector: React.ForwardRefExoticComponent<QuantitySelectorProps & React.RefAttributes<HTMLDivElement>>;
-export default QuantitySelector;
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+import type { InputProps } from '../../atoms/Input';
+import type { IconButtonProps } from '../IconButton';
+export interface QuantitySelectorProps extends InputHTMLAttributes<HTMLDivElement> {
+    /**
+     * Sets the current value that should be displayed on the input at the center of the quantity selector.
+     */
+    quantity: number | string;
+    /**
+     * Object with properties that will be passed forward the inner IconButton atom at the left of the input.
+     */
+    leftButtonProps: Omit<IconButtonProps, 'aria-label'>;
+    /**
+     * Object with properties that will be passed forward the inner Input atom between the two buttons.
+     */
+    inputProps: InputProps;
+    /**
+     * Object with properties that will be passed forward the inner IconButton atom at the right of the input.
+     */
+    rightButtonProps: Omit<IconButtonProps, 'aria-label'>;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     *
+     * @default 'store-quantity-selector'
+     */
+    testId?: string;
+}
+declare const QuantitySelector: React.ForwardRefExoticComponent<QuantitySelectorProps & React.RefAttributes<HTMLDivElement>>;
+export default QuantitySelector;

package/dist/molecules/QuantitySelector/QuantitySelector.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import Input from '../../atoms/Input';
+import IconButton from '../IconButton';
+const QuantitySelector = forwardRef(function QuantitySelector({ quantity, testId = 'store-quantity-selector', leftButtonProps, inputProps, rightButtonProps, ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ "data-store-quantity-selector": true, "data-testid": testId, ref: ref }, otherProps),
+        React.createElement(IconButton, Object.assign({ "aria-controls": "quantity-selector-input", "aria-label": "Decrement Quantity", "data-quantity-selector-button": "left" }, leftButtonProps)),
+        React.createElement(Input, Object.assign({ "aria-label": "Quantity", "data-quantity-selector-input": true, id: "quantity-selector-input", value: quantity }, inputProps)),
+        React.createElement(IconButton, Object.assign({ "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", "data-quantity-selector-button": "right" }, rightButtonProps))));
+});
+export default QuantitySelector;
+//# sourceMappingURL=QuantitySelector.js.map

package/dist/molecules/QuantitySelector/QuantitySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantitySelector.js","sourceRoot":"","sources":["../../../src/molecules/QuantitySelector/QuantitySelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAErC,OAAO,UAAU,MAAM,eAAe,CAAA;AAgCtC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EACE,QAAQ,EACR,MAAM,GAAG,yBAAyB,EAClC,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,GAAG,UAAU,EACS,EACxB,GAAG;IAEH,OAAO,CACL,gGAEe,MAAM,EACnB,GAAG,EAAE,GAAG,IACJ,UAAU;QAEd,oBAAC,UAAU,mCACK,yBAAyB,gBAC5B,oBAAoB,mCACD,MAAM,IAChC,eAAe,EACnB;QACF,oBAAC,KAAK,gCACO,UAAU,wCAErB,EAAE,EAAC,yBAAyB,EAC5B,KAAK,EAAE,QAAQ,IACX,UAAU,EACd;QACF,oBAAC,UAAU,mCACK,yBAAyB,gBAC5B,oBAAoB,mCACD,OAAO,IACjC,gBAAgB,EACpB,CACE,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -1,2 +1,2 @@
-export { default } from './QuantitySelector';
-export type { QuantitySelectorProps } from './QuantitySelector';
+export { default } from './QuantitySelector';
+export type { QuantitySelectorProps } from './QuantitySelector';

package/dist/molecules/QuantitySelector/index.js

@@ -0,0 +1,2 @@
+export { default } from './QuantitySelector';
+//# sourceMappingURL=index.js.map

package/dist/molecules/QuantitySelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/QuantitySelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/molecules/QuantitySelector/stories/assets/Icons.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare type QuantitySelectorIconProps = {
-    color: string;
-};
-export declare function PlusIcon(props: QuantitySelectorIconProps): JSX.Element;
-export declare function MinusIcon(props: QuantitySelectorIconProps): JSX.Element;
-export {};
+/// <reference types="react" />
+declare type QuantitySelectorIconProps = {
+    color: string;
+};
+export declare function PlusIcon(props: QuantitySelectorIconProps): JSX.Element;
+export declare function MinusIcon(props: QuantitySelectorIconProps): JSX.Element;
+export {};

package/dist/molecules/QuantitySelector/stories/assets/Icons.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export function PlusIcon(props) {
+    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M16 11V21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+export function MinusIcon(props) {
+    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+//# sourceMappingURL=Icons.js.map

package/dist/molecules/QuantitySelector/stories/assets/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../src/molecules/QuantitySelector/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QACF,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAgC;IACxD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/molecules/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
-import { RadioGroupContext } from './useRadioGroup';
-export declare type RadioGroupProps = PropsWithChildren<RadioGroupContext>;
-declare const RadioGroup: ({ name, onChange, children, selectedValue, }: RadioGroupProps) => JSX.Element;
-export default RadioGroup;
+import type { PropsWithChildren } from 'react';
+import { RadioGroupContext } from './useRadioGroup';
+export declare type RadioGroupProps = PropsWithChildren<RadioGroupContext>;
+declare const RadioGroup: ({ name, onChange, children, selectedValue, }: RadioGroupProps) => JSX.Element;
+export default RadioGroup;

package/dist/molecules/RadioGroup/RadioGroup.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RadioGroupContext } from './useRadioGroup';
+const RadioGroup = ({ name, onChange, children, selectedValue, }) => {
+    const contextValues = React.useMemo(() => {
+        return { name, selectedValue, onChange };
+    }, [name, selectedValue, onChange]);
+    return (React.createElement(RadioGroupContext.Provider, { value: contextValues }, children));
+};
+export default RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/molecules/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/molecules/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAInD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,aAAa,GACG,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;IAC1C,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAC7C,QAAQ,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/RadioGroup/RadioOption.d.ts

@@ -1,19 +1,19 @@
-import type { InputHTMLAttributes } from 'react';
-import React from 'react';
-export interface RadioOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Attribute to set aria-label option as required.
-     */
-    label: string;
-    /**
-     * Value to be emitted when radio is clicked.
-     */
-    value: string | number;
-}
-declare const RadioOption: React.ForwardRefExoticComponent<RadioOptionProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioOption;
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+export interface RadioOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Attribute to set aria-label option as required.
+     */
+    label: string;
+    /**
+     * Value to be emitted when radio is clicked.
+     */
+    value: string | number;
+}
+declare const RadioOption: React.ForwardRefExoticComponent<RadioOptionProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioOption;

package/dist/molecules/RadioGroup/RadioOption.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import Radio from '../../atoms/Radio';
+import { useRadioGroup } from './useRadioGroup';
+const RadioOption = forwardRef(function RadioOption({ label, value, children, testId = 'store-radio-option', ...otherProps }, ref) {
+    const { name, selectedValue, onChange } = useRadioGroup();
+    return (React.createElement("label", { "aria-label": label, "data-store-radio-option": true },
+        React.createElement(Radio, Object.assign({ "data-store-radio-option-item": true, ref: ref, name: name, checked: value === selectedValue, onChange: onChange, value: value, testId: testId }, otherProps)),
+        children));
+});
+export default RadioOption;
+//# sourceMappingURL=RadioOption.js.map

package/dist/molecules/RadioGroup/RadioOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOption.js","sourceRoot":"","sources":["../../../src/molecules/RadioGroup/RadioOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,oBAAoB,EAAE,GAAG,UAAU,EAAE,EACxE,GAAG;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzD,OAAO,CACL,6CAAmB,KAAK;QACtB,oBAAC,KAAK,wDAEJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,aAAa,EAChC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,IACV,UAAU,EACd;QACD,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,4 +1,4 @@
-export { default } from './RadioGroup';
-export type { RadioGroupProps } from './RadioGroup';
-export { default as RadioOption } from './RadioOption';
-export type { RadioOptionProps } from './RadioOption';
+export { default } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';
+export { default as RadioOption } from './RadioOption';
+export type { RadioOptionProps } from './RadioOption';

package/dist/molecules/RadioGroup/index.js

@@ -0,0 +1,3 @@
+export { default } from './RadioGroup';
+export { default as RadioOption } from './RadioOption';
+//# sourceMappingURL=index.js.map

package/dist/molecules/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/molecules/RadioGroup/useRadioGroup.d.ts

@@ -1,17 +1,17 @@
-import type { ChangeEventHandler } from 'react';
-export interface RadioGroupContext {
-    /**
-     * Name to link children by context.
-     */
-    name: string;
-    /**
-     * Value of checked child.
-     */
-    selectedValue?: string | number;
-    /**
-     * Function that is triggered when any children is checked.
-     */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-}
-export declare const RadioGroupContext: import("react").Context<RadioGroupContext | undefined>;
-export declare function useRadioGroup(): RadioGroupContext;
+import type { ChangeEventHandler } from 'react';
+export interface RadioGroupContext {
+    /**
+     * Name to link children by context.
+     */
+    name: string;
+    /**
+     * Value of checked child.
+     */
+    selectedValue?: string | number;
+    /**
+     * Function that is triggered when any children is checked.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContext | undefined>;
+export declare function useRadioGroup(): RadioGroupContext;

package/dist/molecules/RadioGroup/useRadioGroup.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const RadioGroupContext = createContext(undefined);
+export function useRadioGroup() {
+    const context = useContext(RadioGroupContext);
+    if (!context) {
+        throw new Error(`useRadioOption hook cannot be used outside the RadioGroup context`);
+    }
+    return context;
+}
+//# sourceMappingURL=useRadioGroup.js.map

package/dist/molecules/RadioGroup/useRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.js","sourceRoot":"","sources":["../../../src/molecules/RadioGroup/useRadioGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC5C,SAAS,CACV,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,mEAAmE,CACpE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/molecules/SearchInput/SearchInput.d.ts

@@ -1,28 +1,28 @@
-import type { AriaAttributes, InputHTMLAttributes, ReactNode } from 'react';
-import React from 'react';
-declare type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onSubmit'>;
-export interface SearchInputProps extends InputProps {
-    /**
-     * Callback function when submitted.
-     */
-    onSubmit: (value: string) => void;
-    /**
-     * Custom icon inside the submit button.
-     */
-    icon?: ReactNode;
-    /**
-     * Custom aria-label for input and button.
-     */
-    'aria-label'?: AriaAttributes['aria-label'];
-    /**
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-export interface SearchInputRef {
-    inputRef?: HTMLInputElement | null;
-    formRef?: HTMLFormElement | null;
-}
-declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<SearchInputRef | null>>;
-export default SearchInput;
+import type { AriaAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+declare type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onSubmit'>;
+export interface SearchInputProps extends InputProps {
+    /**
+     * Callback function when submitted.
+     */
+    onSubmit: (value: string) => void;
+    /**
+     * Custom icon inside the submit button.
+     */
+    icon?: ReactNode;
+    /**
+     * Custom aria-label for input and button.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+export interface SearchInputRef {
+    inputRef?: HTMLInputElement | null;
+    formRef?: HTMLFormElement | null;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<SearchInputRef | null>>;
+export default SearchInput;

package/dist/molecules/SearchInput/SearchInput.js

@@ -0,0 +1,28 @@
+import React, { useImperativeHandle, forwardRef, useRef } from 'react';
+import Button from '../../atoms/Button';
+import Icon from '../../atoms/Icon';
+import Input from '../../atoms/Input';
+import Form from '../Form';
+const SearchIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    React.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })));
+const SearchInput = forwardRef(function SearchInput({ onSubmit, icon, 'aria-label': ariaLabel = 'search', testId = 'store-search-input', ...otherProps }, ref) {
+    const inputRef = useRef(null);
+    const formRef = useRef(null);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (inputRef.current?.value !== '') {
+            onSubmit(inputRef.current.value);
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        inputRef: inputRef.current,
+        formRef: formRef.current,
+    }));
+    return (React.createElement(Form, { ref: formRef, "data-store-search-input": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
+        React.createElement(Input, Object.assign({ ref: inputRef, "aria-label": ariaLabel }, otherProps)),
+        React.createElement(Button, { type: "submit", "aria-label": "Submit Search" },
+            React.createElement(Icon, { component: icon ?? React.createElement(SearchIcon, null) }))));
+});
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/dist/molecules/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;IAChC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,GAAG,CAC1C,CACP,CAAA;AA6BD,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,MAAM,GAAG,oBAAoB,EAC7B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE;YAClC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,kDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;QAEb,oBAAC,KAAK,kBAAC,GAAG,EAAE,QAAQ,gBAAc,SAAS,IAAM,UAAU,EAAI;QAC/D,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,gBAAY,eAAe;YAC9C,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,IAAI,oBAAC,UAAU,OAAG,GAAI,CACpC,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,2 +1,2 @@
-export { default } from './SearchInput';
-export type { SearchInputProps, SearchInputRef } from './SearchInput';
+export { default } from './SearchInput';
+export type { SearchInputProps, SearchInputRef } from './SearchInput';

package/dist/molecules/SearchInput/index.js

@@ -0,0 +1,2 @@
+export { default } from './SearchInput';
+//# sourceMappingURL=index.js.map

package/dist/molecules/SearchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/dist/molecules/SearchInput/stories/assets/CustomIcon.d.ts

@@ -1,3 +1,3 @@
-import type { FC } from 'react';
-declare const CustomIcon: FC;
-export default CustomIcon;
+import type { FC } from 'react';
+declare const CustomIcon: FC;
+export default CustomIcon;

package/dist/molecules/SearchInput/stories/assets/CustomIcon.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const CustomIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    React.createElement("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    React.createElement("line", { x1: "9", y1: "9", x2: "15", y2: "15" })));
+export default CustomIcon;
+//# sourceMappingURL=CustomIcon.js.map

package/dist/molecules/SearchInput/stories/assets/CustomIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIcon.js","sourceRoot":"","sources":["../../../../../src/molecules/SearchInput/stories/assets/CustomIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,UAAU,GAAO,GAAG,EAAE,CAAC,CAC3B,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;IACjC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACP,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/Table/Table.d.ts

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

package/dist/molecules/Table/Table.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Table = forwardRef(function Table({ testId = 'store-table', children, ...otherProps }, ref) {
+    return (React.createElement("table", Object.assign({ ref: ref, "data-store-table": true, "data-testid": testId }, otherProps), children));
+});
+export default Table;
+//# sourceMappingURL=Table.js.map

package/dist/molecules/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/molecules/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CACnE,EAAE,MAAM,GAAG,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACnD,GAAG;IAEH,OAAO,CACL,6CAAO,GAAG,EAAE,GAAG,2CAAgC,MAAM,IAAM,UAAU,GAClE,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/molecules/Table/TableBody.d.ts

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

package/dist/molecules/Table/TableBody.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const TableBody = forwardRef(function TableBody({ children, testId = 'store-table-body', ...otherProps }, ref) {
+    return (React.createElement("tbody", Object.assign({ ref: ref, "data-testid": testId, "data-table-body": true }, otherProps), children));
+});
+export default TableBody;
+//# sourceMappingURL=TableBody.js.map

package/dist/molecules/Table/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../src/molecules/Table/TableBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,SAAS,CAChB,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6CAAO,GAAG,EAAE,GAAG,iBAAe,MAAM,6BAAsB,UAAU,GACjE,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,SAAS,CAAA"}