@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Tabs/TabsExample.js

@@ -1,64 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabsExample = void 0;
-var _react = require("react");
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-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({}, (_objectDestructuringEmpty(_ref), _ref));
-  var _useState = (0, _react.useState)(props.value),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentTab = _useState2[0],
-    setCurrentTab = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setCurrentTab(props.value);
-  }, [props.value]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, _objectSpread(_objectSpread({}, props), {}, {
-      onChangeTab: function onChangeTab(value) {
-        return setCurrentTab(value);
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-        value: 1,
-        label: "Item 1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-        value: 2,
-        label: "Item 2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-        value: 3,
-        label: "Item 3"
-      })]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
-      value: currentTab,
-      index: 1,
-      children: "Item 1 content"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
-      value: currentTab,
-      index: 2,
-      noPadding: true,
-      children: "Item 2 content"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabPanel, {
-      value: currentTab,
-      index: 3,
-      children: "Item 3 content"
-    })]
-  });
-};
-exports.TabsExample = TabsExample;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabsExample=void 0;var _react=require("react"),_=require("."),_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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var source,i=1;i<arguments.length;i++)for(var key in source=arguments[i],source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);return target},_extends.apply(this,arguments)}var TabsExample=function(_ref){var props=_extends({},(_objectDestructuringEmpty(_ref),_ref)),_useState=(0,_react.useState)(props.value),_useState2=_slicedToArray(_useState,2),currentTab=_useState2[0],setCurrentTab=_useState2[1];return(0,_react.useEffect)(function(){setCurrentTab(props.value)},[props.value]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,_objectSpread(_objectSpread({},props),{},{onChangeTab:function onChangeTab(value){return setCurrentTab(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{value:1,label:"Item 1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{value:2,label:"Item 2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{value:3,label:"Item 3"})]})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TabPanel,{value:currentTab,index:1,children:"Item 1 content"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TabPanel,{value:currentTab,index:2,noPadding:!0,children:"Item 2 content"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TabPanel,{value:currentTab,index:3,children:"Item 3 content"})]})};exports.TabsExample=TabsExample;

package/dist/components/Tabs/components/Tab.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tab = void 0;
-var _react = require("react");
-var _Tabs = require("./Tabs");
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var Tab = function Tab(_ref) {
-  var label = _ref.label,
-    value = _ref.value,
-    icon = _ref.icon,
-    _ref$iconPosition = _ref.iconPosition,
-    iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
-    disabled = _ref.disabled;
-  var _useContext = (0, _react.useContext)(_Tabs.TabsContext),
-    activeTabRef = _useContext.activeTabRef,
-    activeTab = _useContext.activeTab,
-    changeTab = _useContext.changeTab,
-    squeeze = _useContext.squeeze,
-    indicatorColor = _useContext.indicatorColor,
-    textColor = _useContext.textColor,
-    isLoading = _useContext.isLoading;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButton, {
-    id: "simple-tab-".concat(value),
-    type: "button",
-    role: "tab",
-    ref: activeTab === Number(value) ? activeTabRef : undefined,
-    active: activeTab === Number(value),
-    tabIndex: activeTab === Number(value) ? 0 : -1,
-    onClick: function onClick(event) {
-      return changeTab(event, Number(value));
-    },
-    disabled: disabled || isLoading,
-    squeeze: squeeze,
-    indicatorColor: indicatorColor,
-    textColor: textColor,
-    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabLoadingSkeleton, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [iconPosition === 'left' && icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButtonIcon, {
-        children: icon
-      }), label, iconPosition === 'right' && icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButtonIcon, {
-        children: icon
-      })]
-    })
-  });
-};
-exports.Tab = Tab;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var _react=require("react"),_Tabs=require("./Tabs"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),Tab=function(_ref){var label=_ref.label,value=_ref.value,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=void 0===_ref$iconPosition?"left":_ref$iconPosition,disabled=_ref.disabled,_useContext=(0,_react.useContext)(_Tabs.TabsContext),activeTabRef=_useContext.activeTabRef,activeTab=_useContext.activeTab,changeTab=_useContext.changeTab,squeeze=_useContext.squeeze,indicatorColor=_useContext.indicatorColor,textColor=_useContext.textColor,isLoading=_useContext.isLoading;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabButton,{id:"simple-tab-".concat(value),type:"button",role:"tab",ref:activeTab===+value?activeTabRef:void 0,active:activeTab===+value,tabIndex:activeTab===+value?0:-1,onClick:function onClick(event){return changeTab(event,+value)},disabled:disabled||isLoading,squeeze:squeeze,indicatorColor:indicatorColor,textColor:textColor,children:isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabLoadingSkeleton,{}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:["left"===iconPosition&&icon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabButtonIcon,{children:icon}),label,"right"===iconPosition&&icon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabButtonIcon,{children:icon})]})})};exports.Tab=Tab;

