@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/EmojiPicker/index.js

@@ -1,169 +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.EmotePicker = void 0;
-var _react = require("react");
-var _framerMotion = require("framer-motion");
-var _EmotePickerData = require("./EmotePickerData");
-var _useBreakpoints2 = require("../../shared/hooks/useBreakpoints");
-var _useOnClickOutside = require("../../shared/hooks/useOnClickOutside");
-var _styles = require("./styles");
-var _animation = require("./animation");
-var _opacityAnimation = require("../../shared/animations/opacityAnimation");
-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; } /* eslint-disable no-console */
-var MODAL_HEIGHT = 273;
-var MODAL_WIDTH = 503;
-var GAP = 10;
-var EmotePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var onClick = _ref.onClick,
-    _ref$mobileVariant = _ref.mobileVariant,
-    mobileVariant = _ref$mobileVariant === void 0 ? 'default' : _ref$mobileVariant,
-    _ref$modalPosition = _ref.modalPosition,
-    modalPosition = _ref$modalPosition === void 0 ? 'top-right' : _ref$modalPosition;
-  var _useBreakpoints = (0, _useBreakpoints2.useBreakpoints)(),
-    breakpointPicker = _useBreakpoints.breakpointPicker;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpenEmotePicker = _useState2[0],
-    setIsOpenEmotePicker = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    left = _useState4[0],
-    setLeft = _useState4[1];
-  var _useState5 = (0, _react.useState)('unset'),
-    _useState6 = _slicedToArray(_useState5, 2),
-    right = _useState6[0],
-    setRight = _useState6[1];
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    top = _useState8[0],
-    setTop = _useState8[1];
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      handleOpen: handleOpen,
-      repositionByElement: repositionByElement
-    };
-  });
-  function handleOpen() {
-    setIsOpenEmotePicker(!isOpenEmotePicker);
-  }
-  var modalDesktopRef = (0, _react.useRef)(null);
-  var triggerRef = (0, _react.useRef)(null);
-  var overlayMobileRef = (0, _react.useRef)(null);
-  var emotePickerMobileRef = (0, _react.useRef)(null);
-  (0, _useOnClickOutside.useOnClickOutside)([modalDesktopRef, triggerRef, overlayMobileRef, emotePickerMobileRef], function () {
-    setIsOpenEmotePicker(false);
-  });
-  function isOverflowWidth(offsetValue) {
-    return offsetValue < MODAL_WIDTH;
-  }
-  function handleModalPosition() {
-    var _triggerRef$current;
-    if (!triggerRef.current) return;
-    var triggerRects = (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.getBoundingClientRect();
-    var modalIsInTop = modalPosition.includes('top');
-    var modalIsInRight = modalPosition.includes('right');
-    if (modalIsInRight) {
-      var rectRight = window.innerWidth - triggerRects.right + triggerRects.width;
-      var offsetRight = isOverflowWidth(rectRight) ? rectRight : rectRight - MODAL_WIDTH - GAP;
-      setLeft('unset');
-      setRight(offsetRight);
-    } else {
-      var offsetLeft = isOverflowWidth(triggerRects.left) ? triggerRects.left : triggerRects.left - MODAL_WIDTH + triggerRects.width;
-      setRight('unset');
-      setLeft(offsetLeft);
-    }
-    if (modalIsInTop) {
-      var shouldRepositionToBottom = triggerRects.top < MODAL_HEIGHT;
-      if (shouldRepositionToBottom) {
-        setTop(triggerRects.height + triggerRects.top + GAP);
-        return;
-      }
-      setTop(triggerRects.top - MODAL_HEIGHT);
-    } else {
-      var triggerOffsetBottom = window.innerHeight - triggerRects.bottom - GAP;
-      var shouldRepositionToTop = triggerOffsetBottom < MODAL_HEIGHT;
-      if (shouldRepositionToTop) {
-        setTop(triggerRects.top - MODAL_HEIGHT - GAP);
-        return;
-      }
-      setTop(triggerRects.height + triggerRects.top + GAP);
-    }
-  }
-  function repositionByElement(event) {
-    handleOpen();
-    triggerRef.current = event.currentTarget;
-    handleModalPosition();
-  }
-  (0, _react.useEffect)(function () {
-    function handler() {
-      setIsOpenEmotePicker(false);
-    }
-    if (isOpenEmotePicker) {
-      var _document;
-      (_document = document) === null || _document === void 0 ? void 0 : _document.addEventListener('scroll', handler);
-    } else {
-      var _document2;
-      (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.removeEventListener('scroll', handler);
-    }
-    return function () {
-      var _document3;
-      return (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.removeEventListener('scroll', handler);
-    };
-  }, [isOpenEmotePicker]);
-  (0, _react.useEffect)(function () {
-    handleModalPosition();
-  }, [modalPosition]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-      mode: "wait",
-      children: isOpenEmotePicker && breakpointPicker({
-        base: mobileVariant === 'default' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, _objectSpread(_objectSpread({
-          ref: emotePickerMobileRef
-        }, _animation.emotePickerMobileAnimation), {}, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmotePickerData.EmotePickerData, {
-            onClick: onClick
-          })
-        }), "emote-picker-mobile") : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.EmotePickerMobileContainer, _objectSpread(_objectSpread({
-          ref: emotePickerMobileRef
-        }, _opacityAnimation.opacityAnimation), {}, {
-          onClick: function onClick(event) {
-            if (event.target === event.currentTarget) {
-              setIsOpenEmotePicker(false);
-            }
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmotePickerData.EmotePickerData, {
-            onClick: onClick
-          })
-        }), "emote-picker-mobile-fixed"),
-        lg: /*#__PURE__*/(0, _react.createElement)(_styles.EmotePickerDesktopContainer, _objectSpread(_objectSpread({}, _animation.modalAnimation), {}, {
-          ref: modalDesktopRef,
-          key: "emote-picker",
-          style: {
-            top: top,
-            left: left,
-            right: right
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmotePickerData.EmotePickerData, {
-          onClick: onClick
-        }))
-      })
-    })
-  });
-});
-exports.EmotePicker = EmotePicker;
-EmotePicker.displayName = 'EmotePicker';
+"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.EmotePicker=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_EmotePickerData=require("./EmotePickerData"),_useBreakpoints2=require("../../shared/hooks/useBreakpoints"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_styles=require("./styles"),_animation=require("./animation"),_opacityAnimation=require("../../shared/animations/opacityAnimation"),_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}/* eslint-disable no-console */var MODAL_HEIGHT=273,MODAL_WIDTH=503,GAP=10,EmotePicker=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleOpen(){setIsOpenEmotePicker(!isOpenEmotePicker)}function isOverflowWidth(offsetValue){return offsetValue<MODAL_WIDTH}function handleModalPosition(){var _triggerRef$current;if(triggerRef.current){var triggerRects=null===(_triggerRef$current=triggerRef.current)||void 0===_triggerRef$current?void 0:_triggerRef$current.getBoundingClientRect(),modalIsInTop=modalPosition.includes("top"),modalIsInRight=modalPosition.includes("right");if(modalIsInRight){var rectRight=window.innerWidth-triggerRects.right+triggerRects.width,offsetRight=isOverflowWidth(rectRight)?rectRight:rectRight-MODAL_WIDTH-GAP;setLeft("unset"),setRight(offsetRight)}else{var offsetLeft=isOverflowWidth(triggerRects.left)?triggerRects.left:triggerRects.left-MODAL_WIDTH+triggerRects.width;setRight("unset"),setLeft(offsetLeft)}if(modalIsInTop){var shouldRepositionToBottom=triggerRects.top<MODAL_HEIGHT;if(shouldRepositionToBottom)return void setTop(triggerRects.height+triggerRects.top+GAP);setTop(triggerRects.top-MODAL_HEIGHT)}else{var triggerOffsetBottom=window.innerHeight-triggerRects.bottom-GAP;if(triggerOffsetBottom<MODAL_HEIGHT)return void setTop(triggerRects.top-MODAL_HEIGHT-GAP);setTop(triggerRects.height+triggerRects.top+GAP)}}}function repositionByElement(event){handleOpen(),triggerRef.current=event.currentTarget,handleModalPosition()}var onClick=_ref.onClick,_ref$mobileVariant=_ref.mobileVariant,mobileVariant=void 0===_ref$mobileVariant?"default":_ref$mobileVariant,_ref$modalPosition=_ref.modalPosition,modalPosition=void 0===_ref$modalPosition?"top-right":_ref$modalPosition,_useBreakpoints=(0,_useBreakpoints2.useBreakpoints)(),breakpointPicker=_useBreakpoints.breakpointPicker,_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpenEmotePicker=_useState2[0],setIsOpenEmotePicker=_useState2[1],_useState3=(0,_react.useState)(0),_useState4=_slicedToArray(_useState3,2),left=_useState4[0],setLeft=_useState4[1],_useState5=(0,_react.useState)("unset"),_useState6=_slicedToArray(_useState5,2),right=_useState6[0],setRight=_useState6[1],_useState7=(0,_react.useState)(0),_useState8=_slicedToArray(_useState7,2),top=_useState8[0],setTop=_useState8[1];(0,_react.useImperativeHandle)(ref,function(){return{handleOpen:handleOpen,repositionByElement:repositionByElement}});var modalDesktopRef=(0,_react.useRef)(null),triggerRef=(0,_react.useRef)(null),overlayMobileRef=(0,_react.useRef)(null),emotePickerMobileRef=(0,_react.useRef)(null);return(0,_useOnClickOutside.useOnClickOutside)([modalDesktopRef,triggerRef,overlayMobileRef,emotePickerMobileRef],function(){setIsOpenEmotePicker(!1)}),(0,_react.useEffect)(function(){function handler(){setIsOpenEmotePicker(!1)}if(isOpenEmotePicker){var _document;null===(_document=document)||void 0===_document?void 0:_document.addEventListener("scroll",handler)}else{var _document2;null===(_document2=document)||void 0===_document2?void 0:_document2.removeEventListener("scroll",handler)}return function(){var _document3;return null===(_document3=document)||void 0===_document3?void 0:_document3.removeEventListener("scroll",handler)}},[isOpenEmotePicker]),(0,_react.useEffect)(function(){handleModalPosition()},[modalPosition]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:isOpenEmotePicker&&breakpointPicker({base:"default"===mobileVariant?/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({ref:emotePickerMobileRef},_animation.emotePickerMobileAnimation),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_EmotePickerData.EmotePickerData,{onClick:onClick})}),"emote-picker-mobile"):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.EmotePickerMobileContainer,_objectSpread(_objectSpread({ref:emotePickerMobileRef},_opacityAnimation.opacityAnimation),{},{onClick:function(event){event.target===event.currentTarget&&setIsOpenEmotePicker(!1)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_EmotePickerData.EmotePickerData,{onClick:onClick})}),"emote-picker-mobile-fixed"),lg:/*#__PURE__*/(0,_react.createElement)(_styles.EmotePickerDesktopContainer,_objectSpread(_objectSpread({},_animation.modalAnimation),{},{ref:modalDesktopRef,key:"emote-picker",style:{top:top,left:left,right:right}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_EmotePickerData.EmotePickerData,{onClick:onClick}))})})})});exports.EmotePicker=EmotePicker,EmotePicker.displayName="EmotePicker";

