ag-common 0.0.3

package/dist/common/helpers/object.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.objectToArray = exports.getObjectKeysAsNumber = exports.objectKeysToLowerCase = exports.isJson = exports.tryJsonParse = void 0;
+const tryJsonParse = (str, defaultValue) => {
+    if (!str) {
+        return null;
+    }
+    try {
+        return JSON.parse(str);
+    }
+    catch (e) {
+        return defaultValue;
+    }
+};
+exports.tryJsonParse = tryJsonParse;
+function isJson(str) {
+    try {
+        JSON.parse(typeof str === 'string' ? str : JSON.stringify(str));
+    }
+    catch (e) {
+        return false;
+    }
+    return true;
+}
+exports.isJson = isJson;
+const objectKeysToLowerCase = (origObj) => {
+    if (!origObj || Object.keys(origObj).length === 0) {
+        return {};
+    }
+    return Object.keys(origObj).reduce((newObj, key) => {
+        const val = origObj[key];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const newVal = typeof val === 'object'
+            ? (0, exports.objectKeysToLowerCase)(val)
+            : val;
+        // eslint-disable-next-line no-param-reassign
+        newObj[key.toLowerCase()] = newVal;
+        return newObj;
+    }, {});
+};
+exports.objectKeysToLowerCase = objectKeysToLowerCase;
+const getObjectKeysAsNumber = (o) => Object.keys(o).map((o2) => parseInt(o2, 10));
+exports.getObjectKeysAsNumber = getObjectKeysAsNumber;
+function objectToArray(obj) {
+    if (!obj) {
+        return [];
+    }
+    const ret = [];
+    Object.keys(obj).forEach((ok) => {
+        ret.push({ key: ok, value: obj[ok] });
+    });
+    return ret;
+}
+exports.objectToArray = objectToArray;

package/dist/common/helpers/random.d.ts

@@ -0,0 +1 @@
+export declare function shuffle(array: any[], seed: number): any[];

package/dist/common/helpers/random.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shuffle = void 0;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function shuffle(array, seed) {
+    let currentIndex = array.length;
+    let temporaryValue;
+    let randomIndex;
+    seed = seed || 1;
+    const random = function () {
+        const x = Math.sin((seed += 1)) * 10000;
+        return x - Math.floor(x);
+    };
+    // While there remain elements to shuffle...
+    while (currentIndex !== 0) {
+        // Pick a remaining element...
+        randomIndex = Math.floor(random() * currentIndex);
+        currentIndex -= 1;
+        // And swap it with the current element.
+        temporaryValue = array[currentIndex];
+        array[currentIndex] = array[randomIndex];
+        array[randomIndex] = temporaryValue;
+    }
+    return array;
+}
+exports.shuffle = shuffle;

package/dist/common/helpers/secondsInNearest.d.ts

@@ -0,0 +1,8 @@
+/** convert total seconds to nearest unit (minutes, hours, days)
+ * @param seconds total seconds > 0
+ * @param precision optional precision of number
+ */
+export declare const secondsInNearest: ({ seconds, precision, }: {
+    seconds: number;
+    precision?: number | undefined;
+}) => string;

package/dist/common/helpers/secondsInNearest.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.secondsInNearest = void 0;
+const toFixed = (num, fixed) => {
+    var _a, _b;
+    const re = new RegExp(`^-?\\d+(?:.\\d{0,${fixed || -1}})?`);
+    const x = (_b = (_a = num === null || num === void 0 ? void 0 : num.toString()) === null || _a === void 0 ? void 0 : _a.match(re)) === null || _b === void 0 ? void 0 : _b[0];
+    if (!x) {
+        return num;
+    }
+    return Number.parseFloat(x);
+};
+/** convert total seconds to nearest unit (minutes, hours, days)
+ * @param seconds total seconds > 0
+ * @param precision optional precision of number
+ */
+const secondsInNearest = ({ seconds, precision = 2, }) => {
+    if (seconds <= 0) {
+        return 'Now';
+    }
+    if (seconds < 90) {
+        const v = toFixed(seconds, precision);
+        return `${v} ${v === 1 ? 'second' : 'seconds'}`;
+    }
+    const mins = seconds / 60;
+    if (mins < 120) {
+        const v = toFixed(mins, precision);
+        return `${v} ${v === 1 ? 'minute' : 'minutes'}`;
+    }
+    const hours = mins / 60;
+    if (hours < 24) {
+        const v = toFixed(hours, precision);
+        return `${v} ${v === 1 ? 'hour' : 'hours'}`;
+    }
+    const days = hours / 24;
+    const v = toFixed(days, precision);
+    return `${v} ${v === 1 ? 'day' : 'days'}`;
+};
+exports.secondsInNearest = secondsInNearest;

