@faststore/ui 2.0.23-alpha.0 → 2.0.27-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.27-alpha.0](https://github.com/vtex/faststore/compare/v2.0.26-alpha.0...v2.0.27-alpha.0) (2022-12-23)
+
+
+### Features
+
+* Adds `Table` component ([#1554](https://github.com/vtex/faststore/issues/1554)) ([0ed5f45](https://github.com/vtex/faststore/commit/0ed5f455fa42cf3a02ae3dd0370759782caf6cdd))
+
+
+
 ## [2.0.23-alpha.0](https://github.com/vtex/faststore/compare/v2.0.22-alpha.0...v2.0.23-alpha.0) (2022-12-20)
 
 

package/dist/index.d.ts

@@ -49,8 +49,6 @@ export { default as RadioGroup, RadioOption, } from './components/molecules/Radi
 export type { RadioGroupProps, RadioOptionProps, } from './components/molecules/RadioGroup';
 export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './components/molecules/Accordion';
 export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './components/molecules/Accordion';
-export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './components/molecules/Table';
-export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './components/molecules/Table';
 export { default as Form } from './components/molecules/Form';
 export type { FormProps } from './components/molecules/Form';
 export { default as Alert } from './components/molecules/Alert';

package/dist/index.js

@@ -26,7 +26,6 @@ export { default as LoadingButton } from './components/molecules/LoadingButton';
 export { default as PriceRange } from './components/molecules/PriceRange';
 export { default as RadioGroup, RadioOption, } from './components/molecules/RadioGroup';
 export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './components/molecules/Accordion';
-export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './components/molecules/Table';
 export { default as Form } from './components/molecules/Form';
 export { default as Alert } from './components/molecules/Alert';
 export { default as QuantitySelector } from './components/molecules/QuantitySelector';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "2.0.23-alpha.0",
+  "version": "2.0.27-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -50,7 +50,7 @@
   "devDependencies": {
     "@babel/core": "^7.19.6",
     "@faststore/shared": "^2.0.3-alpha.0",
-    "@faststore/styles": "^2.0.19-alpha.0",
+    "@faststore/styles": "^2.0.27-alpha.0",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@storybook/addon-a11y": "^6.5.13",
     "@storybook/addon-actions": "^6.5.13",
@@ -78,5 +78,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "e3b1bb9d292a6d48981180fa21b98a0160fc7cb8"
+  "gitHead": "04930d63aa9a06a5481abe53e40f89bc7d03b999"
 }

package/src/components/molecules/Table/styles.scss

@@ -0,0 +1,119 @@
+[data-fs-table] {
+  // --------------------------------------------------------
+  // Design Tokens for Table
+  // --------------------------------------------------------
+
+  // Default properties
+
+  // Cell
+  --fs-table-cell-padding-x             : var(--fs-spacing-3);
+  --fs-table-cell-padding-y             : var(--fs-spacing-1);
+
+  // Head
+  --fs-table-head-weight                : var(--fs-text-weight-bold);
+  --fs-table-head-bkg-color             : none;
+
+  // Footer
+  --fs-table-footer-weight              : var(--fs-table-head-weight);
+  --fs-table-footer-bkg-color           : none;
+
+  // Colored
+  --fs-table-colored-bkg-color          : var(--fs-color-neutral-1);
+  --fs-table-colored-border-radius      : var(--fs-border-radius);
+
+  // Bordered
+  --fs-table-bordered-border-width      : var(--fs-border-width);
+  --fs-table-bordered-border-color      : var(--fs-border-color-light);
+
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  width: 100%;
+  display: block;
+  overflow-x: auto;
+  white-space: nowrap;
+
+  [data-fs-table-cell="header"],
+  [data-fs-table-cell="data"] {
+    text-align: center;
+    padding-left: var(--fs-table-cell-padding-x);
+    padding-right: var(--fs-table-cell-padding-x);
+    &[data-fs-table-cell-align="left"] { text-align: left; }
+    &[data-fs-table-cell-align="center"] { text-align: center; }
+    &[data-fs-table-cell-align="right"] { text-align: right; }
+  }
+
+  [data-fs-table-cell="header"] { white-space: nowrap; }
+
+  [data-fs-table-cell="data"] {
+    padding-top: var(--fs-table-cell-padding-y);
+    padding-bottom: var(--fs-table-cell-padding-y);
+  }
+
+  [data-fs-table-head] [data-fs-table-cell="header"] {
+    font-weight: var(--fs-table-head-weight);
+    background-color: var(--fs-table-head-bkg-color);
+  }
+
+  [data-fs-table-footer] [data-fs-table-cell="data"] {
+    font-weight: var(--fs-table-footer-weight);
+    background-color: var(--fs-table-footer-bkg-color);
+  }
+
+  [data-fs-table-body] {
+    [data-fs-table-cell="header"] {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding-top: var(--fs-table-cell-padding-y);
+      padding-bottom: var(--fs-table-cell-padding-y);
+      font-weight: normal;
+      &[data-fs-table-cell-align="left"] { justify-content: flex-start; }
+      &[data-fs-table-cell-align="right"] { justify-content: flex-end; }
+    }
+  }
+
+  [data-fs-table-content] {
+    width: 100%;
+    display: table;
+    border-collapse: collapse;
+  }
+
+  [data-fs-icon] {
+    margin-right: var(--fs-spacing-2);
+    width: var(--fs-spacing-3);
+    height: var(--fs-spacing-3);
+  }
+
+  // --------------------------------------------------------
+  // Variants Styles
+  // --------------------------------------------------------
+
+  [data-fs-table-variant="colored"] {
+    [data-fs-table-body] [data-fs-table-row] {
+      &:nth-child(even) [data-fs-table-cell="data"],
+      &:nth-child(even) [data-fs-table-cell="header"] {
+        background-color: var(--fs-table-colored-bkg-color);
+      }
+
+      &:nth-child(even) [data-fs-table-cell="data"] {
+        border-top-right-radius: var(--fs-table-colored-border-radius);
+        border-bottom-right-radius: var(--fs-table-colored-border-radius);
+      }
+
+      &:nth-child(even) [data-fs-table-cell="header"] {
+        border-top-left-radius: var(--fs-table-colored-border-radius);
+        border-bottom-left-radius: var(--fs-table-colored-border-radius);
+      }
+    }
+  }
+
+  [data-fs-table-variant="bordered"] {
+    [data-fs-table-body] [data-fs-table-row]:not(:last-child) {
+      border-bottom: var(--fs-table-bordered-border-width) solid var(--fs-table-bordered-border-color);
+    }
+  }
+
+}

package/src/index.ts

@@ -150,23 +150,6 @@ export type {
   AccordionPanelProps,
 } from './components/molecules/Accordion'
 
-export {
-  Table,
-  TableBody,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableRow,
-} from './components/molecules/Table'
-export type {
-  TableProps,
-  TableBodyProps,
-  TableCellProps,
-  TableFooterProps,
-  TableHeadProps,
-  TableRowProps,
-} from './components/molecules/Table'
-
 export { default as Form } from './components/molecules/Form'
 export type { FormProps } from './components/molecules/Form'
 

package/src/styles/components.scss

@@ -20,6 +20,7 @@
 @import "../components/molecules/LinkButton/styles";
 @import "../components/molecules/RadioField/styles";
 @import "../components/molecules/SelectField/styles";
+@import "../components/molecules/Table/styles";
 @import "../components/molecules/Tag/styles";
 @import "../components/molecules/Toggle/styles";
 @import "../components/molecules/ToggleField/styles";

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

@@ -1,11 +0,0 @@
-import type { DetailedHTMLProps, TableHTMLAttributes } from 'react';
-import React from 'react';
-export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, 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<Pick<TableProps, "children" | "hidden" | "testId" | "slot" | "style" | "summary" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "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-label" | "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" | "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" | "cellPadding" | "cellSpacing"> & React.RefAttributes<HTMLTableElement>>;
-export default Table;

package/dist/components/molecules/Table/Table.js

@@ -1,6 +0,0 @@
-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-fs-table": true, "data-testid": testId }, otherProps), children));
-});
-export default Table;
-//# sourceMappingURL=Table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/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,wCAA6B,MAAM,IAAM,UAAU,GAC/D,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

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

@@ -1,11 +0,0 @@
-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/components/molecules/Table/TableBody.js

@@ -1,6 +0,0 @@
-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/components/molecules/Table/TableBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/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"}

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

@@ -1,20 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-declare type TableCellVariant = 'data' | 'header';
-export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * Specify if this component should be rendered as a header (`<th>`) or as a data cell (`<td>`).
-     */
-    variant?: TableCellVariant;
-    /**
-     * Defines the cells that the header element (`<th>`) relates to.
-     * @see scope https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
-     */
-    scope?: 'col' | 'row' | 'rowgroup' | 'colgroup';
-}
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-export default TableCell;

