ag-common 0.0.3

package/dist/ui/components/TextEdit/TextEdit.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEdit = void 0;
+/* eslint-disable jsx-a11y/no-onchange */
+const react_1 = __importStar(require("react"));
+const images_1 = require("./images");
+const common_1 = require("./common");
+const styled_components_1 = __importDefault(require("styled-components"));
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const common_2 = require("../../styles/common");
+const ValueTextArea = styled_components_1.default.textarea `
+  ${common_1.valueCss};
+  resize: none;
+  overflow: hidden;
+`;
+const TextEdit = ({ defaultValue, defaultEditing = false, onSubmit, canEdit = true, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, }) => {
+    const ref = (0, react_1.useRef)(null);
+    const taref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const [editing, setEditingRaw] = (0, react_1.useState)(defaultEditing);
+    const valueChange = value !== defaultValue;
+    (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: false }, () => {
+        if (valueChange) {
+            onSubmit(value);
+        }
+        else {
+            if (onClickOutsideWithNoValue) {
+                onClickOutsideWithNoValue();
+            }
+            setEditingRaw(false);
+        }
+    });
+    const setEditing = (b) => {
+        setEditingRaw(b);
+        if (onEditingChange) {
+            onEditingChange(b);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        setValue(defaultValue);
+        //setEditing(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValue]);
+    (0, react_1.useEffect)(() => {
+        if (defaultEditing && taref.current) {
+            taref.current.focus();
+        }
+        setEditing(defaultEditing);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultEditing]);
+    if (!editing || !canEdit) {
+        return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "false", onClick: () => onClickNotEditing === null || onClickNotEditing === void 0 ? void 0 : onClickNotEditing(), "data-pointer": onClickNotEditing ? 'true' : 'false' }),
+            react_1.default.createElement(common_1.ValueReadonly, { "data-type": "text" }, value),
+            canEdit && (react_1.default.createElement(common_1.Icon, { style: { right: '0.5rem' }, onClick: (e) => {
+                    e.stopPropagation();
+                    setEditing(true);
+                } },
+                react_1.default.createElement(images_1.PencilIcon, null)))));
+    }
+    if (!open) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    return (react_1.default.createElement(common_1.ValueBox, Object.assign({ "data-editing": "true" }, common_2.noDrag, { ref: ref, tabIndex: editing ? 0 : undefined, className: className }),
+        react_1.default.createElement(ValueTextArea, { "data-valuechange": valueChange.toString(), ref: taref, "data-type": "text", value: value, onChange: (v) => setValue(v.currentTarget.value), placeholder: placeholder, rows: singleLine ? 1 : undefined, onKeyDown: (e) => singleLine && e.code.endsWith('Enter') && onSubmit(value) && false }),
+        valueChange && (react_1.default.createElement(common_1.Icon, { style: { right: '2rem' }, onClick: () => valueChange && onSubmit(value) },
+            react_1.default.createElement(images_1.SaveIcon, null))),
+        (valueChange || editing !== defaultEditing) && (react_1.default.createElement(common_1.Icon, { style: { right: '0.5rem' }, onClick: () => {
+                setEditing(defaultEditing);
+                setValue(defaultValue);
+            } },
+            react_1.default.createElement(images_1.UndoIcon, null)))));
+};
+exports.TextEdit = TextEdit;

package/dist/ui/components/TextEdit/common.d.ts

@@ -0,0 +1,5 @@
+export declare const ValueBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const valueCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const ValueInputCB: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const ValueReadonly: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ui/components/TextEdit/common.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.ValueReadonly = exports.ValueInputCB = exports.valueCss = exports.ValueBox = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const colours_1 = require("../../styles/colours");
+exports.ValueBox = styled_components_1.default.div `
+  padding: 0.5rem;
+
+  display: flex;
+  position: relative;
+  align-items: center;
+
+  justify-content: flex-start;
+  flex-grow: 1;
+  max-width: 100%;
+  &[data-editing='false'] {
+    padding-right: 2rem;
+  }
+  &[data-pointer='true'] {
+    cursor: pointer;
+  }
+`;
+exports.valueCss = (0, styled_components_1.css) `
+  width: 100%;
+  height: 100%;
+  word-break: break-all;
+  font-size: 1rem;
+
+  &[data-type='checkbox'] {
+    cursor: pointer;
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+`;
+exports.ValueInputCB = styled_components_1.default.input `
+  ${exports.valueCss};
+`;
+exports.ValueReadonly = styled_components_1.default.div `
+  ${exports.valueCss};
+`;
+exports.Icon = styled_components_1.default.div `
+  z-index: 1;
+  font-size: 1rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  position: absolute;
+  cursor: pointer;
+  svg {
+    fill: ${colours_1.colours.notificationBlue};
+  }
+`;

