@oc-digital/react-component-library 8.9.0 → 8.9.2-beta.0

package/build/ButtonWithConfirm/ButtonWithConfirm.js

@@ -0,0 +1,63 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/material";
+import makeStyles from "@mui/styles/makeStyles";
+import { useEffect, useState } from "react";
+import Button from "../Button/Button";
+import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
+import { useInterval } from "../hooks";
+import { useSpacingStyles } from "../styles";
+var useButtonWithConfirmStyles = makeStyles(function (theme) { return ({
+    confirmWrapper: {
+        display: "inline-block",
+    },
+    confirmContainer: {
+        display: "flex",
+        alignItems: "center",
+    },
+    whiteText: {
+        color: theme.palette.common.white,
+    },
+}); });
+var ButtonWithConfirm = function (_a) {
+    var children = _a.children, onClick = _a.onClick, styling = _a.styling, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "outlined" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.accessLevel, accessLevel = _e === void 0 ? "" : _e, _f = _a.confirmButtonLabel, confirmButtonLabel = _f === void 0 ? "Are you sure?" : _f, rest = __rest(_a, ["children", "onClick", "styling", "disabled", "variant", "color", "accessLevel", "confirmButtonLabel"]);
+    var classes = __assign(__assign({}, useSpacingStyles()), useButtonWithConfirmStyles());
+    var _g = useState(false), confirmView = _g[0], setConfirmView = _g[1];
+    var _h = useState(false), stopInterval = _h[0], setStopInterval = _h[1];
+    useInterval(function () { return setConfirmView(false); }, !confirmView || stopInterval ? null : 4500);
+    useEffect(function () {
+        setStopInterval(rest.loading);
+        setConfirmView(rest.loading);
+    }, [rest.loading]);
+    if ([NO_ACCESS_LEVEL, READ_LEVEL].includes(accessLevel))
+        return null;
+    if (confirmView)
+        return (_jsx(Box, { className: classes.confirmWrapper, children: _jsxs(Box, { className: classes.confirmContainer, children: [_jsx(Typography, { className: classes.rightSpacer1, variant: "body1", children: confirmButtonLabel }), _jsxs(Button, __assign({}, rest, { type: "button", onClick: function (e) {
+                            setStopInterval(true);
+                            onClick(e);
+                        }, variant: "contained", styling: [classes.whiteText, styling].filter(function (x) { return x; }).join(" "), disabled: disabled, color: color, children: ["Confirm", rest.loading ? "ing" : ""] }))] }) }));
+    return (_jsx(Button, { type: "button", variant: variant, disabled: disabled, styling: styling, color: color, onClick: function () { return setConfirmView(true); }, children: children }));
+};
+export default ButtonWithConfirm;
+//# sourceMappingURL=ButtonWithConfirm.js.map

package/build/ButtonWithConfirm/ButtonWithConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithConfirm.js","sourceRoot":"","sources":["../../src/ButtonWithConfirm/ButtonWithConfirm.tsx"],"names":[],"mappings":"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"}

package/build/ButtonWithConfirm/ButtonWithConfirm.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ButtonWithConfirm.types.js.map

package/build/ButtonWithConfirm/ButtonWithConfirm.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithConfirm.types.js","sourceRoot":"","sources":["../../src/ButtonWithConfirm/ButtonWithConfirm.types.tsx"],"names":[],"mappings":""}

package/build/ContentBox/ContentBox.js

@@ -0,0 +1,21 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useLayoutStyles, useSpacingStyles } from "../styles";
+var ContentBox = function (_a) {
+    var _b = _a.limitWidth, limitWidth = _b === void 0 ? false : _b, children = _a.children, styling = _a.styling, id = _a.id;
+    var classes = __assign(__assign({}, useSpacingStyles()), useLayoutStyles());
+    return (_jsx(Box, { id: id, boxShadow: 3, className: "".concat(classes.contentBox, " ").concat(styling || ""), children: _jsx(Box, { className: "".concat(classes.centeredText, " ").concat(limitWidth ? classes.limitWidth50rem : ""), children: children }) }));
+};
+export default ContentBox;
+//# sourceMappingURL=ContentBox.js.map

package/build/ContentBox/ContentBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBox.js","sourceRoot":"","sources":["../../src/ContentBox/ContentBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG9D,IAAM,UAAU,GAA+B,UAAC,EAK/C;QAJC,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,EAAE,QAAA;IAEF,IAAM,OAAO,yBAAQ,gBAAgB,EAAE,GAAK,eAAe,EAAE,CAAE,CAAC;IAChE,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,UAAG,OAAO,CAAC,UAAU,cAAI,OAAO,IAAI,EAAE,CAAE,YAC5E,KAAC,GAAG,IACF,SAAS,EAAE,UAAG,OAAO,CAAC,YAAY,cAAI,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAE,YAEhF,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/build/ContentBox/ContentBox.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ContentBox.types.js.map

package/build/ContentBox/ContentBox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBox.types.js","sourceRoot":"","sources":["../../src/ContentBox/ContentBox.types.ts"],"names":[],"mappings":""}

package/build/ContentLabel/ContentLabel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { useFontStyles } from "../styles";
+var ContentLabel = function (_a) {
+    var children = _a.children, _b = _a.styling, styling = _b === void 0 ? null : _b;
+    var classes = useFontStyles();
+    return (_jsx(Typography, { variant: "h6", className: "".concat(classes.bolderText, " ").concat(styling || ""), children: children }));
+};
+export default ContentLabel;
+//# sourceMappingURL=ContentLabel.js.map