package/dist/components/molecules/Table/TableCell.js

@@ -1,7 +0,0 @@
-import React, { forwardRef } from 'react';
-const TableCell = forwardRef(function TableCell({ testId = 'store-table-cell', children, variant = 'data', scope, ...otherProps }, ref) {
-    const Cell = variant === 'header' ? 'th' : 'td';
-    return (React.createElement(Cell, Object.assign({ ref: ref, "data-table-cell": variant, "data-testid": testId, scope: scope }, otherProps), children));
-});
-export default TableCell;
-//# sourceMappingURL=TableCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../src/components/molecules/Table/TableCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAoBzC,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,SAAS,CAChB,EACE,MAAM,GAAG,kBAAkB,EAC3B,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAE/C,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,qBACS,OAAO,iBACX,MAAM,EACnB,KAAK,EAAE,KAAK,IACR,UAAU,GAEb,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,11 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-export interface TableFooterProps 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 TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
-export default TableFooter;

package/dist/components/molecules/Table/TableFooter.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../../src/components/molecules/Table/TableFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,QAAQ,EAAE,MAAM,GAAG,oBAAoB,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,6CAAO,GAAG,EAAE,GAAG,iBAAe,MAAM,+BAAwB,UAAU,GACnE,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,11 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-export interface TableHeadProps 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 TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-export default TableHead;