package/dist/ui/components/TextEdit/images.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const UndoIcon: () => JSX.Element;
+export declare const PencilIcon: () => JSX.Element;
+export declare const SaveIcon: () => JSX.Element;

package/dist/ui/components/TextEdit/images.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SaveIcon = exports.PencilIcon = exports.UndoIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const UndoIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" },
+    react_1.default.createElement("g", { fill: "#134563" },
+        react_1.default.createElement("path", { d: "M32.1 51.9c-7.8 0-14.9-4.6-18.1-11.6l2.6-1.2c2.8 6 8.9 9.9 15.5 9.9 9.4 0 17-7.6 17-17s-7.6-17-17-17C25 15 19 19.4 16.5 26.4l-2.7-1c2.9-8.1 10-13.3 18.3-13.3C43.1 12.1 52 21 52 32s-9 19.9-19.9 19.9" }),
+        react_1.default.createElement("path", { d: "M24.4 27.4H12V15.1h3.1v9.2h9.3v3.1" }))));
+exports.UndoIcon = UndoIcon;
+const PencilIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" },
+    react_1.default.createElement("path", { d: "M9.6 40.4l2.5-9.9L27 15.6l7.4 7.4-14.9 14.9-9.9 2.5zm4.3-8.9l-1.5 6.1 6.1-1.5L31.6 23 27 18.4 13.9 31.5z" }),
+    react_1.default.createElement("path", { d: "M17.8 37.3c-.6-2.5-2.6-4.5-5.1-5.1l.5-1.9c3.2.8 5.7 3.3 6.5 6.5l-1.9.5z" }),
+    react_1.default.createElement("path", { d: "M29.298 19.287l1.414 1.414-13.01 13.02-1.414-1.412zM11 39l2.9-.7c-.3-1.1-1.1-1.9-2.2-2.2L11 39zM35 22.4L27.6 15l3-3 .5.1c3.6.5 6.4 3.3 6.9 6.9l.1.5-3.1 2.9zM30.4 15l4.6 4.6.9-.9c-.5-2.3-2.3-4.1-4.6-4.6l-.9.9z" })));
+exports.PencilIcon = PencilIcon;
+const SaveIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
+    react_1.default.createElement("path", { d: "M50 12c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17-38-38-38zm0 72c-18.8 0-34-15.2-34-34s15.2-34 34-34 34 15.2 34 34-15.2 34-34 34zm22.9-46.9c-.8-.8-2-.8-2.8 0L44.6 62.7 33.9 52c-.8-.8-2.1-.8-2.8 0-.8.8-.8 2.1 0 2.8l12.1 12.1c.4.4.9.6 1.4.6.5 0 1-.2 1.4-.6l26.9-27c.8-.8.8-2 0-2.8z" }),
+    react_1.default.createElement("path", { fill: "#00F", d: "M1644-1210V474H-140v-1684h1784m8-8H-148V482h1800v-1700z" })));
+exports.SaveIcon = SaveIcon;

package/dist/ui/components/TextEdit/index.d.ts

@@ -0,0 +1,4 @@
+export * from './CheckboxEdit';
+export * from './ColourEdit';
+export * from './ListboxEdit';
+export * from './TextEdit';

package/dist/ui/components/TextEdit/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CheckboxEdit"), exports);
+__exportStar(require("./ColourEdit"), exports);
+__exportStar(require("./ListboxEdit"), exports);
+__exportStar(require("./TextEdit"), exports);