package/dist/common/helpers/string.d.ts

@@ -0,0 +1,9 @@
+export declare const csvJSON: (csv: string) => {}[];
+export declare function trimSide(str: string, fromStart?: boolean, ...params: string[]): string;
+export declare function trim(str: string, ...params: string[]): string;
+export declare function truncate(str: string | null | undefined, n: number, ellip: string): string | undefined;
+export interface ISite {
+    siteUrl: string;
+    niceSiteUrl: string;
+}
+export declare const niceUrl: (siteUrl: string) => string | ISite;

package/dist/common/helpers/string.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.niceUrl = exports.truncate = exports.trim = exports.trimSide = exports.csvJSON = void 0;
+const csvJSON = (csv) => {
+    const lines = csv.split('\n');
+    const result = [];
+    // NOTE: If your columns contain commas in their values, you'll need
+    // to deal with those before doing the next step
+    // (you might convert them to &&& or something, then covert them back later)
+    // jsfiddle showing the issue https://jsfiddle.net/
+    const headers = lines[0].split(',');
+    for (let i = 1; i < lines.length; i += 1) {
+        const obj = {};
+        const currentline = lines[i].split(',');
+        for (let j = 0; j < headers.length; j += 1) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            obj[headers[j]] = currentline[j];
+        }
+        result.push(obj);
+    }
+    return result;
+};
+exports.csvJSON = csvJSON;
+function trimSide(str, fromStart = true, ...params) {
+    const pstr = params.join('');
+    if (!str) {
+        return str;
+    }
+    const ret = str.replace(new RegExp(`[${pstr}]*$`, 'g'), '');
+    if (fromStart) {
+        return ret.replace(new RegExp(`^[${pstr}]*`, 'g'), '');
+    }
+    return ret;
+}
+exports.trimSide = trimSide;
+function trim(str, ...params) {
+    str = trimSide(str, true, ...params);
+    str = trimSide(str, false, ...params);
+    return str;
+}
+exports.trim = trim;
+function truncate(str, n, ellip) {
+    if (!str) {
+        return undefined;
+    }
+    return str.length > n ? str.substr(0, n - 1) + ellip : str;
+}
+exports.truncate = truncate;
+const niceUrl = (siteUrl) => {
+    if (!siteUrl) {
+        return siteUrl;
+    }
+    let niceSiteUrl = siteUrl
+        .substr(siteUrl.indexOf(':') + 1)
+        .replace('sc-domain:', '')
+        .replace('https://', '')
+        .replace('http://', '');
+    niceSiteUrl = trim(niceSiteUrl, '/');
+    return { siteUrl, niceSiteUrl };
+};
+exports.niceUrl = niceUrl;

package/dist/common/index.d.ts

@@ -0,0 +1 @@
+export * from './helpers';

package/dist/common/index.js

@@ -0,0 +1,13 @@
+"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("./helpers"), exports);

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ui';
+export * from './common';
+export * from './api';

package/dist/index.js

@@ -0,0 +1,15 @@
+"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("./ui"), exports);
+__exportStar(require("./common"), exports);
+__exportStar(require("./api"), exports);

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

