@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/Steps/steps.test.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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) {
+  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props))));
+};
+
+describe('Steps', function () {
+  it('should it render the steps component', function () {
+    var _setup = setup({
+      steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
+      current: 1
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the steps component with the current step', function () {
+    var _setup2 = setup({
+      steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
+      current: 2
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the steps component with different color', function () {
+    var _setup3 = setup({
+      steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
+      current: 2,
+      activeColor: 'secondary'
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the steps component with full width', function () {
+    var _setup4 = setup({
+      steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
+      current: 3,
+      activeColor: 'secondary',
+      fullWidth: true
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

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

@@ -1,46 +1,46 @@
-/// <reference types="react" />
-export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-    isReducedSteps?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    activeColor: 'primary' | 'secondary' | 'tertiary';
-    isFinished?: boolean | undefined;
-    isCurrent?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StepsSeparator: 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 StepsItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isCurrent: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ReducedStepsContainer: 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 ReducedStepsMobileContainer: 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 StepsItemsDetailsContainer: 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 StepsItemText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isReducedSteps?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+export declare const StepsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+    isReducedSteps?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeColor: 'primary' | 'secondary' | 'tertiary';
+    isFinished?: boolean | undefined;
+    isCurrent?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StepsSeparator: 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 StepsItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isCurrent: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ReducedStepsContainer: 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 ReducedStepsMobileContainer: 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 StepsItemsDetailsContainer: 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 StepsItemText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isReducedSteps?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,21 +1,21 @@
-export interface StepsControlled {
-    name: string;
-    isCompleted: boolean;
-}
-export declare type StepsItems = string | StepsControlled;
-export interface StepsProps {
-    steps: StepsItems[];
-    current: number;
-    activeColor?: 'primary' | 'secondary' | 'tertiary';
-    fullWidth?: boolean;
-    isReducedSteps?: boolean;
-    enableCurrentStepChecked?: boolean;
-}
-export interface StepIconProps {
-    isSelectedStep: boolean;
-    hasStartGradient: boolean;
-    hasEndGratient: boolean;
-    stepPosition: string;
-    activeColor: 'primary' | 'secondary' | 'tertiary';
-}
+export interface StepsControlled {
+    name: string;
+    isCompleted: boolean;
+}
+export declare type StepsItems = string | StepsControlled;
+export interface StepsProps {
+    steps: StepsItems[];
+    current: number;
+    activeColor?: 'primary' | 'secondary' | 'tertiary';
+    fullWidth?: boolean;
+    isReducedSteps?: boolean;
+    enableCurrentStepChecked?: boolean;
+}
+export interface StepIconProps {
+    isSelectedStep: boolean;
+    hasStartGradient: boolean;
+    hasEndGratient: boolean;
+    stepPosition: string;
+    activeColor: 'primary' | 'secondary' | 'tertiary';
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Steps/utils.d.ts

@@ -1,8 +1,8 @@
-export declare const STEP_POSITION: {
-    INITIAL: string;
-    INITIAL_BEFORE_UNSELECTED: string;
-    MIDDLE: string;
-    MIDDLE_BEFORE_UNSELECTED: string;
-    FINAL: string;
-};
+export declare const STEP_POSITION: {
+    INITIAL: string;
+    INITIAL_BEFORE_UNSELECTED: string;
+    MIDDLE: string;
+    MIDDLE_BEFORE_UNSELECTED: string;
+    FINAL: string;
+};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IInputProps } from './types';
-declare const SwitchInput: FC<IInputProps>;
-export default SwitchInput;
+import { FC } from 'react';
+import { IInputProps } from './types';
+declare const SwitchInput: FC<IInputProps>;
+export default SwitchInput;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Switch: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from './types';
+export declare const SwitchWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Switch: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SwitchToken: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Switch/switch.test.d.ts

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

package/dist/components/Switch/switch.test.d.ts.map

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

package/dist/components/Switch/switch.test.js

@@ -0,0 +1,253 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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)(_.default, _objectSpread({}, props)));
+  var SwitchElement = utils.getByTestId('switch');
+  var SwitchWrapper = utils.getByTestId('switch-wrapper');
+  return _objectSpread({
+    SwitchElement: SwitchElement,
+    SwitchWrapper: SwitchWrapper
+  }, utils);
+};
+
+describe('Switch', function () {
+  it('Should be Rendered', function () {
+    var _setup = setup(),
+        SwitchElement = _setup.SwitchElement;
+
+    expect(SwitchElement).toBeInTheDocument();
+  });
+  it('Should return state in callback onChangeValue on click', function () {
+    var onChangeValue = jest.fn();
+
+    var _setup2 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup2.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(true);
+  });
+  it('Should not be controlled if has Alert prop and show error', function () {
+    var onChangeValue = jest.fn();
+    var onError = jest.fn();
+
+    var _setup3 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup3.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(false);
+    expect(onError).toBeCalledWith('try click with alert');
+  });
+  it('Should be controlled with keyboard: ArrowUp, ArrowRight make it true', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['ArrowUp', 'ArrowRight'];
+
+    var _setup4 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup4.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+  });
+  it('Should be controlled with keyboard: ArrowDown, ArrowLeft, Enter and Space make it true', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['ArrowDown', 'ArrowLeft'];
+
+    var _setup5 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup5.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(true);
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(true);
+    });
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+
+      _react.fireEvent.click(SwitchElement);
+
+      expect(onChangeValue).toBeCalledWith(true);
+    });
+  });
+  it('Should be controlled with keyboard: Enter and Space toggle it', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['Enter', 'Space'];
+
+    var _setup6 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup6.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(true);
+
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+  });
+  it('Should not be controlled with keyboard: any other keys', function () {
+    var onChangeValue = jest.fn();
+    var keysToTest = ['KeyA', 'KeyB', 'ShiftRight'];
+
+    var _setup7 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup7.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+    });
+  });
+  it('Should not be controlled with keyboard: if has SwitchType, and Show Error', function () {
+    var onChangeValue = jest.fn();
+    var onError = jest.fn();
+    var keysToTest = ['Enter', 'Space'];
+
+    var _setup8 = setup({
+      onChangeValue: onChangeValue
+    }),
+        SwitchElement = _setup8.SwitchElement;
+
+    keysToTest.forEach(function (key) {
+      _react.fireEvent.keyDown(SwitchElement, {
+        code: key
+      });
+
+      expect(onChangeValue).toBeCalledWith(false);
+      expect(onError).toBeCalledWith('try click with alert');
+    });
+  });
+  it('Should not be used if is disabled, and Should show error', function () {
+    var onChangeValue = jest.fn();
+    var onError = jest.fn();
+
+    var _setup9 = setup({
+      onChangeValue: onChangeValue,
+      disabled: true
+    }),
+        SwitchElement = _setup9.SwitchElement;
+
+    _react.fireEvent.click(SwitchElement);
+
+    expect(onChangeValue).toBeCalledWith(false);
+    expect(onError).toBeCalledWith('try click with disabled');
+
+    _react.fireEvent.keyDown(SwitchElement, {
+      code: 'Enter'
+    });
+
+    expect(onChangeValue).toBeCalledWith(false);
+    expect(onError).toBeCalledWith('try click with disabled');
+  });
+  it('Should render the HelpText', function () {
+    var helperText = 'Quer batata no almoço?';
+
+    var _setup10 = setup({
+      helperText: helperText
+    }),
+        SwitchWrapper = _setup10.SwitchWrapper;
+
+    var helpTextElement = SwitchWrapper.querySelector('span');
+    expect(helpTextElement === null || helpTextElement === void 0 ? void 0 : helpTextElement.innerHTML).toEqual(helperText);
+  });
+  it('Should receive a checked state', function () {
+    var _setup11 = setup({
+      checked: true
+    }),
+        SwitchElement = _setup11.SwitchElement;
+
+    var checkedIcon = SwitchElement.querySelector('svg');
+    expect(checkedIcon).toBeInTheDocument();
+  });
+  it('Should receive a false checked state', function () {
+    var _setup12 = setup({
+      checked: false
+    }),
+        SwitchElement = _setup12.SwitchElement;
+
+    var checkedIcon = SwitchElement.querySelector('svg');
+    expect(checkedIcon).not.toBeInTheDocument();
+  });
+});

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

