@faststore/components 2.0.152-alpha.0 → 2.0.159-alpha.0

package/dist/molecules/Breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { BreadcrumbBaseProps } from './BreadcrumbBase';
-export type BreadcrumbProps = Omit<BreadcrumbBaseProps, "isDesktop">;
+export interface BreadcrumbProps extends Omit<BreadcrumbBaseProps, 'isDesktop'> {
+}
 declare const Breadcrumb: ({ breadcrumbList, ...otherProps }: BreadcrumbProps) => JSX.Element;
 export default Breadcrumb;

package/dist/molecules/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAuC,MAAM,kBAAkB,CAAA;AAKtE,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,GAAG,UAAU,EACG,EAAE,EAAE,CAAC,CACrB;IACE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,KAAM,UAAU,GAAI;IAClE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,WAAK,UAAU,GAAI,CAC3E,CACJ,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAuC,MAAM,kBAAkB,CAAA;AAKtE,MAAM,UAAU,GAAG,CAAC,EAAE,cAAc,EAAE,GAAG,UAAU,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,KAAM,UAAU,GAAI;IAClE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,WAAK,UAAU,GAAI,CAC3E,CACJ,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts

@@ -15,7 +15,7 @@ type RenderLinkProps = {
      */
     collapsed: boolean;
 };
