@mwater/visualization 5.2.0 → 5.3.0

package/src/dashboards/layoutOptions.ts

@@ -1,40 +0,0 @@
-import { DashboardDesign } from "./DashboardDesign"
-
-export type DashboardTheme = "default" | "greybg" | "story"
-
-/** Width buckets for dashboards */
-export type WidthBucket = "sm" | "md" | "lg" | "xl"
-
-export interface BlocksLayoutOptions {
-  /** Width at which to collapse columns. Null to not collapse */
-  collapseColumnsWidth: number | null
-
-  /** Width below which scales or scrolls */
-  minimumWidth: number | null
-
-  /** What to do when below minimum width */
-  belowMinimumWidth: "scale" | "scroll"
-
-  /** Width above which pads */
-  maximumWidth: number | null
-
-  /** Width at which to hide quickfilters. Null for never */
-  hideQuickfiltersWidth: number | null
-}
-
-/** Get default layout options for a theme */
-export function getDefaultLayoutOptions(theme?: DashboardTheme | undefined): BlocksLayoutOptions {
-  theme = theme || "default"
-
-  return {
-    collapseColumnsWidth: 600,
-    minimumWidth: theme == "story" ? 400 : 600,
-    belowMinimumWidth: "scale",
-    maximumWidth: theme == "story" ? 1000 : 1600,
-    hideQuickfiltersWidth: 600
-  }
-}
-
-export function getLayoutOptions(design: DashboardDesign): BlocksLayoutOptions {
-  return design.layoutOptions || getDefaultLayoutOptions(design.style)
-}

package/src/layout-styles.css

