Removed old spinner

package.json

@@ -39,6 +39,7 @@
     "babel-loader": "9.1.3",
     "babel-plugin-annotate-pure-calls": "0.4.0",
     "babel-plugin-styled-components": "2.1.4",
+    "cheerio": "1.0.0-rc.10",
     "codecov": "3.8.3",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.8",

packages/presentation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulms/ui-presentation",
-  "version": "1.10.1",
+  "version": "1.11.0",
   "license": "MIT",
   "main": "index.js",
   "module": "es/index.js",
@@ -12,7 +12,6 @@
   },
   "dependencies": {
     "@ulms/ui-icons": "^1.1.0",
-    "@ulms/ui-spinner": "^1.1.0",
     "classnames-es": "2.2.6",
     "lodash": "~4.17.21",
     "prop-types": "^15.8.1",

packages/presentation/src/presentation.jsx

@@ -7,11 +7,12 @@ import PropTypes from 'prop-types'
 import scrollIntoView from 'scroll-into-view-if-needed'
 import { Icons } from '@ulms/ui-icons'
 import { SizeMe } from 'react-sizeme'
-import { Spinner } from '@ulms/ui-spinner'
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch'
 
 import { messagesIntl } from '../lang/index'
 
+import Spinner from './spinner'
+
 import css from './presentation.module.css'
 
 function calculateSize(

packages/presentation/src/spinner.jsx

@@ -0,0 +1,14 @@
+import React, { memo } from 'react'
+import cn from 'classnames-es'
+
+import css from './spinner.module.css'
+
+function SpinnerComponent(props) {
+  const { fullscreen = true } = props
+
+  return <div className={cn(css.root, { [css.fullscreen]: fullscreen })} />
+}
+
+const Spinner = memo(SpinnerComponent)
+
+export default Spinner

packages/presentation/src/spinner.module.css

@@ -0,0 +1,37 @@
+.root {
+  width: 60px;
+  height: 60px;
+  display: block;
+  position: relative;
+  margin: 30px auto;
+}
+
+@keyframes spinner {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.root::before {
+  content: '';
+  width: 60px;
+  height: 60px;
+  margin-top: -30px;
+  margin-left: -30px;
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  border-radius: 50%;
+  border: 2px solid #eee;
+  border-top-color: #459ff3;
+  animation: spinner 0.6s linear infinite;
+}
+
+.fullscreen {
+  height: 100vh;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}