package/dist/ui/components/TextInput/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InputTypes } from '../Input';
+export declare const TextInput: ({ type, placeholder, value, onChange, onKeyPress, label, disabled, className, }: {
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    label?: string | JSX.Element | undefined;
+    placeholder?: string | undefined;
+    type: InputTypes;
+    value: string;
+    onChange: (value: string) => void;
+    onKeyPress?: ((event: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+}) => JSX.Element;

package/dist/ui/components/TextInput/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInput = void 0;
+const react_1 = __importStar(require("react"));
+const math_1 = require("../../../common/helpers/math");
+const Input_1 = require("../Input");
+const TextInput = ({ type = 'text', placeholder, value, onChange, onKeyPress, label, disabled = false, className, }) => {
+    const [id] = (0, react_1.useState)((0, math_1.getRandomInt)(1000).toString());
+    return (react_1.default.createElement(Input_1.Input, { className: className, disabled: disabled, id: id, label: label, type: type, placeholder: placeholder, required: true, value: value, onChange: (e) => onChange(e.target.value), onKeyPress: (e) => onKeyPress && onKeyPress(e) }));
+};
+exports.TextInput = TextInput;

package/dist/ui/components/Toast/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ToastPosition } from 'react-hot-toast';
+interface Options {
+    appearance: 'error' | 'success';
+    autoClose?: number;
+}
+export declare const addToast: (m: string, options?: Options | undefined) => void;
+export declare const ToastProvider: ({ position }: {
+    position: ToastPosition;
+}) => JSX.Element;
+export {};

package/dist/ui/components/Toast/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastProvider = exports.addToast = void 0;
+const react_hot_toast_1 = __importStar(require("react-hot-toast"));
+const react_1 = __importDefault(require("react"));
+const addToast = (m, options) => {
+    if ((options === null || options === void 0 ? void 0 : options.appearance) === 'error') {
+        react_hot_toast_1.default.error(m, {
+            duration: (options === null || options === void 0 ? void 0 : options.autoClose) || 5000,
+        });
+    }
+    else {
+        react_hot_toast_1.default.success(m, {
+            duration: (options === null || options === void 0 ? void 0 : options.autoClose) || 5000,
+        });
+    }
+};
+exports.addToast = addToast;
+const ToastProvider = ({ position }) => (react_1.default.createElement(react_hot_toast_1.Toaster, { position: position }));
+exports.ToastProvider = ToastProvider;

package/dist/ui/components/UserImage/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AuthedUserContext } from 'analytica.click';
+export declare const UserImage: ({ image, className, showProfilePicture, CognitoAuthContext, }: {
+    image?: string | undefined;
+    className?: string | undefined;
+    showProfilePicture?: boolean | undefined;
+    CognitoAuthContext: React.Context<AuthedUserContext>;
+}) => JSX.Element;