package/dist/components/molecules/Table/TableHead.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/components/molecules/Table/TableHead.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"}

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

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

package/dist/components/molecules/Table/TableRow.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/molecules/Table/TableRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,QAAQ,GAAG,UAAU,CACzB,SAAS,QAAQ,CACf,EAAE,MAAM,GAAG,iBAAiB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,0CAAI,GAAG,EAAE,GAAG,yCAA8B,MAAM,IAAM,UAAU,GAC7D,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,12 +0,0 @@
-export { default as Table } from './Table';
-export type { TableProps } from './Table';
-export { default as TableRow } from './TableRow';
-export type { TableRowProps } from './TableRow';
-export { default as TableCell } from './TableCell';
-export type { TableCellProps } from './TableCell';
-export { default as TableBody } from './TableBody';
-export type { TableBodyProps } from './TableBody';
-export { default as TableHead } from './TableHead';
-export type { TableHeadProps } from './TableHead';
-export { default as TableFooter } from './TableFooter';
-export type { TableFooterProps } from './TableFooter';

package/dist/components/molecules/Table/index.js

@@ -1,7 +0,0 @@
-export { default as Table } from './Table';
-export { default as TableRow } from './TableRow';
-export { default as TableCell } from './TableCell';
-export { default as TableBody } from './TableBody';
-export { default as TableHead } from './TableHead';
-export { default as TableFooter } from './TableFooter';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGhD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/src/components/molecules/Table/Table.tsx

@@ -1,23 +0,0 @@
-import type { DetailedHTMLProps, TableHTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  children: React.ReactNode
-}
-
-const Table = forwardRef<HTMLTableElement, TableProps>(function Table(
-  { testId = 'store-table', children, ...otherProps },
-  ref
-) {
-  return (
-    <table ref={ref} data-fs-table data-testid={testId} {...otherProps}>
-      {children}
-    </table>
-  )
-})
-
-export default Table

