@longline/aqua-ui 1.0.239 → 1.0.241

package/controls/Histogram/index.d.ts

@@ -1,4 +1,3 @@
 export * from './Histogram';
 export * from './IHistogramBin';
 export * from './HistogramAppearance';
-export * from './HistogramSingleValue';

package/controls/Histogram/index.js

@@ -1,4 +1,3 @@
 export * from './Histogram';
 export * from './IHistogramBin';
 export * from './HistogramAppearance';
-export * from './HistogramSingleValue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.239",
+  "version": "1.0.241",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",

package/services/Dialog/AlertDialog.d.ts

@@ -19,6 +19,16 @@ interface IAlertDialogProps {
      * Function to call when Dialog closes.
      */
     onClose: () => void;
+    /**
+     * If true, inverteds Dialog colors.
+     * @default false
+     */
+    inverted?: boolean;
+    /**
+     * Override standard dialog width of 600 pixels.
+     * @default 600
+     */
+    width?: number;
 }
 /**
  * A `Dialog.Alert` is a preset dialog with only a title, and an "OK" Button.

package/services/Dialog/AlertDialog.js

@@ -19,7 +19,7 @@ import { PrimaryButton } from '../../controls/PrimaryButton';
  */
 var AlertDialog = function (_a) {
     var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.title, title = _c === void 0 ? 'Alert' : _c, props = __rest(_a, ["open", "title"]);
-    return React.createElement(Dialog, { open: open, onClose: props.onClose },
+    return React.createElement(Dialog, { inverted: props.inverted, width: props.width, open: open, onClose: props.onClose },
         React.createElement(Dialog.Header, null, title),
         React.createElement(Dialog.Content, null, props.children),
         React.createElement(Dialog.Footer, null,

package/services/Dialog/ConfirmDialog.d.ts

@@ -22,6 +22,16 @@ interface IProps {
      * Function to call on close (with a positive reply).
      */
     onConfirm: () => void;
+    /**
+     * If true, inverteds Dialog colors.
+     * @default false
+     */
+    inverted?: boolean;
+    /**
+     * Override standard dialog width of 600 pixels.
+     * @default 600
+     */
+    width?: number;
 }
 /**
  * A `Dialog.Confirm` is a preset dialog with a title, and a "Yes" and a "No"

package/services/Dialog/ConfirmDialog.js

@@ -19,7 +19,7 @@ import { PrimaryButton } from '../../controls/PrimaryButton';
  */
 var ConfirmDialog = function (_a) {
     var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.title, title = _c === void 0 ? 'Confirmation' : _c, props = __rest(_a, ["open", "title"]);
-    return React.createElement(Dialog, { open: open, onClose: props.onClose },
+    return React.createElement(Dialog, { inverted: props.inverted, width: props.width, open: open, onClose: props.onClose },
         React.createElement(Dialog.Header, null, title),
         React.createElement(Dialog.Content, null, props.children),
         React.createElement(Dialog.Footer, null,

package/services/Dialog/Dialog.d.ts

@@ -12,8 +12,7 @@ interface IDialogProps {
      */
     open?: boolean;
     /**
-     * Override standard dialog width of 600 pixels (large screens) or
-     * 400 pixels (small screens).
+     * Override standard dialog width of 600 pixels.
      * @default 600
      */
     width?: number;

package/services/Dialog/XhrDialog.d.ts

@@ -25,6 +25,16 @@ interface IXhrDialogProps {
      * @default "Network error"
      */
     title?: string;
+    /**
+     * If true, inverteds Dialog colors.
+     * @default false
+     */
+    inverted?: boolean;
+    /**
+     * Override standard dialog width of 600 pixels.
+     * @default 600
+     */
+    width?: number;
 }
 /**
  * A `Dialog.Xhr` is a preset dialog that takes an `error` object from an

package/services/Dialog/XhrDialog.js

@@ -299,7 +299,7 @@ var XhrDialog = function (_a) {
             return "There was a problem setting up the request to the server.";
         }
     };
-    return (React.createElement(Dialog, { open: open, onClose: props.onClose },
+    return (React.createElement(Dialog, { inverted: props.inverted, open: open, width: props.width, onClose: props.onClose },
         React.createElement(Dialog.Header, null, title),
         React.createElement(Dialog.Content, null,
             props.error && React.createElement("p", { style: { fontWeight: 700 } }, getStatusHeader()),

package/controls/Histogram/HistogramSingleValue.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-interface IProps {
-    /** @ignore */
-    className?: string;
-    value: string;
-}
-declare const HistogramSingleValue: (props: IProps) => React.JSX.Element;
-export { HistogramSingleValue };

package/controls/Histogram/HistogramSingleValue.js

@@ -1,42 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from "react";
-import styled from "styled-components";
-var HistogramSingleValueBase = function (_a) {
-    var value = _a.value, className = _a.className;
-    var textRef = React.useRef(null);
-    var _b = React.useState(1), scale = _b[0], setScale = _b[1];
-    React.useEffect(function () {
-        if (textRef.current) {
-            // measure at default font size
-            var bbox = textRef.current.getBBox();
-            if (bbox.width && bbox.height) {
-                var scaleX = 100 / bbox.width;
-                var scaleY = 100 / bbox.height;
-                // uniform scale (preserve proportions)
-                setScale(Math.min(scaleX, scaleY));
-            }
-        }
-    }, [value]);
-    return (React.createElement("div", { className: className },
-        React.createElement("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid meet" },
-            React.createElement("g", { transform: "translate(50,50) scale(".concat(scale, ") translate(-50,-50)") },
-                React.createElement("text", { ref: textRef, x: "50", y: "50", dominantBaseline: "middle", textAnchor: "middle" }, value)))));
-};
-var HistogramSingleValueStyled = styled(HistogramSingleValueBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  inset: 0;\n  padding: 16px;\n  & > svg {\n    width: 100%;\n    height: 100%;\n    font: ", ";\n    fill: #fff;\n    user-select: none;\n  }\n"], ["\n  position: absolute;\n  inset: 0;\n  padding: 16px;\n  & > svg {\n    width: 100%;\n    height: 100%;\n    font: ", ";\n    fill: #fff;\n    user-select: none;\n  }\n"])), function (p) { return p.theme.font.dataSmall; });
-var HistogramSingleValue = function (props) { return React.createElement(HistogramSingleValueStyled, __assign({}, props)); };
-export { HistogramSingleValue };
-var templateObject_1;