@chtc/web-components 0.0.0-23 → 0.0.0-25

package/dist/DowntimeBar/DowntimeBar.d.ts

@@ -0,0 +1,15 @@
+interface DowntimeBarProps {
+    data: boolean[];
+    red?: string;
+    green?: string;
+}
+/**
+ * DowntimeBar consumes a boolean array of uptimes
+ * @param data
+ * @param red
+ * @param green
+ * @constructor
+ */
+declare const DowntimeBar: ({ data, red, green }: DowntimeBarProps) => import("react/jsx-runtime").JSX.Element;
+export default DowntimeBar;
+//# sourceMappingURL=DowntimeBar.d.ts.map

package/dist/DowntimeBar/DowntimeBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DowntimeBar.d.ts","sourceRoot":"","sources":["../../src/DowntimeBar/DowntimeBar.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACzB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,QAAA,MAAM,WAAW,yBAAwC,gBAAgB,4CA8BxE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/DowntimeBar/DowntimeBar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+/**
+ * DowntimeBar consumes a boolean array of uptimes
+ * @param data
+ * @param red
+ * @param green
+ * @constructor
+ */
+const DowntimeBar = ({ data, red = "red", green = "green" }) => {
+    const containerRef = useRef(null);
+    const [width, setWidth] = useState(0);
+    const [height, setHeight] = useState(0);
+    useEffect(() => {
+        if (containerRef.current) {
+            setWidth(containerRef.current.clientWidth / data.length);
+            setHeight(containerRef.current.clientHeight);
+        }
+    }, [containerRef.current]);
+    return (_jsx("svg", { ref: containerRef, children: data.map((v, i) => (_jsx("rect", { x: i * width, y: 0, width: width, height: height, fill: v ? red : green }, i))) }));
+};
+export default DowntimeBar;
+//# sourceMappingURL=DowntimeBar.js.map

package/dist/DowntimeBar/DowntimeBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DowntimeBar.js","sourceRoot":"","sources":["../../src/DowntimeBar/DowntimeBar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS3D;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,GAAC,KAAK,EAAE,KAAK,GAAC,OAAO,EAAoB,EAAE,EAAE;IAE5E,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExC,SAAS,CACR,GAAG,EAAE;QACJ,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YACzD,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC;IACF,CAAC,EACD,CAAC,YAAY,CAAC,OAAO,CAAC,CACtB,CAAA;IAED,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,YACpB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,eAEE,CAAC,EAAE,CAAC,GAAG,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IALhB,CAAC,CAMN,CACH,CAAC,GACG,CACP,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/DowntimeBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DowntimeBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/DowntimeBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DowntimeBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/DowntimeBar/index.js

@@ -0,0 +1,2 @@
+export { default } from './DowntimeBar';
+//# sourceMappingURL=index.js.map

package/dist/DowntimeBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DowntimeBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.d.ts

@@ -4,5 +4,6 @@ export { default as TopStyledBlock } from "./TopStyledBlock";
 export { default as Article } from "./Article";
 export { default as PieChart } from "./PieChart";
 export { default as Table } from "./Table";
+export { default as DowntimeBar } from "./DowntimeBar";
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -4,5 +4,6 @@ export { default as TopStyledBlock } from "./TopStyledBlock";
 export { default as Article } from "./Article";
 export { default as PieChart } from "./PieChart";
 export { default as Table } from "./Table";
+export { default as DowntimeBar } from "./DowntimeBar";
 export * from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chtc/web-components",
-  "version": "0.0.0-23",
+  "version": "0.0.0-25",
   "description": "PATh Web Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",