package/dist/components/EmojiPicker/styles.js

@@ -1,21 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmotePickerMobileContainer = exports.EmotePickerDesktopContainer = void 0;
-var _framerMotion = require("framer-motion");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2;
-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 EmotePickerDesktopContainer = (0, _styled.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 0.5rem;\n  position: fixed;\n  z-index: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.zIndex.level8;
-});
-exports.EmotePickerDesktopContainer = EmotePickerDesktopContainer;
-var EmotePickerMobileContainer = (0, _styled.default)(_framerMotion.motion.div)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: fixed;\n  z-index: ", ";\n\n  height: 100%;\n  width: 100%;\n  background: rgba(0, 0, 0, 0.1);\n  display: flex;\n  padding: 1rem 1rem 0 1rem;\n\n  justify-content: center;\n  align-items: end;\n\n  .emote_picker_container {\n    border-radius: 0.5rem 0.5rem 0 0 !important;\n  }\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.zIndex.level24;
-});
-exports.EmotePickerMobileContainer = EmotePickerMobileContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmotePickerMobileContainer=exports.EmotePickerDesktopContainer=void 0;var _templateObject,_templateObject2,_framerMotion=require("framer-motion"),_styled=_interopRequireDefault(require("@emotion/styled"));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 EmotePickerDesktopContainer=(0,_styled.default)(_framerMotion.motion.div)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border-radius: 0.5rem;\n  position: fixed;\n  z-index: ",";\n"])),function(_ref){var theme=_ref.theme;return theme.zIndex.level8});exports.EmotePickerDesktopContainer=EmotePickerDesktopContainer;var EmotePickerMobileContainer=(0,_styled.default)(_framerMotion.motion.div)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  position: fixed;\n  z-index: ",";\n\n  height: 100%;\n  width: 100%;\n  background: rgba(0, 0, 0, 0.1);\n  display: flex;\n  padding: 1rem 1rem 0 1rem;\n\n  justify-content: center;\n  align-items: end;\n\n  .emote_picker_container {\n    border-radius: 0.5rem 0.5rem 0 0 !important;\n  }\n"])),function(_ref2){var theme=_ref2.theme;return theme.zIndex.level24});exports.EmotePickerMobileContainer=EmotePickerMobileContainer;

