@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/Table/index.js

@@ -17,6 +17,8 @@ var _MenuItem = require("./components/MenuItem");
 
 var _FocusLock = _interopRequireDefault(require("../../shared/components/FocusLock"));
 
+var _TableSkeleton = require("./components/TableSkeleton");
+
 var _styles = require("./styles");
 
 var _useColorMode2 = require("../../shared/theme/hooks/useColorMode");
@@ -25,7 +27,7 @@ var _GenerateKey = require("../../utils/GenerateKey");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows"];
+var _excluded = ["selectable", "primaryActions", "secondaryActions", "header", "rows", "isLoading", "skeletonRows", "skeletonHeight"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -65,6 +67,12 @@ function Table(_ref) {
       secondaryActions = _ref.secondaryActions,
       header = _ref.header,
       rows = _ref.rows,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+      _ref$skeletonRows = _ref.skeletonRows,
+      skeletonRows = _ref$skeletonRows === void 0 ? 5 : _ref$skeletonRows,
+      _ref$skeletonHeight = _ref.skeletonHeight,
+      skeletonHeight = _ref$skeletonHeight === void 0 ? '16px' : _ref$skeletonHeight,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)([]),
@@ -225,7 +233,11 @@ function Table(_ref) {
         })]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-      children: rowsWithKey.map(function (row) {
+      children: isLoading ? (0, _TableSkeleton.TableSkeleton)({
+        skeletonColumns: (header === null || header === void 0 ? void 0 : header.length) || 1,
+        skeletonRows: skeletonRows,
+        skeletonHeight: skeletonHeight
+      }) : rowsWithKey.map(function (row) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
           tabIndex: selectable ? 0 : undefined,
           "data-selected": selectedRows.includes(row.key),

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

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const StyledTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const SelectedHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VerticalPointsButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isOpen?: boolean | undefined;
-    posTop?: number | undefined;
-    posRight?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const SelectedHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerticalPointsButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const MenuItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isOpen?: boolean | undefined;
+    posTop?: number | undefined;
+    posRight?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Table/table.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+//# sourceMappingURL=table.test.d.ts.map

package/dist/components/Table/table.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.test.d.ts","sourceRoot":"","sources":["../../../src/components/Table/table.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yCAAyC,CAAC"}

package/dist/components/Table/table.test.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = require(".");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, _objectSpread({}, props)));
+  return _objectSpread({}, utils);
+};
+
+describe('Table', function () {
+  it('should render the table component', function () {
+    var _setup = setup({
+      header: ['Header 1', 'Header 2'],
+      rows: [{
+        items: ['Row 1', 'Row 2']
+      }]
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should render the table component with selectable prop', function () {
+    var _setup2 = setup({
+      header: ['Header 1', 'Header 2'],
+      rows: [{
+        items: ['Row 1', 'Row 2']
+      }],
+      selectable: true
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should render the table component with dropdown menu in rows', function () {
+    var _setup3 = setup({
+      header: ['Header 1', 'Header 2'],
+      rows: [{
+        items: ['Row 1', 'Row 2'],
+        actions: [{
+          label: 'Action 1',
+          handler: function handler() {}
+        }, {
+          label: 'Action 2',
+          handler: function handler() {}
+        }]
+      }]
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should select all elements', function () {
+    var _setup4 = setup({
+      header: ['Header 1', 'Header 2'],
+      rows: [{
+        items: ['Row collumn 1', 'Row collumn 2']
+      }, {
+        items: ['Row collumn 1', 'Row collumn 2']
+      }, {
+        items: ['Row collumn 1', 'Row collumn 2']
+      }],
+      selectable: true
+    }),
+        container = _setup4.container;
+
+    var firstCheckbox = container.querySelector('th input[type="checkbox"]');
+
+    _react.fireEvent.click(firstCheckbox);
+
+    var allSelectedRows = container.querySelectorAll('[data-selected="true"]');
+    expect(allSelectedRows.length).toEqual(3);
+  });
+  it('should open the dropdown menu in rows', function () {
+    var _firstRowMenuButton$p;
+
+    var _setup5 = setup({
+      header: ['Header 1', 'Header 2'],
+      rows: [{
+        items: ['Row collumn 1', 'Row collumn 2'],
+        actions: [{
+          label: 'Action 1',
+          handler: function handler() {}
+        }, {
+          label: 'Action 2',
+          handler: function handler() {}
+        }]
+      }, {
+        items: ['Row collumn 1', 'Row collumn 2'],
+        actions: [{
+          label: 'Action 1',
+          handler: function handler() {}
+        }, {
+          label: 'Action 2',
+          handler: function handler() {}
+        }]
+      }, {
+        items: ['Row collumn 1', 'Row collumn 2'],
+        actions: [{
+          label: 'Action 1',
+          handler: function handler() {}
+        }, {
+          label: 'Action 2',
+          handler: function handler() {}
+        }]
+      }]
+    }),
+        container = _setup5.container;
+
+    var firstRowMenuButton = container.querySelector('tbody tr td button');
+
+    _react.fireEvent.click(firstRowMenuButton);
+
+    var firstRowMenu = (_firstRowMenuButton$p = firstRowMenuButton.parentElement) === null || _firstRowMenuButton$p === void 0 ? void 0 : _firstRowMenuButton$p.querySelector('div');
+    expect(firstRowMenu).toHaveStyle('display: block');
+  });
+});

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

@@ -1,40 +1,54 @@
-import { ReactNode } from 'react';
-export interface TableAction {
-    label: ReactNode;
-    handler: (selectedRows?: string[], allSelected?: boolean) => void;
-}
-export declare type TableRow = {
-    items: ReactNode[];
-    actions?: TableAction[];
-};
-/** Corresponds to the content displayed inside a table cell. */
-export declare type TableCell = ReactNode;
-export declare type MenuStateProps = {
-    state: boolean;
-    rowId: string;
-};
-export interface ITableProps {
-    /** If the rows can be selected. Displays the checkbox at the start of the row. */
-    selectable?: boolean;
-    /** Primary actions displayed in the header for selected tables. */
-    primaryActions?: TableAction[];
-    /** Secondary actions displayed in a dropdown in the header for selected tables. */
-    secondaryActions?: TableAction[];
-    /** An array containing the labels of the columns to be displayed in the header. */
-    header: string[];
-    /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
-    rows: TableRow[];
-}
-export interface IMenuItem {
-    /** Table row dropdown menu items. */
-    items: TableAction[];
-    /** Table row dropdown menu state. */
-    isOpen: boolean;
-    /** Table row dropdown handler to outside click */
-    onClickOutside: () => void;
-    /** The top position of the dropdown menu */
-    top?: number;
-    /** The left position of the dropdown menu */
-    right?: number;
-}
+import { ReactNode } from 'react';
+export interface TableAction {
+    label: ReactNode;
+    handler: (selectedRows?: string[], allSelected?: boolean) => void;
+}
+export declare type TableRow = {
+    items: ReactNode[];
+    actions?: TableAction[];
+};
+/** Corresponds to the content displayed inside a table cell. */
+export declare type TableCell = ReactNode;
+export declare type MenuStateProps = {
+    state: boolean;
+    rowId: string;
+};
+export interface ITableProps {
+    /** If the rows can be selected. Displays the checkbox at the start of the row. */
+    selectable?: boolean;
+    /** Primary actions displayed in the header for selected tables. */
+    primaryActions?: TableAction[];
+    /** Secondary actions displayed in a dropdown in the header for selected tables. */
+    secondaryActions?: TableAction[];
+    /** An array containing the labels of the columns to be displayed in the header. */
+    header: string[];
+    /** An array of TableCell's arrays each matching a row of the table. Each TableCell corresponds to the content displayed inside a table cell. */
+    rows: TableRow[];
+    /** A boolean that is used to determine if the table is loading. */
+    isLoading?: boolean;
+    /** Used to determine how many rows to display when the table is loading. */
+    skeletonRows?: number;
+    /** Used to determine how many columns to display when the table is loading. */
+    skeletonHeight?: string | number;
+}
+export interface IMenuItem {
+    /** Table row dropdown menu items. */
+    items: TableAction[];
+    /** Table row dropdown menu state. */
+    isOpen: boolean;
+    /** Table row dropdown handler to outside click */
+    onClickOutside: () => void;
+    /** The top position of the dropdown menu */
+    top?: number;
+    /** The left position of the dropdown menu */
+    right?: number;
+}
+export interface ITableSkeletonColumns {
+    /** Used to determine how many columns to display when the table is loading. */
+    skeletonColumns: number;
+    /** Used to determine how many rows to display when the table is loading. */
+    skeletonRows: number;
+    /** Used to determine how many columns to display when the table is loading. */
+    skeletonHeight?: string | number;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnE;AAED,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC;AAEF,gEAAgE;AAChE,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC;IACjC,mFAAmF;IACnF,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gJAAgJ;IAChJ,IAAI,EAAE,QAAQ,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnE;AAED,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC;AAEF,gEAAgE;AAChE,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,WAAW,EAAE,CAAC;IACjC,mFAAmF;IACnF,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,gJAAgJ;IAChJ,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,+EAA+E;IAC/E,eAAe,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,YAAY,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC"}

package/dist/components/Tabs/TabsExample.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITabsProps } from './types';
-export declare const TabsExample: ({ ...props }: ITabsProps) => JSX.Element;
+/// <reference types="react" />
+import { ITabsProps } from './types';
+export declare const TabsExample: ({ ...props }: ITabsProps) => JSX.Element;
 //# sourceMappingURL=TabsExample.d.ts.map

package/dist/components/Tabs/TabsExample.js

@@ -29,7 +29,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var TabsExample = function TabsExample(_ref) {
   var props = _extends({}, _ref);

package/dist/components/Tabs/components/Tab.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITabProps } from '../types';
-export declare const Tab: ({ label, value, icon, iconPosition, disabled }: ITabProps) => JSX.Element;
+/// <reference types="react" />
+import { ITabProps } from '../types';
+export declare const Tab: ({ label, value, icon, iconPosition, disabled }: ITabProps) => JSX.Element;
 //# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/components/TabPanel.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ITabPanelProps } from '../types';
-export declare const TabPanel: FC<ITabPanelProps>;
+import { FC } from 'react';
+import { ITabPanelProps } from '../types';
+export declare const TabPanel: FC<ITabPanelProps>;
 //# sourceMappingURL=TabPanel.d.ts.map

package/dist/components/Tabs/components/Tabs.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ITabsContextProps, ITabsProps } from '../types';
-export declare const TabsContext: import("react").Context<ITabsContextProps>;
-export declare const Tabs: FC<ITabsProps>;
+import { FC } from 'react';
+import { ITabsContextProps, ITabsProps } from '../types';
+export declare const TabsContext: import("react").Context<ITabsContextProps>;
+export declare const Tabs: FC<ITabsProps>;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs/index.d.ts

@@ -1,4 +1,4 @@
-export { TabPanel } from './components/TabPanel';
-export { Tabs } from './components/Tabs';
-export { Tab } from './components/Tab';
+export { TabPanel } from './components/TabPanel';
+export { Tabs } from './components/Tabs';
+export { Tab } from './components/Tab';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/styles.d.ts

@@ -1,42 +1,42 @@
-/// <reference types="react" />
-import { ITabButtonProps, GenericThemeProps, TabIndicatorProps, ITabsProps } from './types';
-export declare const TabsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericThemeProps & {
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericThemeProps & import("react").HTMLAttributes<HTMLButtonElement> & {
-    active: boolean;
-    squeeze?: boolean | undefined;
-    indicatorColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    textColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const TabButtonIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const TabPanelWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    noPadding?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabLoadingSkeleton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabPanelContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    hidden: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabIndicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TabIndicatorProps & Pick<ITabButtonProps, "theme" | "indicatorColor"> & Pick<ITabsProps, "isLoading">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ITabButtonProps, GenericThemeProps, TabIndicatorProps, ITabsProps } from './types';
+export declare const TabsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps & import("react").HTMLAttributes<HTMLButtonElement> & {
+    active: boolean;
+    squeeze?: boolean | undefined;
+    indicatorColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    textColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const TabButtonIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TabPanelWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    noPadding?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabLoadingSkeleton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabPanelContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    hidden: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabIndicatorProps & Pick<ITabButtonProps, "theme" | "indicatorColor"> & Pick<ITabsProps, "isLoading">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Tabs/tabs.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=tabs.test.d.ts.map

package/dist/components/Tabs/tabs.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.test.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabs.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}