ag-common 0.0.419 → 0.0.421

package/dist/ui/helpers/cookie/raw.js

@@ -1,11 +1,14 @@
-import { warn } from '../../../common/helpers/log';
-import { expireDate } from './const';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wipeCookies = exports.setCookie = exports.getCookie = exports.getAllCookies = void 0;
+const log_1 = require("../../../common/helpers/log");
+const const_1 = require("./const");
 /**
  * parse cookie string into key values
  * @param cookieString
  * @returns
  */
-export const getAllCookies = (cookieString) => {
+const getAllCookies = (cookieString) => {
     const cookieKeyValuePairs = {};
     if (!cookieString) {
         return cookieKeyValuePairs;
@@ -17,32 +20,35 @@ export const getAllCookies = (cookieString) => {
     }
     return cookieKeyValuePairs;
 };
+exports.getAllCookies = getAllCookies;
 /** get a cookie by name*/
-export const getCookie = ({ name, cookieDocument, }) => getAllCookies(cookieDocument)?.[name];
+const getCookie = ({ name, cookieDocument, }) => { var _a; return (_a = (0, exports.getAllCookies)(cookieDocument)) === null || _a === void 0 ? void 0 : _a[name]; };
+exports.getCookie = getCookie;
 /**
  * expiryDays <0 will delete
  * @param param0
  * @returns
  */
-export function setCookie({ name, value, expiryDays = 1, }) {
+function setCookie({ name, value, expiryDays = 1, }) {
     if (typeof window === undefined) {
         return;
     }
     const d = new Date();
     d.setTime(d.getTime() + expiryDays * 24 * 60 * 60 * 1000);
-    const expires = `expires=${!value || expiryDays < 0 ? expireDate : d.toUTCString()}`;
+    const expires = `expires=${!value || expiryDays < 0 ? const_1.expireDate : d.toUTCString()}`;
     document.cookie = `${name}=${!value ? '' : value};${expires};path=/; SameSite=Strict; Secure`;
 }
+exports.setCookie = setCookie;
 /** delete all non httponly cookies */
-export function wipeCookies(name) {
+function wipeCookies(name) {
     if (typeof window === 'undefined') {
-        warn('cant wipe cookies on server');
+        (0, log_1.warn)('cant wipe cookies on server');
         return;
     }
     let currentCount = 0;
     // eslint-disable-next-line no-constant-condition
     while (true) {
-        if (getCookie({
+        if ((0, exports.getCookie)({
             name: name + currentCount,
             cookieDocument: '',
         })) {
@@ -54,3 +60,4 @@ export function wipeCookies(name) {
         }
     }
 }
+exports.wipeCookies = wipeCookies;

package/dist/ui/helpers/cookie/set.js

@@ -1,28 +1,33 @@
-import { toBase64 } from '../../../common/helpers/string/base64';
-import { chunkString } from '../../../common/helpers/string/chunk';
-import { maxCookieLen } from './const';
-import { setCookie, wipeCookies } from './raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setCookieString = exports.setCookieRawWrapper = void 0;
+const base64_1 = require("../../../common/helpers/string/base64");
+const chunk_1 = require("../../../common/helpers/string/chunk");
+const const_1 = require("./const");
+const raw_1 = require("./raw");
 /**
  * json+b64 incoming. chunk. write chunks
  * @param p
  * @returns
  */
-export function setCookieRawWrapper(p) {
+function setCookieRawWrapper(p) {
     const stringify = (s) => {
         if (p.stringify) {
             return p.stringify(s);
         }
         return JSON.stringify(s);
     };
-    wipeCookies(p.name);
+    (0, raw_1.wipeCookies)(p.name);
     if (!p.value) {
         return;
     }
-    const str = toBase64(stringify(p.value));
-    const chunks = chunkString(str, maxCookieLen);
+    const str = (0, base64_1.toBase64)(stringify(p.value));
+    const chunks = (0, chunk_1.chunkString)(str, const_1.maxCookieLen);
     for (const index1 in chunks) {
         const chunk = chunks[index1];
-        setCookie({ ...p, name: p.name + index1, value: chunk });
+        (0, raw_1.setCookie)(Object.assign(Object.assign({}, p), { name: p.name + index1, value: chunk }));
     }
 }
-export const setCookieString = (p) => setCookieRawWrapper({ ...p, stringify: (s) => s });
+exports.setCookieRawWrapper = setCookieRawWrapper;
+const setCookieString = (p) => setCookieRawWrapper(Object.assign(Object.assign({}, p), { stringify: (s) => s }));
+exports.setCookieString = setCookieString;

package/dist/ui/helpers/cookie/use.js

@@ -1,7 +1,10 @@
-import { useState } from 'react';
-import { getCookieRawWrapper } from './get';
-import { setCookieRawWrapper } from './set';
-export function useCookie(p) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCookieBoolean = exports.useCookieNumber = exports.useCookieString = exports.useCookie = void 0;
+const react_1 = require("react");
+const get_1 = require("./get");
+const set_1 = require("./set");
+function useCookie(p) {
     const parse = (s) => {
         if (!s) {
             return p.defaultValue;
@@ -17,28 +20,18 @@ export function useCookie(p) {
         }
         return JSON.stringify(s);
     };
-    const [cookie, setCookie] = useState(getCookieRawWrapper({ ...p, parse }) || p.defaultValue);
+    const [cookie, setCookie] = (0, react_1.useState)((0, get_1.getCookieRawWrapper)(Object.assign(Object.assign({}, p), { parse })) || p.defaultValue);
     const setState = (valueRaw) => {
         const value = (valueRaw instanceof Function ? valueRaw(cookie) : valueRaw);
-        setCookieRawWrapper({ ...p, stringify, value });
+        (0, set_1.setCookieRawWrapper)(Object.assign(Object.assign({}, p), { stringify, value }));
         setCookie(value);
     };
     return [cookie, setState];
 }
-export const useCookieString = (p) => useCookie({
-    ...p,
-    parse: (s) => s || '',
-    stringify: (s) => s,
-    defaultValue: p.defaultValue || '',
-});
-export const useCookieNumber = (p) => useCookie({
-    ...p,
-    parse: (s) => (!s ? undefined : Number.parseFloat(s)),
-    stringify: (s) => (!s ? '' : s.toString()),
-    defaultValue: p.defaultValue,
-});
-export const useCookieBoolean = (p) => useCookie({
-    ...p,
-    parse: (s) => s === 'true',
-    stringify: (s) => s.toString(),
-});
+exports.useCookie = useCookie;
+const useCookieString = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => s || '', stringify: (s) => s, defaultValue: p.defaultValue || '' }));
+exports.useCookieString = useCookieString;
+const useCookieNumber = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => (!s ? undefined : Number.parseFloat(s)), stringify: (s) => (!s ? '' : s.toString()), defaultValue: p.defaultValue }));
+exports.useCookieNumber = useCookieNumber;
+const useCookieBoolean = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => s === 'true', stringify: (s) => s.toString() }));
+exports.useCookieBoolean = useCookieBoolean;

package/dist/ui/helpers/date.js

@@ -1,35 +1,40 @@
-import { addDays, dateDiff } from '../../common/helpers/date';
-import { plural } from './plural';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDMY = exports.dateDiffToString = void 0;
+const date_1 = require("../../common/helpers/date");
+const plural_1 = require("./plural");
 /**
  * returns appropriate time diff string
  * @param lowDate
  * @param highDate defaults to Date.Now
  * @returns
  */
-export const dateDiffToString = (lowDate, highDate) => {
+const dateDiffToString = (lowDate, highDate) => {
     if (!lowDate) {
         return '';
     }
-    const d = dateDiff(lowDate, highDate ?? new Date());
+    const d = (0, date_1.dateDiff)(lowDate, highDate !== null && highDate !== void 0 ? highDate : new Date());
     if (isNaN(d.totalYears)) {
         return '';
     }
-    let ts = `${d.totalYears} ${plural('yr', d.totalYears)} ago `;
+    let ts = `${d.totalYears} ${(0, plural_1.plural)('yr', d.totalYears)} ago `;
     if (d.totalMinutes < 60) {
-        ts = `${d.totalMinutes} ${plural('min', d.totalMinutes)} ago `;
+        ts = `${d.totalMinutes} ${(0, plural_1.plural)('min', d.totalMinutes)} ago `;
     }
     else if (d.totalHours < 24) {
-        ts = `${d.totalHours} ${plural('hr', d.totalHours)} ago `;
+        ts = `${d.totalHours} ${(0, plural_1.plural)('hr', d.totalHours)} ago `;
     }
     else if (d.totalDays < 365) {
-        ts = `${d.totalDays} ${plural('day', d.totalDays)} ago `;
+        ts = `${d.totalDays} ${(0, plural_1.plural)('day', d.totalDays)} ago `;
     }
     return ts;
 };
-export const getDMY = (date, dayOffset) => {
-    const date1 = addDays(date, dayOffset || 0);
+exports.dateDiffToString = dateDiffToString;
+const getDMY = (date, dayOffset) => {
+    const date1 = (0, date_1.addDays)(date, dayOffset || 0);
     const d = String(date1.getDate()).padStart(2, '0');
     const m = String(date1.getMonth() + 1).padStart(2, '0'); // January is 0!
     const y = date1.getFullYear();
     return `${y}-${m}-${d}`;
 };
+exports.getDMY = getDMY;

package/dist/ui/helpers/debounce.js

@@ -1,7 +1,10 @@
-import { useEffect, useState } from 'react';
-export function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debounce = exports.useDebounce = void 0;
+const react_1 = require("react");
+function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
         const handler = setTimeout(() => {
             setDebouncedValue(value);
         }, delay);
@@ -11,11 +14,13 @@ export function useDebounce(value, delay) {
     }, [delay, value]);
     return debouncedValue;
 }
+exports.useDebounce = useDebounce;
 const hashMap = {};
-export function debounce(callback, { key, time, }) {
+function debounce(callback, { key, time, }) {
     clearTimeout(hashMap[key]);
     hashMap[key] = setTimeout(() => {
         delete hashMap[key];
         callback();
     }, time);
 }
+exports.debounce = debounce;

package/dist/ui/helpers/dom.js

@@ -1,30 +1,36 @@
-import { arrayToObject } from '../../common/helpers/array';
-export const domContains = (e, x, y) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRightClick = exports.filterDataProps = exports.convertRemToPixels = exports.domContains = void 0;
+const array_1 = require("../../common/helpers/array");
+const domContains = (e, x, y) => {
     if (!e) {
         return false;
     }
     return e.x <= x && x <= e.x + e.width && e.y <= y && y <= e.y + e.height;
 };
-export const convertRemToPixels = (rem) => {
+exports.domContains = domContains;
+const convertRemToPixels = (rem) => {
     let fontSize = '16px';
     if (typeof window !== 'undefined') {
         fontSize = getComputedStyle(document.documentElement).fontSize;
     }
     return rem * parseFloat(fontSize);
 };
+exports.convertRemToPixels = convertRemToPixels;
 /**
  * can use to nested wrap styledcomponent components, but persist data- attributes
  * @param p
  * @returns
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const filterDataProps = (p) => {
+const filterDataProps = (p) => {
     const x = Object.entries(p)
         .filter((r) => r[0].startsWith('data-'))
         .map((r) => r);
-    return arrayToObject(x, (s) => s[0], (s) => s[1]);
+    return (0, array_1.arrayToObject)(x, (s) => s[0], (s) => s[1]);
 };
-export const isRightClick = (event) => {
+exports.filterDataProps = filterDataProps;
+const isRightClick = (event) => {
     //
     let isRightMB = false;
     if ('which' in event)
@@ -36,3 +42,4 @@ export const isRightClick = (event) => {
         isRightMB = event.button == 2;
     return isRightMB;
 };
+exports.isRightClick = isRightClick;

package/dist/ui/helpers/extractAttributes.js

@@ -1,5 +1,9 @@
-export const extractAttributes = ({ idName }) => {
-    if (!document?.getElementById(idName)?.attributes) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractAttributes = void 0;
+const extractAttributes = ({ idName }) => {
+    var _a;
+    if (!((_a = document === null || document === void 0 ? void 0 : document.getElementById(idName)) === null || _a === void 0 ? void 0 : _a.attributes)) {
         return {};
     }
     const ret = {};
@@ -10,3 +14,4 @@ export const extractAttributes = ({ idName }) => {
     });
     return ret;
 };
+exports.extractAttributes = extractAttributes;

package/dist/ui/helpers/index.js

@@ -1,25 +1,41 @@
-export * from './axiosHelper';
-export * from './browserHelpers';
-export * from './callOpenApi';
-export * from './cognito';
-export * from './cookie';
-export * from './date';
-export * from './debounce';
-export * from './dom';
-export * from './extractAttributes';
-export * from './jwt';
-export * from './plural';
-export * from './routes';
-export * from './serviceWorker';
-export * from './useContextMenu';
-export * from './useElementAttribute';
-export * from './useGranularHook';
-export * from './useInterval';
-export * from './useLocalStorage';
-export * from './useLockBodyScroll';
-export * from './useOnClickOutside';
-export * from './useOnScroll';
-export * from './useOverloadPageSearch';
-export * from './useQueryString';
-export * from './useResize';
-export * from './useTimeout';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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("./axiosHelper"), exports);
+__exportStar(require("./browserHelpers"), exports);
+__exportStar(require("./callOpenApi"), exports);
+__exportStar(require("./cognito"), exports);
+__exportStar(require("./cookie"), exports);
+__exportStar(require("./date"), exports);
+__exportStar(require("./debounce"), exports);
+__exportStar(require("./dom"), exports);
+__exportStar(require("./extractAttributes"), exports);
+__exportStar(require("./jwt"), exports);
+__exportStar(require("./plural"), exports);
+__exportStar(require("./routes"), exports);
+__exportStar(require("./serviceWorker"), exports);
+__exportStar(require("./useContextMenu"), exports);
+__exportStar(require("./useElementAttribute"), exports);
+__exportStar(require("./useGranularHook"), exports);
+__exportStar(require("./useInterval"), exports);
+__exportStar(require("./useLocalStorage"), exports);
+__exportStar(require("./useLockBodyScroll"), exports);
+__exportStar(require("./useOnClickOutside"), exports);
+__exportStar(require("./useOnScroll"), exports);
+__exportStar(require("./useOverloadPageSearch"), exports);
+__exportStar(require("./useQueryString"), exports);
+__exportStar(require("./useResize"), exports);
+__exportStar(require("./useTimeout"), exports);

package/dist/ui/helpers/jwt.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/ui/helpers/plural.js

@@ -1,4 +1,7 @@
-export function plural(word, count) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.plural = void 0;
+function plural(word, count) {
     if (!word || !count) {
         return word;
     }
@@ -7,3 +10,4 @@ export function plural(word, count) {
     }
     return word;
 }
+exports.plural = plural;

package/dist/ui/helpers/routes.js

@@ -1,7 +1,10 @@
-import { parse } from 'url';
-import { getValidatedLang } from '../../common/helpers/i18n';
-import { castStringlyObject } from '../../common/helpers/object';
-import { stringToObject } from '../../common/helpers/string/object';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getServerReq = exports.getClientOrServerReqHref = void 0;
+const url_1 = require("url");
+const i18n_1 = require("../../common/helpers/i18n");
+const object_1 = require("../../common/helpers/object");
+const object_2 = require("../../common/helpers/string/object");
 const calculateServerHref = ({ host, pathname, }) => {
     if (!host) {
         return undefined;
@@ -17,20 +20,21 @@ const calculateServerHref = ({ host, pathname, }) => {
     return decodeURIComponent(href);
 };
 const getRenderLanguage = ({ defaultHost, url, }) => {
+    var _a, _b, _c, _d;
     const prefixReg = new RegExp(`(.*?).(local|${defaultHost.toLowerCase()})`, 'gim');
-    const host = url.host?.toLowerCase()?.trim() ?? '';
-    const prefix = host.trim().length !== 0 && prefixReg.exec(host)?.[1];
+    const host = (_c = (_b = (_a = url.host) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
+    const prefix = host.trim().length !== 0 && ((_d = prefixReg.exec(host)) === null || _d === void 0 ? void 0 : _d[1]);
     if (!prefix) {
         return 'en';
     }
-    return getValidatedLang(prefix);
+    return (0, i18n_1.getValidatedLang)(prefix);
 };
 /**
  * get parsed url. use on client/SSR. defaults to window location if possible
  * @param param0
  * @returns
  */
-export const getClientOrServerReqHref = ({ url: { href, query, protocol }, forceServer = false, userAgent, darkMode, defaultHost, }) => {
+const getClientOrServerReqHref = ({ url: { href, query, protocol }, forceServer = false, userAgent, darkMode, defaultHost, }) => {
     if (typeof window !== 'undefined') {
         if (!forceServer) {
             href = window.location.href;
@@ -46,7 +50,7 @@ export const getClientOrServerReqHref = ({ url: { href, query, protocol }, force
     if (!href) {
         throw new Error('no href');
     }
-    const parsed = parse(href);
+    const parsed = (0, url_1.parse)(href);
     const url = {
         hash: parsed.hash || '',
         host: parsed.host || '',
@@ -55,41 +59,44 @@ export const getClientOrServerReqHref = ({ url: { href, query, protocol }, force
         path: `${parsed.path}${parsed.hash || ''}`,
         pathname: parsed.pathname || '',
         protocol: protocol || '',
-        query: { ...query, ...stringToObject(parsed.query || '', '=', '&') },
+        query: Object.assign(Object.assign({}, query), (0, object_2.stringToObject)(parsed.query || '', '=', '&')),
     };
     return {
         url,
-        userAgent: userAgent ?? '?',
-        darkMode: darkMode ?? false,
+        userAgent: userAgent !== null && userAgent !== void 0 ? userAgent : '?',
+        darkMode: darkMode !== null && darkMode !== void 0 ? darkMode : false,
         lang: getRenderLanguage({ url, defaultHost }),
         defaultHost,
     };
 };
+exports.getClientOrServerReqHref = getClientOrServerReqHref;
 /**
  * get server side parsed url
  * @param param0 * @returns
  */
-export const getServerReq = ({ defaultHost, pathname, query, headers, encrypted, }) => {
+const getServerReq = ({ defaultHost, pathname, query, headers, encrypted, }) => {
+    var _a, _b;
     const href = calculateServerHref({
         host: headers.host || defaultHost,
         pathname,
     });
     let protocol = 'http:';
-    if (headers['x-forwarded-proto']?.includes('https') || encrypted) {
+    if (((_a = headers['x-forwarded-proto']) === null || _a === void 0 ? void 0 : _a.includes('https')) || encrypted) {
         protocol = 'https:';
     }
     const parsedQuery = !query || Object.keys(query).length === 0
         ? undefined
-        : castStringlyObject(query);
-    const ret = getClientOrServerReqHref({
+        : (0, object_1.castStringlyObject)(query);
+    const ret = (0, exports.getClientOrServerReqHref)({
         url: {
             href,
             query: parsedQuery,
             protocol,
         },
         forceServer: true,
-        userAgent: headers['user-agent']?.toLowerCase(),
+        userAgent: (_b = headers['user-agent']) === null || _b === void 0 ? void 0 : _b.toLowerCase(),
         defaultHost,
     });
     return ret;
 };
+exports.getServerReq = getServerReq;

package/dist/ui/helpers/serviceWorker.js

@@ -1,9 +1,24 @@
-import { asyncForEach } from '../../common/helpers/async';
-export async function uninstallServiceWorkers() {
-    if (typeof navigator === 'undefined') {
-        return;
-    }
-    await navigator.serviceWorker
-        .getRegistrations()
-        .then(async (registrations) => asyncForEach([...registrations], (r) => r.unregister()));
+"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.uninstallServiceWorkers = void 0;
+const async_1 = require("../../common/helpers/async");
+function uninstallServiceWorkers() {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (typeof navigator === 'undefined') {
+            return;
+        }
+        yield navigator.serviceWorker
+            .getRegistrations()
+            .then((registrations) => __awaiter(this, void 0, void 0, function* () { return (0, async_1.asyncForEach)([...registrations], (r) => r.unregister()); }));
+    });
 }
+exports.uninstallServiceWorkers = uninstallServiceWorkers;

package/dist/ui/helpers/useContextMenu.js

@@ -1,12 +1,16 @@
-import { useCallback, useEffect, useState } from 'react';
-export const useContextMenu = ({ ref, }) => {
-    const [xPos, setXPos] = useState('0px');
-    const [yPos, setYPos] = useState('0px');
-    const [showMenu, setShowMenu] = useState(false);
-    const handleContextMenu = useCallback(
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContextMenu = void 0;
+const react_1 = require("react");
+const useContextMenu = ({ ref, }) => {
+    const [xPos, setXPos] = (0, react_1.useState)('0px');
+    const [yPos, setYPos] = (0, react_1.useState)('0px');
+    const [showMenu, setShowMenu] = (0, react_1.useState)(false);
+    const handleContextMenu = (0, react_1.useCallback)(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (e) => {
-        if (!ref.current?.contains(e.target)) {
+        var _a;
+        if (!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
             return;
         }
         e.preventDefault();
@@ -14,13 +18,13 @@ export const useContextMenu = ({ ref, }) => {
         setYPos(`${e.pageY}px`);
         setShowMenu(true);
     }, [ref]);
-    const handleClick = useCallback(() => {
+    const handleClick = (0, react_1.useCallback)(() => {
         if (!showMenu) {
             return;
         }
         setShowMenu(false);
     }, [showMenu]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         document.addEventListener('click', handleClick);
         document.addEventListener('contextmenu', handleContextMenu);
         return () => {
@@ -30,3 +34,4 @@ export const useContextMenu = ({ ref, }) => {
     });
     return { xPos, yPos, showMenu };
 };
+exports.useContextMenu = useContextMenu;

package/dist/ui/helpers/useElementAttribute.js

@@ -1,10 +1,13 @@
-import { useEffect } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementAttribute = void 0;
+const react_1 = require("react");
 /**
  * add and remove an attribute on an element
  * @param param0
  */
-export function useElementAttribute({ enabled, key, value, element, }) {
-    useEffect(() => {
+function useElementAttribute({ enabled, key, value, element, }) {
+    (0, react_1.useEffect)(() => {
         if (!element) {
             return;
         }
@@ -17,3 +20,4 @@ export function useElementAttribute({ enabled, key, value, element, }) {
         return () => element.removeAttribute(key);
     }, [element, enabled, key, value]);
 }
+exports.useElementAttribute = useElementAttribute;

package/dist/ui/helpers/useGranularHook.js

@@ -1,9 +1,14 @@
-import { useEffect, useRef } from 'react';
-export const useGranularHook = (hook, callback, primaryDeps, secondaryDeps) => {
-    const ref = useRef();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGranularEffect = exports.useGranularHook = void 0;
+const react_1 = require("react");
+const useGranularHook = (hook, callback, primaryDeps, secondaryDeps) => {
+    const ref = (0, react_1.useRef)();
     if (!ref.current ||
-        !primaryDeps.every((w, i) => Object.is(w, ref.current?.[i])))
+        !primaryDeps.every((w, i) => { var _a; return Object.is(w, (_a = ref.current) === null || _a === void 0 ? void 0 : _a[i]); }))
         ref.current = [...primaryDeps, ...secondaryDeps];
     return hook(callback, ref.current);
 };
-export const useGranularEffect = (effect, primaryDeps, secondaryDeps) => useGranularHook(useEffect, effect, primaryDeps, secondaryDeps);
+exports.useGranularHook = useGranularHook;
+const useGranularEffect = (effect, primaryDeps, secondaryDeps) => (0, exports.useGranularHook)(react_1.useEffect, effect, primaryDeps, secondaryDeps);
+exports.useGranularEffect = useGranularEffect;