package/dist/components/Tabs/components/TabPanel.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabPanel = void 0;
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var TabPanel = function TabPanel(_ref) {
-  var children = _ref.children,
-    index = _ref.index,
-    value = _ref.value,
-    noPadding = _ref.noPadding;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabPanelContainer, {
-    id: "simple-tabpanel-".concat(index),
-    hidden: Number(value) !== Number(index),
-    role: "tabpanel",
-    "aria-labelledby": "simple-tabpanel-".concat(index),
-    children: Number(value) === Number(index) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabPanelWrapper, {
-      noPadding: noPadding,
-      children: children
-    })
-  });
-};
-exports.TabPanel = TabPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabPanel=void 0;var _styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),TabPanel=function(_ref){var children=_ref.children,index=_ref.index,value=_ref.value,noPadding=_ref.noPadding;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabPanelContainer,{id:"simple-tabpanel-".concat(index),hidden:+value!==+index,role:"tabpanel","aria-labelledby":"simple-tabpanel-".concat(index),children:+value===+index&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabPanelWrapper,{noPadding:noPadding,children:children})})};exports.TabPanel=TabPanel;

package/dist/components/Tabs/components/Tabs.js

@@ -1,107 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabsContext = exports.Tabs = void 0;
-var _react = require("react");
-var _Flex = _interopRequireDefault(require("../../Flex"));
-var _styles = require("../styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "direction", "centered", "onChangeTab", "value", "fullWidth", "indicatorColor", "textColor", "isLoading", "squeeze"];
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var TabsContext = /*#__PURE__*/(0, _react.createContext)({
-  activeTabRef: undefined,
-  activeTab: 0,
-  changeTab: function changeTab() {},
-  indicatorWidth: 0,
-  indicatorLeft: 0,
-  indicatorColor: 'primary.default',
-  textColor: 'primary.default',
-  isLoading: false,
-  squeeze: false
-});
-exports.TabsContext = TabsContext;
-var Tabs = function Tabs(_ref) {
-  var children = _ref.children,
-    direction = _ref.direction,
-    centered = _ref.centered,
-    onChangeTab = _ref.onChangeTab,
-    value = _ref.value,
-    fullWidth = _ref.fullWidth,
-    indicatorColor = _ref.indicatorColor,
-    textColor = _ref.textColor,
-    isLoading = _ref.isLoading,
-    squeeze = _ref.squeeze,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var activeTabRef = /*#__PURE__*/(0, _react.createRef)();
-  var _useState = (0, _react.useState)(Number(value) || 0),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    indicatorWidth = _useState4[0],
-    setIndicatorWidth = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    indicatorLeft = _useState6[0],
-    setIndicatorLeft = _useState6[1];
-  function handleChangeTab(event, value) {
-    setActiveTab(value);
-    setIndicatorWidth(event.currentTarget.offsetWidth);
-    setIndicatorLeft(event.currentTarget.offsetLeft);
-    onChangeTab && onChangeTab(value);
-  }
-  (0, _react.useEffect)(function () {
-    setActiveTab(Number(value) || 0);
-    if (activeTabRef !== null && activeTabRef !== void 0 && activeTabRef.current) {
-      setIndicatorWidth(activeTabRef.current.offsetWidth);
-      setIndicatorLeft(activeTabRef.current.offsetLeft);
-    }
-  }, [value, activeTabRef]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TabsContainer, {
-    fullWidth: fullWidth || squeeze,
-    indicatorColor: indicatorColor,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, _objectSpread(_objectSpread({
-      direction: direction || 'row',
-      justifyContent: centered ? 'center' : 'flex-start',
-      role: "tablist"
-    }, rest), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsContext.Provider, {
-        value: {
-          activeTabRef: activeTabRef,
-          activeTab: activeTab,
-          changeTab: handleChangeTab,
-          textColor: textColor,
-          indicatorColor: indicatorColor,
-          indicatorWidth: indicatorWidth,
-          indicatorLeft: indicatorLeft,
-          isLoading: isLoading,
-          squeeze: squeeze
-        },
-        children: children
-      })
-    })), direction === 'row' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabIndicator, {
-      isLoading: isLoading,
-      indicatorColor: indicatorColor,
-      indicatorWidth: indicatorWidth,
-      indicatorLeft: indicatorLeft
-    })]
-  });
-};
-exports.Tabs = Tabs;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabsContext=exports.Tabs=void 0;var _react=require("react"),_Flex=_interopRequireDefault(require("../../Flex")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","direction","centered","onChangeTab","value","fullWidth","indicatorColor","textColor","isLoading","squeeze"];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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var TabsContext=/*#__PURE__*/(0,_react.createContext)({activeTabRef:void 0,activeTab:0,changeTab:function changeTab(){},indicatorWidth:0,indicatorLeft:0,indicatorColor:"primary.default",textColor:"primary.default",isLoading:!1,squeeze:!1});exports.TabsContext=TabsContext;var Tabs=function(_ref){var children=_ref.children,direction=_ref.direction,centered=_ref.centered,onChangeTab=_ref.onChangeTab,value=_ref.value,fullWidth=_ref.fullWidth,indicatorColor=_ref.indicatorColor,textColor=_ref.textColor,isLoading=_ref.isLoading,squeeze=_ref.squeeze,rest=_objectWithoutProperties(_ref,_excluded),activeTabRef=/*#__PURE__*/(0,_react.createRef)(),_useState=(0,_react.useState)(+value||0),_useState2=_slicedToArray(_useState,2),activeTab=_useState2[0],setActiveTab=_useState2[1],_useState3=(0,_react.useState)(0),_useState4=_slicedToArray(_useState3,2),indicatorWidth=_useState4[0],setIndicatorWidth=_useState4[1],_useState5=(0,_react.useState)(0),_useState6=_slicedToArray(_useState5,2),indicatorLeft=_useState6[0],setIndicatorLeft=_useState6[1];return(0,_react.useEffect)(function(){setActiveTab(+value||0),null!==activeTabRef&&void 0!==activeTabRef&&activeTabRef.current&&(setIndicatorWidth(activeTabRef.current.offsetWidth),setIndicatorLeft(activeTabRef.current.offsetLeft))},[value,activeTabRef]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.TabsContainer,{fullWidth:fullWidth||squeeze,indicatorColor:indicatorColor,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,_objectSpread(_objectSpread({direction:direction||"row",justifyContent:centered?"center":"flex-start",role:"tablist"},rest),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(TabsContext.Provider,{value:{activeTabRef:activeTabRef,activeTab:activeTab,changeTab:function(event,value){setActiveTab(value),setIndicatorWidth(event.currentTarget.offsetWidth),setIndicatorLeft(event.currentTarget.offsetLeft),onChangeTab&&onChangeTab(value)},textColor:textColor,indicatorColor:indicatorColor,indicatorWidth:indicatorWidth,indicatorLeft:indicatorLeft,isLoading:isLoading,squeeze:squeeze},children:children})})),"row"===direction&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TabIndicator,{isLoading:isLoading,indicatorColor:indicatorColor,indicatorWidth:indicatorWidth,indicatorLeft:indicatorLeft})]})};exports.Tabs=Tabs;

package/dist/components/Tabs/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Tab", {
-  enumerable: true,
-  get: function get() {
-    return _Tab.Tab;
-  }
-});
-Object.defineProperty(exports, "TabPanel", {
-  enumerable: true,
-  get: function get() {
-    return _TabPanel.TabPanel;
-  }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function get() {
-    return _Tabs.Tabs;
-  }
-});
-var _TabPanel = require("./components/TabPanel");
-var _Tabs = require("./components/Tabs");
-var _Tab = require("./components/Tab");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function get(){return _Tab.Tab}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function get(){return _TabPanel.TabPanel}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function get(){return _Tabs.Tabs}});var _TabPanel=require("./components/TabPanel"),_Tabs=require("./components/Tabs"),_Tab=require("./components/Tab");