@@ -1,15 +1,15 @@
-import { Theme } from '@emotion/react';
-export declare type IStyleProps = {
-    theme?: Theme;
-    disabled?: boolean;
-    isActive?: boolean;
-    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IInputProps = {
-    disabled?: boolean;
-    helperText?: string;
-    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    onChangeValue?: (value: boolean) => void;
-    checked?: boolean;
-};
+import { Theme } from '@emotion/react';
+export declare type IStyleProps = {
+    theme?: Theme;
+    disabled?: boolean;
+    isActive?: boolean;
+    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export declare type IInputProps = {
+    disabled?: boolean;
+    helperText?: string;
+    type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    onChangeValue?: (value: boolean) => void;
+    checked?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IMenuItem } from '../types';
-export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
+/// <reference types="react" />
+import { IMenuItem } from '../types';
+export declare function MenuItem({ items, isOpen, onClickOutside, top, right }: IMenuItem): JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITableSkeletonColumns } from '../types';
+export declare function TableSkeleton({ skeletonColumns, skeletonRows, skeletonHeight, }: ITableSkeletonColumns): JSX.Element[];
+//# sourceMappingURL=TableSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/components/TableSkeleton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAejD,wBAAgB,aAAa,CAAC,EAC5B,eAAe,EACf,YAAY,EACZ,cAAc,GACf,EAAE,qBAAqB,iBAIvB"}

package/dist/components/Table/components/TableSkeleton.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableSkeleton = TableSkeleton;
+
+var _Skeleton = _interopRequireDefault(require("../../../components/Skeleton"));
+
+var _GenerateKey = require("../../../utils/GenerateKey");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function TableSkeletonColumns(_ref) {
+  var skeletonColumns = _ref.skeletonColumns,
+      skeletonHeight = _ref.skeletonHeight;
+  return Array.from({
+    length: skeletonColumns
+  }).map(function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
+        isLoaded: false,
+        height: skeletonHeight
+      })
+    }, (0, _GenerateKey.generateKey)());
+  });
+}
+
+function TableSkeleton(_ref2) {
+  var skeletonColumns = _ref2.skeletonColumns,
+      skeletonRows = _ref2.skeletonRows,
+      skeletonHeight = _ref2.skeletonHeight;
+  return Array.from({
+    length: skeletonRows
+  }).map(function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      children: TableSkeletonColumns({
+        skeletonColumns: skeletonColumns,
+        skeletonHeight: skeletonHeight
+      })
+    }, (0, _GenerateKey.generateKey)());
+  });
+}

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { ITableProps } from './types';
-export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
+import { ComponentPropsWithoutRef } from 'react';
+import { ITableProps } from './types';
+export declare function Table({ selectable, primaryActions, secondaryActions, header, rows, isLoading, skeletonRows, skeletonHeight, ...rest }: ITableProps & ComponentPropsWithoutRef<'table'>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,OAAO,CAAC;AAsBjG,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAMtD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,wBAAwB,CAAC,OAAO,CAAC,eAsMjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkD,MAAM,OAAO,CAAC;AAuBjG,OAAO,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAMtD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAiB,EACjB,YAAgB,EAChB,cAAuB,EACvB,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,wBAAwB,CAAC,OAAO,CAAC,eAyMjD"}