@@ -1,263 +0,0 @@
-/* TEXT WIDGET STYLES */
-.mwater-visualization-text-widget-style-default {
-  font-size: 15px;
-}
-
-.mwater-visualization-text-widget-style-default div:not(:first-child) {
-  margin-top: 5px;
-}
-
-.mwater-visualization-text-widget-style-default h1:not(:first-child) {
-  margin-top: 10px;
-}
-
-.mwater-visualization-text-widget-style-default h2:not(:first-child) {
-  margin-top: 8px;
-}
-
-.mwater-visualization-text-widget-style-default h3:not(:first-child) {
-  margin-top: 5px;
-}
-
-.mwater-visualization-text-widget-style-default h1 {
-  font-size: 19px;
-  margin: 0px;
-  font-family: inherit;
-  font-weight: normal;
-  line-height: 1.2;
-  color: inherit;
-}
-
-.mwater-visualization-text-widget-style-default h2 {
-  font-size: 17px;
-  margin: 0px;
-  font-family: inherit;
-  font-weight: normal;
-  line-height: 1.2;
-  color: inherit;
-}
-
-/* h3 is deprecated */
-.mwater-visualization-text-widget-style-default h3 {
-  font-size: 15px;
-  margin: 0px;
-  font-weight: bold;
-  font-family: inherit;
-  line-height: 1.2;
-  color: inherit;
-}
-
-.mwater-visualization-text-widget-style-title {
-  font-size: 25px;
-}
-
-/* For InlineExprEditorComponent */
-.mwater-visualization-text-widget-expr {
-  cursor: pointer;
-  border-radius: 2px;
-  padding-left: 2px;
-  padding-right: 2px;
-  background-color: rgba(212, 235, 255, 0.8);
-}
-
-.mwater-visualization-block-parent-inner {
-  height: 100%;
-}
-
-/* 
-There are several styles of block layouts:
- default: dashboard look
- popup: allows narrow for popups
- greybg: dashboard look with grey background
- story: story-style (large text, fixed width)
-*/
-
-/* DEFAULT */
-.mwater-visualization-block-parent-outer-default {
-  padding: 20px;
-}
-
-.mwater-visualization-block-parent-inner-default {
-  margin-left: auto;
-  margin-right: auto;
-  padding: 10px;
-  /* min-width: 1000px;
-  max-width: 1800px; */
-}
-
-.mwater-visualization-block-parent-outer-default .mwater-visualization-block {
-  padding-left: 15px;
-  padding-right: 15px;
-  padding-bottom: 15px;
-}
-
-/* POPUP */
-.mwater-visualization-block-parent-outer-popup {
-}
-
-.mwater-visualization-block-parent-inner-popup {
-  padding: 30px;
-}
-
-.mwater-visualization-block-parent-outer-popup .mwater-visualization-block {
-  padding-left: 15px;
-  padding-right: 15px;
-  padding-bottom: 15px;
-}
-
-/* GREYBG */
-.mwater-visualization-block-parent-outer-greybg {
-  background-color: #ddd;
-}
-
-.mwater-visualization-block-parent-inner-greybg {
-  margin-left: auto;
-  margin-right: auto;
-  padding: 10px;
-
-  /* Special workaround for CSS fill issues */
-  min-height: 100%;
-  height: 1px;
-}
-
-/* Special workaround for CSS fill issues: cancel for print */
-@media print {
-  .mwater-visualization-block-parent-inner-greybg {
-    height: auto;
-    min-height: auto;
-  }
-
-  /* Add a border on printing */
-  .mwater-visualization-block-parent-outer-greybg .mwater-visualization-block {
-    border: solid 1px #aaa;
-  }
-}
-
-.mwater-visualization-block-parent-outer-greybg .mwater-visualization-block {
-  margin: 9px;
-  padding: 8px;
-  border-radius: 5px;
-  background-color: white;
-}
-
-.mwater-visualization-block-parent-outer-greybg .mwater-visualization-block-spacer {
-  background-color: #ddd;
-}
-
-/* STORY */
-.mwater-visualization-block-parent-outer-story {
-  padding: 20px;
-}
-
-.mwater-visualization-block-parent-inner-story {
-  padding: 10px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-block {
-  padding-left: 15px;
-  padding-right: 15px;
-  padding-bottom: 15px;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-default {
-  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  font-size: 20px;
-  color: #333;
-  font-style: normal;
-  font-weight: normal;
-  word-wrap: break-word;
-  -webkit-font-smoothing: antialiased;
-  line-height: 33px;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-default div:not(:first-child) {
-  margin-top: 8px;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-default ul {
-  line-height: 28px;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-default h1 {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
-  font-size: 32px;
-  font-weight: 700;
-  margin-top: 40px;
-  color: black;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-default h2 {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
-  font-size: 24px;
-  font-weight: 700;
-  margin-top: 30px;
-  color: black;
-}
-
-/* h3 is deprecated */
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-default h3 {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
-  font-size: 20px;
-  font-weight: bold;
-  margin-top: 20px;
-  color: black;
-}
-
-.mwater-visualization-block-parent-outer-story .mwater-visualization-text-widget-style-title {
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
-  font-size: 38px;
-  font-weight: bold;
-}
-
-@media only screen and (max-width: 1000px) {
-  /* Fill screen when small */
-  .mwater-visualization-block-parent-outer-story.mwater-visualization-block-viewing
-    .mwater-visualization-horizontal-block-item {
-    width: 100% !important;
-  }
-
-  /* Hide spacers when small */
-  .mwater-visualization-block-parent-outer-story.mwater-visualization-block-viewing .mwater-visualization-block-spacer {
-    display: none;
-  }
-}
-
-/* Used for TextWidgets inside of other widgets */
-.mwater-visualization-text-widget-style-header {
-  font-size: 14px;
-  font-weight: 600;
-  text-align: center;
-}
-
-.mwater-visualization-text-widget-style-footer {
-  font-size: 13px;
-  text-align: center;
-}
-
-.mwater-visualization-widget-placeholder {
-  position: absolute;
-  bottom: 0;
-  left: 0px;
-  right: 0px;
-  text-align: center;
-  top: 0;
-  cursor: pointer;
-  background: #f8f8f8;
-}
-
-.mwater-visualization-widget-placeholder .fa,
-.mwater-visualization-widget-placeholder .glyphicon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  color: #e0e0e0;
-  font-size: 60px;
-}
-
-.mwater-visualization-widget-placeholder:hover .fa,
-.mwater-visualization-widget-placeholder:hover .glyphicon {
-  color: #c0c0c0;
-}