package/dist/components/Tabs/styles.js

@@ -1,61 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabsContainer = exports.TabPanelWrapper = exports.TabPanelContainer = exports.TabLoadingSkeleton = exports.TabIndicator = exports.TabButtonIcon = exports.TabButton = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _getColorValue = require("../../utils/getColorValue");
-var _colorToGray = require("../../utils/colorToGray");
-var _customColorMode = require("../../utils/customColorMode");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var TabsContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n\n  > div[role='tablist'] {\n    width: ", ";\n    border-bottom: 2px solid\n      ", ";\n  }\n"])), function (_ref) {
-  var fullWidth = _ref.fullWidth;
-  return fullWidth ? '100%' : 'fit-content';
-}, function () {
-  return (0, _customColorMode.customColorMode)('rgba(0, 0, 0, 0.2)', 'rgba(255, 255, 255, 0.4)');
-});
-exports.TabsContainer = TabsContainer;
-var TabButton = _styled.default.button(function (_ref2) {
-  var squeeze = _ref2.squeeze,
-    theme = _ref2.theme,
-    active = _ref2.active,
-    textColor = _ref2.textColor,
-    disabled = _ref2.disabled,
-    indicatorColor = _ref2.indicatorColor;
-  var colorProps = (0, _colorToGray.convertColor)((0, _getColorValue.getColorValue)(indicatorColor || 'primary.default', theme));
-  var grayColor = colorProps.neutral2;
-  var whiteColor = colorProps.neutral1;
-  return "\n  display: flex;\n  ".concat(squeeze && 'flex: 1;', "\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 1rem 2rem;\n\n  font-family: inherit;\n  font-weight: 600;\n  font-size: ").concat(theme.fontSizes.xxs, ";\n\n  color: ").concat(active ? (0, _customColorMode.customColorMode)("hsl(".concat(grayColor[0], ", ").concat(grayColor[1], "%, 30%)"), "hsl(".concat(whiteColor[0], ", ").concat(whiteColor[1], "%, ").concat(whiteColor[2], "%)")) : disabled ? theme.colors.neutral.neutral1 : "hsl(".concat(grayColor[0], ", ").concat(grayColor[1], "%, 75%)"), ";\n  background: transparent;\n\n  border: none;\n  border-radius: 0;\n  outline: 0;\n  margin: 0;\n\n  cursor: ").concat(disabled ? 'default' : 'pointer', ";\n  vertical-align: middle;\n\n  user-select: none;\n  appearance: none;\n  text-decoration: none;\n\n  transition: all 250ms ease 0ms;\n\n  & > span {\n    ").concat(active && "\n        color: ".concat((0, _getColorValue.getColorValue)(textColor || 'primary.default', theme), ";\n      "), "\n  }\n\n  &:hover {\n    color: ").concat(disabled ? 'none' : theme.colors.neutral.black, ";\n    background: ").concat(disabled ? 'transparent' : 'rgba(0, 0, 0, 0.04)', ";\n  }\n\n  &:active {\n    background: rgba(0, 0, 0, .1);\n  }\n");
-});
-exports.TabButton = TabButton;
-var TabButtonIcon = _styled.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  line-height: 0;\n  transition: all 250ms ease 0ms;\n"])));
-exports.TabButtonIcon = TabButtonIcon;
-var TabPanelWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px;\n"])), function (props) {
-  return props.noPadding ? 0 : 20;
-});
-exports.TabPanelWrapper = TabPanelWrapper;
-var TabLoadingSkeleton = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 58px;\n  height: 14px;\n  border-radius: 4px;\n  overflow: hidden;\n  background: ", ";\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ", ",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral.neutral2;
-});
-exports.TabLoadingSkeleton = TabLoadingSkeleton;
-var TabPanelContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n"])), function (_ref5) {
-  var hidden = _ref5.hidden;
-  return hidden ? 'none' : 'block';
-});
-exports.TabPanelContainer = TabPanelContainer;
-var TabIndicator = _styled.default.div(function (_ref6) {
-  var indicatorWidth = _ref6.indicatorWidth,
-    indicatorLeft = _ref6.indicatorLeft,
-    theme = _ref6.theme,
-    indicatorColor = _ref6.indicatorColor,
-    isLoading = _ref6.isLoading;
-  return "\n    display: block;\n    position: absolute;\n    margin-top: -2px;\n    height: 2px;\n    width: ".concat(indicatorWidth, "px;\n    left: ").concat(indicatorLeft, "px;\n    background: ").concat(isLoading ? theme.colors.neutral.neutral1 : (0, _getColorValue.getColorValue)(indicatorColor || 'primary.default', theme), ";\n    animation-name: indicator;\n    animation-duration: .5s;\n    transition: 0.3s all;\n  ");
-});
-exports.TabIndicator = TabIndicator;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabsContainer=exports.TabPanelWrapper=exports.TabPanelContainer=exports.TabLoadingSkeleton=exports.TabIndicator=exports.TabButtonIcon=exports.TabButton=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styled=_interopRequireDefault(require("@emotion/styled")),_getColorValue=require("../../utils/getColorValue"),_colorToGray=require("../../utils/colorToGray"),_customColorMode=require("../../utils/customColorMode");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var TabsContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n\n  > div[role='tablist'] {\n    width: ",";\n    border-bottom: 2px solid\n      ",";\n  }\n"])),function(_ref){var fullWidth=_ref.fullWidth;return fullWidth?"100%":"fit-content"},function(){return(0,_customColorMode.customColorMode)("rgba(0, 0, 0, 0.2)","rgba(255, 255, 255, 0.4)")});exports.TabsContainer=TabsContainer;var TabButton=_styled.default.button(function(_ref2){var squeeze=_ref2.squeeze,theme=_ref2.theme,active=_ref2.active,textColor=_ref2.textColor,disabled=_ref2.disabled,indicatorColor=_ref2.indicatorColor,colorProps=(0,_colorToGray.convertColor)((0,_getColorValue.getColorValue)(indicatorColor||"primary.default",theme)),grayColor=colorProps.neutral2,whiteColor=colorProps.neutral1;return"\n  display: flex;\n  ".concat(squeeze&&"flex: 1;","\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 1rem 2rem;\n\n  font-family: inherit;\n  font-weight: 600;\n  font-size: ").concat(theme.fontSizes.xxs,";\n\n  color: ").concat(active?(0,_customColorMode.customColorMode)("hsl(".concat(grayColor[0],", ").concat(grayColor[1],"%, 30%)"),"hsl(".concat(whiteColor[0],", ").concat(whiteColor[1],"%, ").concat(whiteColor[2],"%)")):disabled?theme.colors.neutral.neutral1:"hsl(".concat(grayColor[0],", ").concat(grayColor[1],"%, 75%)"),";\n  background: transparent;\n\n  border: none;\n  border-radius: 0;\n  outline: 0;\n  margin: 0;\n\n  cursor: ").concat(disabled?"default":"pointer",";\n  vertical-align: middle;\n\n  user-select: none;\n  appearance: none;\n  text-decoration: none;\n\n  transition: all 250ms ease 0ms;\n\n  & > span {\n    ").concat(active&&"\n        color: ".concat((0,_getColorValue.getColorValue)(textColor||"primary.default",theme),";\n      "),"\n  }\n\n  &:hover {\n    color: ").concat(disabled?"none":theme.colors.neutral.black,";\n    background: ").concat(disabled?"transparent":"rgba(0, 0, 0, 0.04)",";\n  }\n\n  &:active {\n    background: rgba(0, 0, 0, .1);\n  }\n")});exports.TabButton=TabButton;var TabButtonIcon=_styled.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  line-height: 0;\n  transition: all 250ms ease 0ms;\n"])));exports.TabButtonIcon=TabButtonIcon;var TabPanelWrapper=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  padding: ","px;\n"])),function(props){return props.noPadding?0:20});exports.TabPanelWrapper=TabPanelWrapper;var TabLoadingSkeleton=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: flex;\n  width: 58px;\n  height: 14px;\n  border-radius: 4px;\n  overflow: hidden;\n  background: ",";\n\n  &::after {\n    content: '';\n    inset: 0px;\n    width: 100%;\n    height: 100%;\n    display: block;\n    animation: 1.6s linear 0.5s infinite normal none running move;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      ",",\n      transparent\n    );\n  }\n\n  @keyframes move {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])),function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.neutral1},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral2});exports.TabLoadingSkeleton=TabLoadingSkeleton;var TabPanelContainer=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  display: ",";\n"])),function(_ref5){var hidden=_ref5.hidden;return hidden?"none":"block"});exports.TabPanelContainer=TabPanelContainer;var TabIndicator=_styled.default.div(function(_ref6){var indicatorWidth=_ref6.indicatorWidth,indicatorLeft=_ref6.indicatorLeft,theme=_ref6.theme,indicatorColor=_ref6.indicatorColor,isLoading=_ref6.isLoading;return"\n    display: block;\n    position: absolute;\n    margin-top: -2px;\n    height: 2px;\n    width: ".concat(indicatorWidth,"px;\n    left: ").concat(indicatorLeft,"px;\n    background: ").concat(isLoading?theme.colors.neutral.neutral1:(0,_getColorValue.getColorValue)(indicatorColor||"primary.default",theme),";\n    animation-name: indicator;\n    animation-duration: .5s;\n    transition: 0.3s all;\n  ")});exports.TabIndicator=TabIndicator;