package/dist/ui/components/UserImage/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserImage = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importStar(require("react"));
+const log_1 = require("../../../common/helpers/log");
+const array_1 = require("../../../common/helpers/array");
+const User = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+    react_1.default.createElement("path", { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-58.6 0-111.1-26.6-146.1-68.3 17.8-7.7 62.2-23.7 90.3-31.9 2.2-.7 2.6-.8 2.6-10.7 0-10.6-1.2-18.1-3.8-23.6-3.5-7.5-7.7-20.2-9.2-31.6-4.2-4.9-9.9-14.5-13.6-32.9-3.2-16.2-1.7-22.1.4-27.6.2-.6.5-1.2.6-1.8.8-3.7-.3-23.5-3.1-38.8-1.9-10.5.5-32.8 15-51.3 9.1-11.7 26.6-26 58-28h17.5c31.9 2 49.4 16.3 58.5 28 14.5 18.5 16.9 40.8 14.9 51.3-2.8 15.3-3.9 35-3.1 38.8.1.6.4 1.2.6 1.7 2.1 5.5 3.7 11.4.4 27.6-3.7 18.4-9.4 28-13.6 32.9-1.5 11.4-5.7 24-9.2 31.6-3.3 6.9-6.6 15.1-6.6 23.3 0 9.9.4 10 2.7 10.7 26.7 7.9 72.7 23.8 93 32.1-35 41.8-87.5 68.5-146.2 68.5z" })));
+const Base = styled_components_1.default.div `
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%;
+  border: solid 1px white;
+  overflow: hidden;
+  position: relative;
+`;
+const Img = styled_components_1.default.img `
+  width: 2.5rem;
+  height: 2.5rem;
+`;
+const images = {
+    domains: ['platform-lookaside.fbsbx.com', 'lh3.googleusercontent.com'],
+};
+const UserImage = ({ image, className, showProfilePicture, CognitoAuthContext, }) => {
+    var _a, _b, _c, _d;
+    const { user } = (0, react_1.useContext)(CognitoAuthContext);
+    let imageSet = image;
+    if (!imageSet && showProfilePicture) {
+        imageSet = (_a = user === null || user === void 0 ? void 0 : user.data) === null || _a === void 0 ? void 0 : _a.picture;
+    }
+    if ((_b = user === null || user === void 0 ? void 0 : user.data) === null || _b === void 0 ? void 0 : _b.picture) {
+        if (!images.domains.find((i) => user.data.picture.includes(i))) {
+            imageSet = image || '';
+            (0, log_1.warn)(`bad domain:${user.data.picture}`);
+        }
+    }
+    const titleA = [(_c = user === null || user === void 0 ? void 0 : user.data) === null || _c === void 0 ? void 0 : _c.fullname, (_d = user === null || user === void 0 ? void 0 : user.data) === null || _d === void 0 ? void 0 : _d.userId].filter(array_1.notEmpty);
+    const title = titleA.length === 0 ? '' : titleA.join(' - ');
+    return (react_1.default.createElement(Base, { className: className, title: title },
+        imageSet && react_1.default.createElement(Img, { alt: "user", src: imageSet }),
+        !imageSet && User));
+};
+exports.UserImage = UserImage;

package/dist/ui/components/index.d.ts

@@ -0,0 +1,16 @@
+export * from './Button';
+export * from './Dropdown';
+export * from './DropdownList';
+export * from './FlexColumn';
+export * from './FlexRow';
+export * from './HeadersRaw';
+export * from './Input';
+export * from './Loader';
+export * from './LoginButton';
+export * from './Modal';
+export * from './RowOrColumn';
+export * from './Table';
+export * from './TextEdit';
+export * from './TextInput';
+export * from './Toast';
+export * from './UserImage';

package/dist/ui/components/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Dropdown"), exports);
+__exportStar(require("./DropdownList"), exports);
+__exportStar(require("./FlexColumn"), exports);
+__exportStar(require("./FlexRow"), exports);
+__exportStar(require("./HeadersRaw"), exports);
+__exportStar(require("./Input"), exports);
+__exportStar(require("./Loader"), exports);
+__exportStar(require("./LoginButton"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./RowOrColumn"), exports);
+__exportStar(require("./Table"), exports);
+__exportStar(require("./TextEdit"), exports);
+__exportStar(require("./TextInput"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./UserImage"), exports);

package/dist/ui/helpers/browserHelpers.d.ts

@@ -0,0 +1 @@
+export declare function supportsWebp(): Promise<boolean>;

package/dist/ui/helpers/browserHelpers.js

@@ -0,0 +1,23 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.supportsWebp = void 0;
+function supportsWebp() {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!window.createImageBitmap) {
+            return false;
+        }
+        const webpData = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
+        const blob = yield fetch(webpData).then((r) => r.blob());
+        return createImageBitmap(blob).then(() => true, () => false);
+    });
+}
+exports.supportsWebp = supportsWebp;

package/dist/ui/helpers/callOpenApi.d.ts

@@ -0,0 +1,13 @@
+import { AxiosWrapper, User } from 'analytica.click';
+import { AxiosResponse } from 'axios';
+export interface OverrideAuth {
+    id_token?: string;
+}
+export declare const callOpenApi: <T, TDefaultApi>({ func, apiUrl, overrideAuth, refreshToken, logout, newDefaultApi, }: {
+    func: (f: TDefaultApi) => Promise<AxiosResponse<T, any>>;
+    apiUrl: string;
+    overrideAuth?: OverrideAuth | undefined;
+    logout: () => void;
+    refreshToken: () => Promise<User | undefined>;
+    newDefaultApi: (config: any) => TDefaultApi;
+}) => Promise<AxiosWrapper<T | undefined>>;

package/dist/ui/helpers/callOpenApi.js

@@ -0,0 +1,85 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.callOpenApi = void 0;
+const cookie_1 = require("./cookie");
+const debounce_1 = require("./debounce");
+const callOpenApi = ({ func, apiUrl, overrideAuth, refreshToken, logout, newDefaultApi, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d, _e, _f;
+    let error;
+    let data;
+    const config = {
+        basePath: apiUrl,
+        baseOptions: { headers: { authorization: '' } },
+    };
+    const isAuthed = !!(0, cookie_1.getCookieWrapper)({ cname: 'id_token' });
+    if (overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token) {
+        config.baseOptions.headers.authorization = `Bearer ${overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token}`;
+    }
+    else if (isAuthed) {
+        const updated = yield refreshToken();
+        if ((_a = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _a === void 0 ? void 0 : _a.id_token) {
+            config.baseOptions.headers.authorization = `Bearer ${(_b = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _b === void 0 ? void 0 : _b.id_token}`;
+        }
+    }
+    const cl = newDefaultApi(config);
+    let errorCount = 0;
+    const errorMax = 3;
+    while (errorCount <= errorMax) {
+        errorCount += 1;
+        try {
+            // eslint-disable-next-line no-await-in-loop
+            const resp = yield func(cl);
+            if (resp.status < 400) {
+                data = resp.data;
+                break;
+            }
+            throw new Error(JSON.stringify(resp.data) || resp.statusText);
+        }
+        catch (e) {
+            const ae = e;
+            const status = (_c = ae.response) === null || _c === void 0 ? void 0 : _c.status;
+            const errorMessage = (((_d = ae.response) === null || _d === void 0 ? void 0 : _d.data) ||
+                ((_e = ae.response) === null || _e === void 0 ? void 0 : _e.statusText) ||
+                ((_f = ae.response) === null || _f === void 0 ? void 0 : _f.status) ||
+                'ERROR');
+            if (status === 403) {
+                logout();
+                return {
+                    error: ae,
+                    data: undefined,
+                    datetime: new Date().getTime(),
+                    loading: false,
+                    reFetch: () => __awaiter(void 0, void 0, void 0, function* () { }),
+                    url: func.toString(),
+                };
+            }
+            if (status !== 500 || errorCount === errorMax) {
+                error = Object.assign(Object.assign({}, ae), { message: errorMessage });
+                break;
+            }
+        }
+        // eslint-disable-next-line no-await-in-loop
+        yield (0, debounce_1.sleep)(2000);
+    }
+    return {
+        data,
+        error,
+        loading: false,
+        reFetch: () => __awaiter(void 0, void 0, void 0, function* () {
+            const ret = func(cl);
+            return ret;
+        }),
+        url: func.toString(),
+        datetime: new Date().getTime(),
+    };
+});
+exports.callOpenApi = callOpenApi;

package/dist/ui/helpers/cookie.d.ts

@@ -0,0 +1,14 @@
+export declare const toBase64: (str: string) => string;
+export declare const fromBase64: (str: string) => string;
+export declare function setCookieWrapper<T>(cname: string, raw: T, exdays?: number): void;
+export declare function wipeCookies(cname: string): void;
+export declare function getCookieWrapper<T>({ cname, cookieDocument, defaultValue, }: {
+    cname: string;
+    cookieDocument?: string;
+    defaultValue?: string;
+}): T;
+export declare function useCookie<T>({ key, defaultValue, cookieDocument, }: {
+    key: string;
+    defaultValue?: string;
+    cookieDocument?: string;
+}): [T, (v: T) => any];