@macrostrat/map-interface 1.5.2 → 1.5.3

package/src/map-panel/components/transitions/index.ts

@@ -1,24 +0,0 @@
-import hyper from "@macrostrat/hyper";
-import styles from "./main.module.styl";
-import classNames from "classnames";
-import { Spinner } from "@blueprintjs/core";
-import { useTransition } from "transition-hook";
-
-const h = hyper.styled(styles);
-
-function LoadingArea(props) {
-  const { loaded, children = null, className } = props;
-  const trans = useTransition(loaded, 500);
-  const invTrans = useTransition(!loaded, 500);
-
-  return h(
-    "div.loading-area",
-    { className: classNames(className, trans.stage) },
-    [
-      h.if(invTrans.shouldMount)("div.spinner", null, h(Spinner)),
-      h.if(trans.shouldMount)("div.data", null, children),
-    ],
-  );
-}
-
-export { LoadingArea };

package/src/map-panel/components/transitions/main.module.styl

@@ -1,55 +0,0 @@
-transitionable()
-  &:global(.enter)
-    opacity: 0
-  &:global(.enter-active)
-    opacity: 1
-    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, max-height 0.5s ease-in-out
-  &:global(.exit)
-    opacity: 1
-  &:global(.exit-active)
-    opacity: 0
-    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, max-height 0.5s ease-in-out
-  transition: height 0.5s ease-in-out, max-height 0.5s ease-in-out
-
-.transition-item
-  transitionable()
-
-.loading-area
-  .spinner, .data
-    transition: height 0.5s ease-in, opacity 0.2s ease-in
-
-  .spinner
-    position absolute
-    top 0
-    left 0
-    width: 100%
-    height 100%
-    min-height: 90px
-    background-color: var(--panel-background-color)
-    padding: 15px
-
-  &.enter
-    .spinner
-      height: 0
-      opacity: 0
-
-    .data
-      opacity: 1
-
-  &.from
-    .spinner
-      height: 90px
-      opacity: 1
-
-    .data
-      opacity: 0
-
-  &.leave
-    .spinner
-      height: 90px
-      opacity: 1
-
-    .data
-      opacity: 0
-
-//.transition-item.infodrawer-info

package/src/map-panel/index.ts

@@ -1 +0,0 @@
-export * from "./components/info-drawer";