package/src/components/molecules/Table/TableBody.tsx

@@ -1,26 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } 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
-}
-
-const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(
-  function TableBody(
-    { children, testId = 'store-table-body', ...otherProps },
-    ref
-  ) {
-    return (
-      <tbody ref={ref} data-testid={testId} data-table-body {...otherProps}>
-        {children}
-      </tbody>
-    )
-  }
-)
-
-export default TableBody

package/src/components/molecules/Table/TableCell.tsx

@@ -1,49 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-type TableCellVariant = 'data' | 'header'
-
-export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  /**
-   * Specify if this component should be rendered as a header (`<th>`) or as a data cell (`<td>`).
-   */
-  variant?: TableCellVariant
-  /**
-   * Defines the cells that the header element (`<th>`) relates to.
-   * @see scope https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
-   */
-  scope?: 'col' | 'row' | 'rowgroup' | 'colgroup'
-}
-
-const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(
-  function TableCell(
-    {
-      testId = 'store-table-cell',
-      children,
-      variant = 'data',
-      scope,
-      ...otherProps
-    },
-    ref
-  ) {
-    const Cell = variant === 'header' ? 'th' : 'td'
-
-    return (
-      <Cell
-        ref={ref}
-        data-table-cell={variant}
-        data-testid={testId}
-        scope={scope}
-        {...otherProps}
-      >
-        {children}
-      </Cell>
-    )
-  }
-)
-
-export default TableCell

package/src/components/molecules/Table/TableFooter.tsx

@@ -1,26 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface TableFooterProps
-  extends HTMLAttributes<HTMLTableSectionElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  children: React.ReactNode
-}
-
-const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(
-  function TableFooter(
-    { children, testId = 'store-table-footer', ...otherProps },
-    ref
-  ) {
-    return (
-      <tfoot ref={ref} data-testid={testId} data-table-footer {...otherProps}>
-        {children}
-      </tfoot>
-    )
-  }
-)
-
-export default TableFooter

package/src/components/molecules/Table/TableHead.tsx

@@ -1,26 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface TableHeadProps
-  extends HTMLAttributes<HTMLTableSectionElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  children: React.ReactNode
-}
-
-const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(
-  function TableHead(
-    { children, testId = 'store-table-head', ...otherProps },
-    ref
-  ) {
-    return (
-      <thead ref={ref} data-testid={testId} data-table-head {...otherProps}>
-        {children}
-      </thead>
-    )
-  }
-)
-
-export default TableHead

package/src/components/molecules/Table/TableRow.tsx

@@ -1,25 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  children: React.ReactNode
-}
-
-const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
-  function TableRow(
-    { testId = 'store-table-row', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <tr ref={ref} data-table-row data-testid={testId} {...otherProps}>
-        {children}
-      </tr>
-    )
-  }
-)
-
-export default TableRow

package/src/components/molecules/Table/index.ts

@@ -1,17 +0,0 @@
-export { default as Table } from './Table'
-export type { TableProps } from './Table'
-
-export { default as TableRow } from './TableRow'
-export type { TableRowProps } from './TableRow'
-
-export { default as TableCell } from './TableCell'
-export type { TableCellProps } from './TableCell'
-
-export { default as TableBody } from './TableBody'
-export type { TableBodyProps } from './TableBody'
-
-export { default as TableHead } from './TableHead'
-export type { TableHeadProps } from './TableHead'
-
-export { default as TableFooter } from './TableFooter'
-export type { TableFooterProps } from './TableFooter'

package/src/components/molecules/Table/stories/Table.mdx