package/dist/components/Tabs/tabs.test.js

@@ -1,146 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = require(".");
-var _TabsExample = require("./TabsExample");
-var _jsxRuntime = require("react/jsx-runtime");
-describe('Tabs', function () {
-  it('should it render tabs components', function () {
-    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsExample.TabsExample, {
-        value: 1,
-        onChangeTab: function onChangeTab() {}
-      })),
-      container = _render.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render with initial value', function () {
-    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
-          value: 1,
-          onChangeTab: jest.fn(),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 1",
-            value: "1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 2",
-            value: "2"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 3",
-            value: "3"
-          })]
-        })
-      })),
-      container = _render2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render with disabled prop', function () {
-    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
-          value: 1,
-          onChangeTab: jest.fn(),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 1",
-            value: "1",
-            disabled: true
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 2",
-            value: "2"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 3",
-            value: "3"
-          })]
-        })
-      })),
-      container = _render3.container;
-    expect(container).toBeInTheDocument();
-    expect(container.querySelector('#simple-tab-1')).toBeDisabled();
-  });
-  it('should it render with loading prop', function () {
-    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
-          value: 1,
-          onChangeTab: jest.fn(),
-          isLoading: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 1",
-            value: "1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 2",
-            value: "2"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 3",
-            value: "3"
-          })]
-        })
-      })),
-      container = _render4.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render with centered prop', function () {
-    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
-          value: 1,
-          onChangeTab: jest.fn(),
-          centered: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 1",
-            value: "1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 2",
-            value: "2"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 3",
-            value: "3"
-          })]
-        })
-      })),
-      container = _render5.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render with fullWidth prop', function () {
-    var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
-          value: 1,
-          onChangeTab: jest.fn(),
-          fullWidth: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 1",
-            value: "1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 2",
-            value: "2"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 3",
-            value: "3"
-          })]
-        })
-      })),
-      container = _render6.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it call the on change function when the tab is clicked', function () {
-    var onChangeTab = jest.fn();
-    var _render7 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Tabs, {
-          value: 1,
-          onChangeTab: onChangeTab,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 1",
-            value: "1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 2",
-            value: "2"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tab, {
-            label: "Tab 3",
-            value: "3"
-          })]
-        })
-      })),
-      container = _render7.container;
-    var tab = container.querySelector('#simple-tab-2');
-    tab === null || tab === void 0 ? void 0 : tab.click();
-    expect(onChangeTab).toHaveBeenCalled();
-    expect(onChangeTab).toHaveBeenCalledWith(2);
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=require("."),_TabsExample=require("./TabsExample"),_jsxRuntime=require("react/jsx-runtime");describe("Tabs",function(){it("should it render tabs components",function(){var _render=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_TabsExample.TabsExample,{value:1,onChangeTab:function onChangeTab(){}})),container=_render.container;expect(container).toBeInTheDocument()}),it("should it render with initial value",function(){var _render2=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,{value:1,onChangeTab:jest.fn(),children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 1",value:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 2",value:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 3",value:"3"})]})})),container=_render2.container;expect(container).toBeInTheDocument()}),it("should it render with disabled prop",function(){var _render3=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,{value:1,onChangeTab:jest.fn(),children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 1",value:"1",disabled:!0}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 2",value:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 3",value:"3"})]})})),container=_render3.container;expect(container).toBeInTheDocument(),expect(container.querySelector("#simple-tab-1")).toBeDisabled()}),it("should it render with loading prop",function(){var _render4=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,{value:1,onChangeTab:jest.fn(),isLoading:!0,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 1",value:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 2",value:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 3",value:"3"})]})})),container=_render4.container;expect(container).toBeInTheDocument()}),it("should it render with centered prop",function(){var _render5=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,{value:1,onChangeTab:jest.fn(),centered:!0,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 1",value:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 2",value:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 3",value:"3"})]})})),container=_render5.container;expect(container).toBeInTheDocument()}),it("should it render with fullWidth prop",function(){var _render6=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,{value:1,onChangeTab:jest.fn(),fullWidth:!0,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 1",value:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 2",value:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 3",value:"3"})]})})),container=_render6.container;expect(container).toBeInTheDocument()}),it("should it call the on change function when the tab is clicked",function(){var onChangeTab=jest.fn(),_render7=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Tabs,{value:1,onChangeTab:onChangeTab,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 1",value:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 2",value:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Tab,{label:"Tab 3",value:"3"})]})})),container=_render7.container,tab=container.querySelector("#simple-tab-2");null===tab||void 0===tab?void 0:tab.click(),expect(onChangeTab).toHaveBeenCalled(),expect(onChangeTab).toHaveBeenCalledWith(2)})});

package/dist/components/Tag/index.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _invertColor = require("../../utils/invertColor");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Tag = function Tag(_ref) {
-  var label = _ref.label,
-    leftIcon = _ref.leftIcon,
-    rightIcon = _ref.rightIcon,
-    fillColor = _ref.fillColor,
-    onClick = _ref.onClick,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'sm' : _ref$size,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'square' : _ref$variant;
-  var padding = {
-    sm: '2px',
-    md: '4px',
-    lg: '8px'
-  };
-  if (!label) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
-    fillColor: fillColor,
-    overtoneHue: fillColor && (0, _invertColor.invertColor)(fillColor, true),
-    padding: size ? padding[size] : padding.md,
-    onClick: onClick,
-    variant: variant,
-    children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-      name: leftIcon,
-      size: size === 'lg' ? '15' : '13'
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Text, {
-      overtoneHue: fillColor && (0, _invertColor.invertColor)(fillColor, true),
-      isLarge: size === 'lg',
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Close, {
-      type: "button",
-      overtoneHue: fillColor && (0, _invertColor.invertColor)(fillColor, true),
-      fillColor: fillColor,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: rightIcon || 'x-circle',
-        size: size === 'lg' ? '15' : '13'
-      })
-    })]
-  });
-};
-var _default = Tag;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _invertColor=require("../../utils/invertColor"),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var Tag=function(_ref){var label=_ref.label,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,fillColor=_ref.fillColor,onClick=_ref.onClick,_ref$size=_ref.size,size=void 0===_ref$size?"sm":_ref$size,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"square":_ref$variant,padding={sm:"2px",md:"4px",lg:"8px"};return label?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Wrapper,{fillColor:fillColor,overtoneHue:fillColor&&(0,_invertColor.invertColor)(fillColor,!0),padding:size?padding[size]:padding.md,onClick:onClick,variant:variant,children:[leftIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:leftIcon,size:"lg"===size?"15":"13"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Text,{overtoneHue:fillColor&&(0,_invertColor.invertColor)(fillColor,!0),isLarge:"lg"===size,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Close,{type:"button",overtoneHue:fillColor&&(0,_invertColor.invertColor)(fillColor,!0),fillColor:fillColor,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:rightIcon||"x-circle",size:"lg"===size?"15":"13"})})]}):null},_default=Tag;exports.default=_default;