package/build/ContentLabel/ContentLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLabel.js","sourceRoot":"","sources":["../../src/ContentLabel/ContentLabel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAG1C,IAAM,YAAY,GAAiC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAC5E,IAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,UAAG,OAAO,CAAC,UAAU,cAAI,OAAO,IAAI,EAAE,CAAE,YACzE,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/ContentLabel/ContentLabel.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ContentLabel.types.js.map

package/build/ContentLabel/ContentLabel.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLabel.types.js","sourceRoot":"","sources":["../../src/ContentLabel/ContentLabel.types.ts"],"names":[],"mappings":""}

package/build/DatePicker/DatePicker.js

@@ -0,0 +1,38 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker as MaterialDatePicker } from "@mui/x-date-pickers/DatePicker";
+import { NO_ACCESS_LEVEL, READ_LEVEL } from "../globals";
+import TextField from "../TextField/TextField";
+var DatePicker = function (_a) {
+    var styling = _a.styling, _b = _a.format, format = _b === void 0 ? "dd MMM yyyy" : _b, _c = _a.minDate, minDate = _c === void 0 ? new Date("1856-09-25") : _c, accessLevel = _a.accessLevel, disabled = _a.disabled, slots = _a.slots, rest = __rest(_a, ["styling", "format", "minDate", "accessLevel", "disabled", "slots"]);
+    if (accessLevel === NO_ACCESS_LEVEL)
+        return null;
+    var disabledProp = disabled;
+    if (accessLevel === READ_LEVEL) {
+        disabledProp = true;
+    }
+    return (_jsx(MaterialDatePicker, __assign({ className: styling || "" }, rest, { disabled: disabledProp, format: format, minDate: minDate, slots: __assign({ textField: TextField }, (slots || {})) })));
+};
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/build/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAG/C,IAAM,UAAU,GAA+B,UAAC,EAQ/C;IAPC,IAAA,OAAO,aAAA,EACP,cAAsB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EACtB,eAAgC,EAAhC,OAAO,mBAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAA,EAChC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPuC,oEAQ/C,CADQ;IAEP,IAAI,WAAW,KAAK,eAAe;QAAE,OAAO,IAAI,CAAC;IAEjD,IAAI,YAAY,GAAG,QAAQ,CAAC;IAE5B,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC/B,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,aACjB,SAAS,EAAE,OAAO,IAAI,EAAE,IACpB,IAAI,IACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,aACH,SAAS,EAAE,SAA8C,IACtD,CAAC,KAAK,IAAI,EAAE,CAAC,KAElB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/DatePicker/DatePicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DatePicker.types.js.map

package/build/DatePicker/DatePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.types.ts"],"names":[],"mappings":""}

package/build/EditableTable/Caret.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Caret(_a) {
+    var reverse = _a.reverse, muted = _a.muted;
+    var style = {
+        width: 15,
+        height: 15,
+        transform: "rotate(".concat(reverse ? 180 : 0, "deg)"),
+        opacity: muted ? 0.5 : 1,
+    };
+    if (muted) {
+        // Up/Down double caret to indicate "this can be sorted but currently isn't"
+        return (_jsx("img", { style: style, src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAr0lEQVR4nO2WTQoCMQxG332chZdw5wEET6Br/0DxZvYGbj2HCOJCmEghAyKCmbaGCj74oHTRByVNCpUyAE6auP4KI+AMiOYCjEtL5sD9SSKauDcrJVm+EchLdrmStUEimn2qZNNDIppVX8kUaBNELTCxShrgmiARzQ0YWkTHDIlo4hkfCQVEwXp9f+omFCiGQ1Xl3Xg9WLcW5NpUXcdEx8Ig2fJLo9z1c4Li8t3K4gG2Tt+AUzfxAQAAAABJRU5ErkJggg==" }));
+    }
+    // Up or Down caret to indicate "this is sorted in X direction"
+    return (_jsx("img", { style: style, src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAqUlEQVR4nO3RzwoBURiG8aco8ueOXAYbO3djJa7BBZCslJTkMmSuQmryaepdSOPkzHzK4jz11ixO51dnIJX69wbARSu+f9IYuAGm3YGJJ9AApi/A+xY6U6s2sAkgpq2BVlWkA+y+QEw7AL1YpAvsIxDTjkA/BjlXQEw76TWCFT91VQMxbQs0Q9DcATFt9gkZOSIGPIBhGZQ5QwZcy6AlkDsiue5MpVL49ASK06PUwUVsEwAAAABJRU5ErkJggg==" }));
+}
+//# sourceMappingURL=Caret.js.map

package/build/EditableTable/Caret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../src/EditableTable/Caret.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,KAAK,CAAC,EAA0D;QAAxD,OAAO,aAAA,EAAE,KAAK,WAAA;IACpC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,iBAAU,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAM;QAC5C,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,4EAA4E;QAC5E,OAAO,CACL,cAAK,KAAK,EAAE,KAAK,EAAE,GAAG,EAAC,4WAA4W,GAAO,CAC3Y,CAAC;IACJ,CAAC;IAED,+DAA+D;IAC/D,OAAO,CACL,cAAK,KAAK,EAAE,KAAK,EAAE,GAAG,EAAC,oWAAoW,GAAO,CACnY,CAAC;AACJ,CAAC"}