-export type BreadcrumbBaseProps = {
+export interface BreadcrumbBaseProps extends BreadcrumbPureProps {
     /**
      * Array of ItemElement that represents each breadcrumb item.
      */
@@ -42,36 +42,6 @@ export type BreadcrumbBaseProps = {
      * @returns Link to be rendered.
      */
     renderLink?: (renderLinkProps: RenderLinkProps) => ReactElement;
-} & BreadcrumbPureProps;
-declare const BreadcrumbBase: React.ForwardRefExoticComponent<{
-    /**
-     * Array of ItemElement that represents each breadcrumb item.
-     */
-    breadcrumbList: ItemElement[];
-    /**
-     * Represents if is Desktop os mobile.
-     */
-    isDesktop?: boolean | undefined;
-    /**
-     * Link go to home.
-     */
-    homeLink?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    /**
-     * Icon for dropdown button.
-     */
-    dropdownButtonIcon?: ReactNode;
-    /**
-     * Icon for collapsed items.
-     */
-    collapsedItemsIcon?: ReactNode;
-    /**
-     * Function to render a item as breadcrumb link.
-     * @param renderLinkProps Properties for each item to be rendered.
-     * @returns Link to be rendered.
-     */
-    renderLink?: ((renderLinkProps: RenderLinkProps) => ReactElement) | undefined;
-} & {
-    divider?: React.ReactNode;
-    testId?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}
+declare const BreadcrumbBase: React.ForwardRefExoticComponent<BreadcrumbBaseProps & React.RefAttributes<HTMLDivElement>>;
 export default BreadcrumbBase;

package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
 import type { HTMLAttributes, ReactNode } from 'react';
-export type BreadcrumbPureProps = {
+import React from 'react';
+export interface BreadcrumbPureProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A ReactNode that will be rendered as the Divider icon.
      */
@@ -9,15 +9,6 @@ export type BreadcrumbPureProps = {
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
     testId?: string;
-} & HTMLAttributes<HTMLDivElement>;
-declare const BreadcrumbPure: React.ForwardRefExoticComponent<{
-    /**
-     * A ReactNode that will be rendered as the Divider icon.
-     */
-    divider?: ReactNode;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}
+declare const BreadcrumbPure: React.ForwardRefExoticComponent<BreadcrumbPureProps & React.RefAttributes<HTMLDivElement>>;
 export default BreadcrumbPure;

package/dist/molecules/Breadcrumb/BreadcrumbPure.js

@@ -1,6 +1,6 @@
-import React, { forwardRef } from "react";
-import List from "../../atoms/List";
-import ListItem from "./ListItem";
+import React, { forwardRef } from 'react';
+import List from '../../atoms/List';
+import ListItem from './ListItem';
 const BreadcrumbPure = forwardRef(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
     return (React.createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
         React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true }, React.Children.toArray(children).map((child, index, childrenArray) => {

package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAEnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC7B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,qCACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAEH,eAAe,cAAc,CAAA"}
+{"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,qCACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.152-alpha.0",
+  "version": "2.0.159-alpha.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "29b026410bf27e71d70f9ced483e494c273d07ad"
+  "gitHead": "e2a069b16ae52f76b7b20c12945dc3e6dab45bac"
 }

package/src/molecules/Breadcrumb/Breadcrumb.tsx

@@ -1,17 +1,14 @@
 import React from 'react'
 import BreadcrumbBase, { BreadcrumbBaseProps } from './BreadcrumbBase'
 
-export type BreadcrumbProps = Omit<BreadcrumbBaseProps, "isDesktop">
+export interface BreadcrumbProps
+  extends Omit<BreadcrumbBaseProps, 'isDesktop'> {}
 
-
-const Breadcrumb = ({
-  breadcrumbList,
-  ...otherProps
-}: BreadcrumbProps) => (
+const Breadcrumb = ({ breadcrumbList, ...otherProps }: BreadcrumbProps) => (
   <>
     <BreadcrumbBase breadcrumbList={breadcrumbList} {...otherProps} />
     <BreadcrumbBase breadcrumbList={breadcrumbList} isDesktop {...otherProps} />
   </>
 )
 
-export default Breadcrumb
+export default Breadcrumb

package/src/molecules/Breadcrumb/BreadcrumbBase.tsx

@@ -31,7 +31,7 @@ type RenderLinkProps = {
   collapsed: boolean
 }
 
-export type BreadcrumbBaseProps = {
+export interface BreadcrumbBaseProps extends BreadcrumbPureProps {
   /**
    * Array of ItemElement that represents each breadcrumb item.
    */
@@ -58,7 +58,7 @@ export type BreadcrumbBaseProps = {
    * @returns Link to be rendered.
    */
   renderLink?: (renderLinkProps: RenderLinkProps) => ReactElement
-} & BreadcrumbPureProps
+}
 
 const BreadcrumbBase = forwardRef<HTMLDivElement, BreadcrumbBaseProps>(
   function BreadcrumbBase(

package/src/molecules/Breadcrumb/BreadcrumbPure.tsx

@@ -1,59 +1,59 @@
-import React, { forwardRef } from "react"
-import List from "../../atoms/List"
 import type { HTMLAttributes, ReactNode } from 'react'
-import ListItem from "./ListItem"
+import React, { forwardRef } from 'react'
+import List from '../../atoms/List'
+import ListItem from './ListItem'
 
-export type BreadcrumbPureProps = {
-    /**
-     * A ReactNode that will be rendered as the Divider icon.
-     */
-    divider?: ReactNode
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string
-} & HTMLAttributes<HTMLDivElement> 
+export interface BreadcrumbPureProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * A ReactNode that will be rendered as the Divider icon.
+   */
+  divider?: ReactNode
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+}
 
 const BreadcrumbPure = forwardRef<HTMLDivElement, BreadcrumbPureProps>(
-    function BreadcrumbPure(
-      {
-        children,
-        divider: rawDivider = '',
-        testId = 'fs-breadcrumb',
-        ...otherProps
-      },
-      ref
-    ) {
-      return (
-        <nav
-          aria-label="Breadcrumb"
-          role="navigation"
-          ref={ref}
-          data-fs-breadcrumb
-          data-testid={testId}
-          {...otherProps}
-        >
-          <List as="ol" data-fs-breadcrumb-list>
-            {React.Children.toArray(children).map(
-              (child, index, childrenArray) => {
-                const isLastItem = index === childrenArray.length - 1
-  
-                return (
-                  <ListItem
-                    isLastItem={isLastItem}
-                    divider={rawDivider}
-                    key={`breadcrumb-${index}`}
-                    testId={testId}
-                  >
-                    {child}
-                  </ListItem>
-                )
-              }
-            )}
-          </List>
-        </nav>
-      )
-    }
-  )
+  function BreadcrumbPure(
+    {
+      children,
+      divider: rawDivider = '',
+      testId = 'fs-breadcrumb',
+      ...otherProps
+    },
+    ref
+  ) {
+    return (
+      <nav
+        aria-label="Breadcrumb"
+        role="navigation"
+        ref={ref}
+        data-fs-breadcrumb
+        data-testid={testId}
+        {...otherProps}
+      >
+        <List as="ol" data-fs-breadcrumb-list>
+          {React.Children.toArray(children).map(
+            (child, index, childrenArray) => {
+              const isLastItem = index === childrenArray.length - 1
+
+              return (
+                <ListItem
+                  isLastItem={isLastItem}
+                  divider={rawDivider}
+                  key={`breadcrumb-${index}`}
+                  testId={testId}
+                >
+                  {child}
+                </ListItem>
+              )
+            }
+          )}
+        </List>
+      </nav>
+    )
+  }
+)
 
 export default BreadcrumbPure