package/dist/components/Flex/flex.test.js

@@ -1,336 +1 @@
-"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 _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); }
-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); }
-var setup = function setup(props, children) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
-    children: children
-  })));
-  return utils;
-};
-describe('Flex', function () {
-  it('should it render the flex component', function () {
-    var _setup = setup({
-        direction: 'row'
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on direction prop', function () {
-    var _setup2 = setup({
-        direction: {
-          base: 'column',
-          sm: 'row',
-          md: 'row-reverse',
-          lg: 'column-reverse'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on alignItems prop', function () {
-    var _setup3 = setup({
-        alignItems: {
-          base: 'baseline',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup3.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on justifyContent prop', function () {
-    var _setup4 = setup({
-        justifyContent: {
-          base: 'space-between',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup4.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on alignContent prop', function () {
-    var _setup5 = setup({
-        alignContent: {
-          base: 'space-between',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup5.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on alignSelf prop', function () {
-    var _setup6 = setup({
-        alignSelf: {
-          base: 'baseline',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup6.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on justifySelf prop', function () {
-    var _setup7 = setup({
-        justifySelf: {
-          base: 'baseline',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup7.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on spacing prop', function () {
-    var _setup8 = setup({
-        spacing: {
-          base: 4,
-          sm: 8,
-          md: 12,
-          lg: 20
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup8.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on wrap prop', function () {
-    var _setup9 = setup({
-        wrap: {
-          base: 'wrap',
-          sm: 'wrap-reverse',
-          md: 'nowrap',
-          lg: 'wrap'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup9.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on grow prop', function () {
-    var _setup10 = setup({
-        grow: {
-          base: '1',
-          sm: '2',
-          md: '3',
-          lg: '4'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup10.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on shrink prop', function () {
-    var _setup11 = setup({
-        shrink: {
-          base: '1',
-          sm: '2',
-          md: '3',
-          lg: '4'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup11.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on basis prop', function () {
-    var _setup12 = setup({
-        basis: {
-          base: '100%',
-          sm: '100%',
-          md: '50%',
-          lg: '25%'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup12.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the flex component with breakpoints on all props', function () {
-    var _setup13 = setup({
-        direction: {
-          base: 'column',
-          sm: 'row',
-          md: 'row-reverse',
-          lg: 'column-reverse'
-        },
-        alignItems: {
-          base: 'baseline',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        },
-        justifyContent: {
-          base: 'space-between',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        },
-        alignContent: {
-          base: 'space-between',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        },
-        alignSelf: {
-          base: 'baseline',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        },
-        justifySelf: {
-          base: 'baseline',
-          sm: 'center',
-          md: 'flex-end',
-          lg: 'flex-start'
-        },
-        spacing: {
-          base: 4,
-          sm: 8,
-          md: 12,
-          lg: 20
-        },
-        wrap: {
-          base: 'wrap',
-          sm: 'wrap-reverse',
-          md: 'nowrap',
-          lg: 'wrap'
-        },
-        grow: {
-          base: '1',
-          sm: '2',
-          md: '3',
-          lg: '4'
-        },
-        shrink: {
-          base: '1',
-          sm: '2',
-          md: '3',
-          lg: '4'
-        },
-        basis: {
-          base: '100%',
-          sm: '100%',
-          md: '50%',
-          lg: '25%'
-        }
-      }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "1"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "2"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: "3"
-        })]
-      })),
-      container = _setup13.container;
-    expect(container).toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var setup=function(props,children){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread(_objectSpread({},props),{},{children:children})));return utils};describe("Flex",function(){it("should it render the flex component",function(){var _setup=setup({direction:"row"},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on direction prop",function(){var _setup2=setup({direction:{base:"column",sm:"row",md:"row-reverse",lg:"column-reverse"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on alignItems prop",function(){var _setup3=setup({alignItems:{base:"baseline",sm:"center",md:"flex-end",lg:"flex-start"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup3.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on justifyContent prop",function(){var _setup4=setup({justifyContent:{base:"space-between",sm:"center",md:"flex-end",lg:"flex-start"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup4.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on alignContent prop",function(){var _setup5=setup({alignContent:{base:"space-between",sm:"center",md:"flex-end",lg:"flex-start"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup5.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on alignSelf prop",function(){var _setup6=setup({alignSelf:{base:"baseline",sm:"center",md:"flex-end",lg:"flex-start"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup6.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on justifySelf prop",function(){var _setup7=setup({justifySelf:{base:"baseline",sm:"center",md:"flex-end",lg:"flex-start"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup7.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on spacing prop",function(){var _setup8=setup({spacing:{base:4,sm:8,md:12,lg:20}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup8.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on wrap prop",function(){var _setup9=setup({wrap:{base:"wrap",sm:"wrap-reverse",md:"nowrap",lg:"wrap"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup9.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on grow prop",function(){var _setup10=setup({grow:{base:"1",sm:"2",md:"3",lg:"4"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup10.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on shrink prop",function(){var _setup11=setup({shrink:{base:"1",sm:"2",md:"3",lg:"4"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup11.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on basis prop",function(){var _setup12=setup({basis:{base:"100%",sm:"100%",md:"50%",lg:"25%"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup12.container;expect(container).toBeInTheDocument()}),it("should it render the flex component with breakpoints on all props",function(){var _setup13=setup({direction:{base:"column",sm:"row",md:"row-reverse",lg:"column-reverse"},alignItems:{base:"baseline",sm:"center",md:"flex-end",lg:"flex-start"},justifyContent:{base:"space-between",sm:"center",md:"flex-end",lg:"flex-start"},alignContent:{base:"space-between",sm:"center",md:"flex-end",lg:"flex-start"},alignSelf:{base:"baseline",sm:"center",md:"flex-end",lg:"flex-start"},justifySelf:{base:"baseline",sm:"center",md:"flex-end",lg:"flex-start"},spacing:{base:4,sm:8,md:12,lg:20},wrap:{base:"wrap",sm:"wrap-reverse",md:"nowrap",lg:"wrap"},grow:{base:"1",sm:"2",md:"3",lg:"4"},shrink:{base:"1",sm:"2",md:"3",lg:"4"},basis:{base:"100%",sm:"100%",md:"50%",lg:"25%"}},/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"3"})]})),container=_setup13.container;expect(container).toBeInTheDocument()})});

package/dist/components/Flex/index.js

@@ -1,49 +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.default = void 0;
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["basis", "children", "direction", "grow", "alignItems", "alignContent", "justifyContent", "alignSelf", "justifySelf", "shrink", "spacing", "wrap"];
-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 _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 Flex = function Flex(_ref) {
-  var basis = _ref.basis,
-    children = _ref.children,
-    direction = _ref.direction,
-    grow = _ref.grow,
-    alignItems = _ref.alignItems,
-    alignContent = _ref.alignContent,
-    justifyContent = _ref.justifyContent,
-    alignSelf = _ref.alignSelf,
-    justifySelf = _ref.justifySelf,
-    shrink = _ref.shrink,
-    spacing = _ref.spacing,
-    wrap = _ref.wrap,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledFlexContainer, _objectSpread(_objectSpread({
-    alignItems: alignItems,
-    alignSelf: alignSelf,
-    basis: basis,
-    flexDirection: direction,
-    grow: grow,
-    justifyContent: justifyContent,
-    justifySelf: justifySelf,
-    shrink: shrink,
-    spacing: spacing,
-    wrap: wrap,
-    alignContent: alignContent
-  }, rest), {}, {
-    children: children
-  }));
-};
-var _default = Flex;
-exports.default = _default;
+"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.default=void 0;var _styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["basis","children","direction","grow","alignItems","alignContent","justifyContent","alignSelf","justifySelf","shrink","spacing","wrap"];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 _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 Flex=function(_ref){var basis=_ref.basis,children=_ref.children,direction=_ref.direction,grow=_ref.grow,alignItems=_ref.alignItems,alignContent=_ref.alignContent,justifyContent=_ref.justifyContent,alignSelf=_ref.alignSelf,justifySelf=_ref.justifySelf,shrink=_ref.shrink,spacing=_ref.spacing,wrap=_ref.wrap,rest=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledFlexContainer,_objectSpread(_objectSpread({alignItems:alignItems,alignSelf:alignSelf,basis:basis,flexDirection:direction,grow:grow,justifyContent:justifyContent,justifySelf:justifySelf,shrink:shrink,spacing:spacing,wrap:wrap,alignContent:alignContent},rest),{},{children:children}))},_default=Flex;exports.default=_default;