@@ -1,71 +0,0 @@
-import { Story, Canvas, ArgsTable } from '@storybook/addon-docs'
-
-import Table from '../Table'
-import TableBody from '../TableBody'
-import TableCell from '../TableCell'
-import TableHead from '../TableHead'
-import TableRow from '../TableRow'
-import TableFooter from '../TableFooter'
-
-# Table
-
-<Canvas>
-  <Story id="molecules-table--table" />
-</Canvas>
-
-## Components
-
-The `Table` uses the [Compound Component](https://kentcdodds.com/blog/compound-components-with-react-hooks) pattern, its components are:
-
-- `Table`, renders a `<table>` tag.
-- `TableBody`, renders a `<tbody>` tag.
-- `TableHead`, renders a `<thead>` tag.
-- `TableRow`, renders a `<tr>` tag.
-- `TableFooter`, renders a `<tfoot>` tag.
-- `TableCell`, can render a `<th>` or `<td>` tag, according to a `variant` prop that supports values `"header"` and `"data"`.
-
-## Props
-
-All table-related components support all attributes also supported by their respective HTML tags.
-
-Besides those attributes, the following props are also supported:
-
-### `Table` component
-
-<ArgsTable of={Table} />
-
-### `TableBody` component
-
-<ArgsTable of={TableBody} />
-
-### `TableHead` component
-
-<ArgsTable of={TableHead} />
-
-### `TableRow` component
-
-<ArgsTable of={TableRow} />
-
-### `TableFooter` component
-
-<ArgsTable of={TableFooter} />
-
-### `TableCell` component
-
-<ArgsTable of={TableCell} />
-
-## CSS Selectors
-
-```css
-[data-fs-table] {}
-
-[data-table-head] {}
-
-[data-table-row] {}
-
-[data-table-footer] {}
-
-[data-table-body] {}
-
-[data-table-cell='(head|data)'] {}
-```

package/src/components/molecules/Table/stories/Table.stories.tsx

@@ -1,98 +0,0 @@
-import type { Story } from '@storybook/react'
-import React from 'react'
-
-import type { TableProps } from '../Table'
-import TableComponent from '../Table'
-import TableHead from '../TableHead'
-import TableRow from '../TableRow'
-import TableBody from '../TableBody'
-import TableCell from '../TableCell'
-import TableFooter from '../TableFooter'
-import Price from '../../../atoms/Price'
-import mdx from './Table.mdx'
-
-function priceFormatter(price: number) {
-  const formattedPrice = new Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-  }).format(price)
-
-  return formattedPrice
-}
-
-const options = [
-  {
-    numberOfInstallments: 1,
-    monthlyPayment: 200,
-    total: 200,
-  },
-  {
-    numberOfInstallments: 2,
-    monthlyPayment: 100,
-    total: 200,
-  },
-  {
-    numberOfInstallments: 3,
-    monthlyPayment: 68,
-    total: 204,
-  },
-  {
-    numberOfInstallments: 4,
-    monthlyPayment: 52,
-    total: 208,
-  },
-  {
-    numberOfInstallments: 5,
-    monthlyPayment: 43,
-    total: 215,
-  },
-]
-
-const TableTemplate: Story<TableProps> = () => (
-  <TableComponent>
-    <TableHead>
-      <TableRow>
-        <TableCell scope="col" variant="header">
-          Installments
-        </TableCell>
-        <TableCell scope="col" variant="header">
-          Amount
-        </TableCell>
-        <TableCell scope="col" variant="header">
-          Total
-        </TableCell>
-      </TableRow>
-    </TableHead>
-    <TableBody>
-      {options.map((option) => (
-        <TableRow key={option.numberOfInstallments}>
-          <TableCell>{option.numberOfInstallments}x</TableCell>
-          <TableCell>
-            <Price formatter={priceFormatter} value={option.monthlyPayment} />
-          </TableCell>
-          <TableCell>
-            <Price formatter={priceFormatter} value={option.total} />
-          </TableCell>
-        </TableRow>
-      ))}
-    </TableBody>
-    <TableFooter>
-      <TableRow>
-        <TableCell>Installments</TableCell>
-        <TableCell>Amount</TableCell>
-        <TableCell>Total</TableCell>
-      </TableRow>
-    </TableFooter>
-  </TableComponent>
-)
-
-export const Table = TableTemplate.bind({})
-
-export default {
-  title: 'Molecules/Table',
-  parameters: {
-    docs: {
-      page: mdx,
-    },
-  },
-}