@renderforest/rf-ui-library/atoms/SavingChanges/index.js

Renderforest UI Library

"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});var _react=require("react"),_react2=_interopRequireDefault(_react),_Icon=require("../Icon"),_Icon2=_interopRequireDefault(_Icon),_animations=require("../../consts/animations"),_styled=require("./styled"),Styled=_interopRequireWildcard(_styled);function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!=key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj["default"]=obj,cache&&cache.set(obj,newObj),newObj}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 import/no-named-as-default */var SavingChanges=function(_ref){var isLoading=_ref.isLoading,isDarkMode=_ref.isDarkMode,_ref$withSavingChange=_ref.withSavingChangesText,withSavingChangesText=void 0===_ref$withSavingChange||_ref$withSavingChange,_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isAnimating=_useState2[0],setAnimationState=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),isShown=_useState4[0],setIsShown=_useState4[1];return(0,_react.useEffect)(function(){var timeoutId;if(isLoading)setIsShown(!0);else{if(!1===isShown)return;timeoutId=setTimeout(function(){setAnimationState(!0),setIsShown(!1)},1e3)}return function(){return clearTimeout(timeoutId)}},[isLoading]),/*#__PURE__*/_react2["default"].createElement(Styled.Container,{open:isShown,isAnimating:isAnimating,isDarkMode:isDarkMode,withBoxShadow:withSavingChangesText},/*#__PURE__*/_react2["default"].createElement(_animations.CentralTransforming,null),isLoading?/*#__PURE__*/_react2["default"].createElement(Styled.DotsPulseLoadingWrapper,null,/*#__PURE__*/_react2["default"].createElement(Styled.Dot_1,null),/*#__PURE__*/_react2["default"].createElement(Styled.Dot_2,null),/*#__PURE__*/_react2["default"].createElement(Styled.Dot_3,null)):withSavingChangesText?/*#__PURE__*/_react2["default"].createElement(_react2["default"].Fragment,null,/*#__PURE__*/_react2["default"].createElement(_Icon2["default"],{color:"green",name:"check",size:"xSmall"}),/*#__PURE__*/_react2["default"].createElement(Styled.Title,{size:"xxSmall",weight:600,color:"secondaryDark"},"Saving changes")):null)};exports["default"]=SavingChanges;