@@ -0,0 +1,11 @@
+import React, { KeyboardEventHandler, MouseEventHandler } from 'react';
+import { TLang, TResource } from '../../../common/helpers/i18n';
+export declare const Button: React.FC<{
+    title?: TResource;
+    invert?: boolean;
+    disabled?: boolean;
+    lang: TLang;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onKeyPress?: KeyboardEventHandler<HTMLButtonElement>;
+}>;

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

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+/* eslint-disable react/destructuring-assignment */
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const i18n_1 = require("../../../common/helpers/i18n");
+const colours_1 = require("../../styles/colours");
+const Base = styled_components_1.default.button `
+  border: 0;
+
+  font-weight: bold;
+  font-family: inherit;
+  font-size: 1.2rem;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  height: 3rem;
+  line-height: 1rem;
+  &:hover {
+    filter: saturate(1.5);
+  }
+  padding-left: 1rem;
+  padding-right: 1rem;
+
+  background-color: ${colours_1.colours.darkGreen};
+  color: white;
+  &[data-invert='true'] {
+    color: ${colours_1.colours.darkGreen};
+    background-color: white;
+    border: solid 1px ${colours_1.colours.darkGreen};
+  }
+
+  &[data-disabled='true'] {
+    cursor: default;
+    background-color: #888;
+  }
+`;
+const Button = (props) => {
+    var _a;
+    return (react_1.default.createElement(Base, Object.assign({ className: props.className, "data-invert": props.invert, "data-disabled": (_a = props.disabled) !== null && _a !== void 0 ? _a : false }, props, { role: "button", title: !props.title ? undefined : (0, i18n_1.t)(props.title, props.lang) }), props.children));
+};
+exports.Button = Button;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const Dropdown: ({ options, position, topPosition, onSelect, className, enableHoverOpen, children, }: {
+    className?: string | undefined;
+    options: (string | JSX.Element)[];
+    topPosition?: "top" | "bottom" | undefined;
+    position?: "left" | "right" | undefined;
+    onSelect: (i: number, e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    enableHoverOpen?: boolean | undefined;
+    children?: JSX.Element | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,61 @@
+"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.Dropdown = void 0;
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Modal_1 = require("../Modal");
+const common_1 = require("../../styles/common");
+const Base = styled_components_1.default.div `
+  cursor: pointer;
+`;
+const Dots = (react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fillRule: "evenodd", clipRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M16 12a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0117 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0110 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 013 12z" })));
+const Icon = styled_components_1.default.div `
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  &[data-fixedsize='true'] {
+    width: 1.5rem;
+    height: 1.5rem;
+    top: -0.5rem;
+    right: -0.5rem;
+    position: absolute;
+  }
+  border: solid 1px #ccc;
+  border-radius: 50%;
+  background-color: white;
+`;
+const Dropdown = ({ options, position = 'left', topPosition, onSelect, className, enableHoverOpen = false, children, }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(Base, Object.assign({ onKeyPress: (e) => e.key === 'Enter' && setOpen(!open), onMouseEnter: () => enableHoverOpen && setOpen(true), onMouseLeave: () => enableHoverOpen && setOpen(false), className: className }, common_1.noDrag),
+        react_1.default.createElement(Icon, { "data-fixedsize": !children, onClick: (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                setOpen(!open);
+            } }, children || Dots),
+        react_1.default.createElement(Modal_1.ModalDropList, { position: position, topPosition: topPosition, options: options, open: open, setOpen: setOpen, onSelect: onSelect, showCloseButton: false })));
+};
+exports.Dropdown = Dropdown;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function DropdownList<T>({ options, value, onChange, placeholder, className, renderF, }: {
+    options: T[];
+    value: T;
+    onChange: (v: T, index: number) => void;
+    placeholder?: string;
+    className?: string;
+    renderF: (v: T) => string;
+}): JSX.Element;

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

@@ -0,0 +1,124 @@
+"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.DropdownList = void 0;
+const colours_1 = require("../../styles/colours");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importStar(require("styled-components"));
+const SBase = styled_components_1.default.div `
+  display: flex;
+  flex-flow: row;
+  position: relative;
+  min-width: 5rem;
+  align-items: center;
+  justify-content: space-between;
+  cursor: default;
+  background-color: ${colours_1.colours.darker};
+  color: ${colours_1.colours.dark};
+  cursor: pointer;
+  flex-grow: 1;
+`;
+const SItems = styled_components_1.default.div `
+  flex-flow: column;
+  z-index: 5;
+  top: 100%;
+  display: none;
+  position: absolute;
+  background-color: ${colours_1.colours.mainLight};
+  cursor: default;
+  width: 100%;
+  ${({ open }) => open &&
+    (0, styled_components_1.css) `
+      display: flex;
+    `}
+`;
+const SSelectedItem = styled_components_1.default.div `
+  font-weight: 500;
+  padding: 0.5rem;
+`;
+const SItem = styled_components_1.default.div `
+  z-index: 1;
+  word-break: break-all;
+  font-weight: 500;
+  padding-left: 0.5rem;
+  flex-grow: 1;
+  padding: 1rem;
+  cursor: pointer;
+  ${({ selected }) => selected &&
+    (0, styled_components_1.css) `
+      opacity: 1 !important;
+    `}
+  &:hover {
+    opacity: 0.9 !important;
+    background-color: ${colours_1.colours.orange} !important;
+  }
+  ${({ selected }) => selected &&
+    (0, styled_components_1.css) `
+      background-color: ${colours_1.colours.orangeRed} !important;
+      &:hover {
+        background-color: ${colours_1.colours.orangeRed} !important;
+      }
+    `}
+  &:nth-child(even) {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  &:nth-child(odd) {
+    background-color: rgba(0, 0, 0, 0.2);
+  }
+`;
+function Items({ options, state, onChange, renderF, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null, options.map((s, i) => (react_1.default.createElement(SItem, { key: renderF(s), selected: s === state, onClick: () => {
+            if (s !== state) {
+                onChange(s, i);
+            }
+        } }, renderF(s))))));
+}
+const ChevronStyled = styled_components_1.default.div `
+  margin-right: 0.5rem;
+`;
+function DropdownList({ options, value, onChange, placeholder, className, renderF, }) {
+    const ref = (0, react_1.useRef)(null);
+    const [state, setState] = (0, react_1.useState)(value);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const click = (e) => {
+        var _a;
+        const outside = !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
+        if (outside) {
+            setOpen(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        document.addEventListener('click', click, true);
+        return () => document.removeEventListener('click', click, true);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        setState(value);
+    }, [value]);
+    return (react_1.default.createElement(SBase, { className: className, ref: ref, title: placeholder, onClick: (e) => {
+            e.stopPropagation();
+            setOpen(!open);
+        } },
+        react_1.default.createElement(SSelectedItem, null, renderF(state)),
+        react_1.default.createElement(ChevronStyled, null, open ? '˄' : '˅'),
+        react_1.default.createElement(SItems, { open: open }, open && (react_1.default.createElement(Items, { renderF: renderF, state: state, options: options, onChange: onChange })))));
+}
+exports.DropdownList = DropdownList;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FlexColumn: React.FC<React.ComponentPropsWithoutRef<'div'> & {
+    noGrow?: boolean;
+    center?: boolean;
+    allowOverflow?: boolean;
+}>;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexColumn = void 0;
+/* eslint-disable react/destructuring-assignment */
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Base = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  flex-flow: column;
+  flex-grow: 1;
+  &[data-center='true'] {
+    justify-content: center;
+    align-items: center;
+  }
+  &[data-nogrow='true'] {
+    flex-grow: 0;
+  }
+  overflow: visible;
+  &[data-allowoverflow='false'] {
+    overflow: hidden;
+  }
+`;
+const FlexColumn = (props) => {
+    var _a, _b, _c;
+    return (react_1.default.createElement(Base, Object.assign({ "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-allowoverflow": (_c = props.allowOverflow) !== null && _c !== void 0 ? _c : false }, props), props.children));
+};
+exports.FlexColumn = FlexColumn;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FlexRow: React.FC<React.ComponentPropsWithoutRef<'div'> & {
+    noWrap?: boolean;
+    noGrow?: boolean;
+    center?: boolean;
+    enableOverflow?: boolean;
+}>;

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

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexRow = void 0;
+/* eslint-disable react/destructuring-assignment */
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Base = styled_components_1.default.div `
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-flow: row wrap;
+
+  &[data-nowrap='true'] {
+    flex-flow: row;
+  }
+
+  &[data-nogrow='true'] {
+    flex-grow: 0;
+  }
+  &[data-nogrow='false'] {
+    width: 100%;
+    height: 100%;
+    flex-grow: 1;
+  }
+
+  &[data-center='true'] {
+    justify-content: center;
+    align-items: center;
+  }
+
+  &[data-enableoverflow='true'] {
+    overflow: visible;
+  }
+`;
+const FlexRow = (props) => {
+    var _a, _b, _c, _d;
+    return (react_1.default.createElement(Base, Object.assign({ "data-nowrap": (_a = props.noWrap) !== null && _a !== void 0 ? _a : false, "data-nogrow": (_b = props.noGrow) !== null && _b !== void 0 ? _b : false, "data-center": (_c = props.center) !== null && _c !== void 0 ? _c : false, "data-enableoverflow": (_d = props.enableOverflow) !== null && _d !== void 0 ? _d : false }, props), props.children));
+};
+exports.FlexRow = FlexRow;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TLang, TResource } from '../../../common/helpers/i18n';
+export declare const HeadersRaw: ({ title, image, lang, SiteShort, FullSiteUrl, siteDesc, }: {
+    title?: TResource | null | undefined;
+    image?: string | undefined;
+    lang: TLang;
+    SiteShort: string;
+    FullSiteUrl: string;
+    siteDesc: TResource;
+}) => JSX.Element[];

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

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadersRaw = void 0;
+const react_1 = __importDefault(require("react"));
+const i18n_1 = require("../../../common/helpers/i18n");
+const HeadersRaw = ({ title, image, lang, SiteShort, FullSiteUrl, siteDesc, }) => {
+    const dt = (0, i18n_1.t)(siteDesc, lang);
+    const titleText = !title ? undefined : (0, i18n_1.t)(title, lang);
+    const fullTitle = `${title ? `${titleText} | ` : ''}${SiteShort} | ${dt}`;
+    const titleBlock = title === undefined
+        ? []
+        : [
+            react_1.default.createElement("title", { key: "1" }, fullTitle),
+            react_1.default.createElement("meta", { key: "2", property: "og:title", content: titleText }),
+            react_1.default.createElement("meta", { key: "3", name: "twitter:title", content: titleText }),
+            react_1.default.createElement("meta", { key: "4", itemProp: "name", content: titleText }),
+            react_1.default.createElement("meta", { key: "5", name: "description", content: fullTitle }),
+            react_1.default.createElement("meta", { key: "6", itemProp: "description", content: fullTitle }),
+            react_1.default.createElement("meta", { key: "7", property: "og:description", content: fullTitle }),
+            react_1.default.createElement("meta", { key: "8", name: "twitter:description", content: fullTitle }),
+        ];
+    const imagearr = !image
+        ? []
+        : [
+            react_1.default.createElement("meta", { key: "9", property: "og:image", content: image }),
+            react_1.default.createElement("meta", { key: "10", name: "twitter:image", content: image }),
+        ];
+    return [
+        react_1.default.createElement("meta", { key: "11", charSet: "utf-8" }),
+        ...titleBlock,
+        react_1.default.createElement("meta", { key: "12", property: "og:site_name", content: SiteShort }),
+        react_1.default.createElement("meta", { key: "13", property: "og:url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "14", itemProp: "url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "15", name: "twitter:url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "16", property: "og:type", content: "website" }),
+        react_1.default.createElement("meta", { key: "17", name: "twitter:card", content: "summary" }),
+        react_1.default.createElement("meta", { key: "18", name: "robots", content: "index, follow" }),
+        ...imagearr,
+    ];
+};
+exports.HeadersRaw = HeadersRaw;