ag-common 0.0.418 → 0.0.419

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

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

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

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

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

@@ -1,10 +1,7 @@
-"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) {
+import { useState } from 'react';
+import { getCookieRawWrapper } from './get';
+import { setCookieRawWrapper } from './set';
+export function useCookie(p) {
     const parse = (s) => {
         if (!s) {
             return p.defaultValue;
@@ -20,18 +17,28 @@ function useCookie(p) {
         }
         return JSON.stringify(s);
     };
-    const [cookie, setCookie] = (0, react_1.useState)((0, get_1.getCookieRawWrapper)(Object.assign(Object.assign({}, p), { parse })) || p.defaultValue);
+    const [cookie, setCookie] = useState(getCookieRawWrapper({ ...p, parse }) || p.defaultValue);
     const setState = (valueRaw) => {
         const value = (valueRaw instanceof Function ? valueRaw(cookie) : valueRaw);
-        (0, set_1.setCookieRawWrapper)(Object.assign(Object.assign({}, p), { stringify, value }));
+        setCookieRawWrapper({ ...p, stringify, value });
         setCookie(value);
     };
     return [cookie, setState];
 }
-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;
+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(),
+});

package/dist/ui/helpers/date.js

@@ -1,40 +1,35 @@
-"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");
+import { addDays, dateDiff } from '../../common/helpers/date';
+import { plural } from './plural';
 /**
  * returns appropriate time diff string
  * @param lowDate
  * @param highDate defaults to Date.Now
  * @returns
  */
-const dateDiffToString = (lowDate, highDate) => {
+export const dateDiffToString = (lowDate, highDate) => {
     if (!lowDate) {
         return '';
     }
-    const d = (0, date_1.dateDiff)(lowDate, highDate !== null && highDate !== void 0 ? highDate : new Date());
+    const d = dateDiff(lowDate, highDate ?? new Date());
     if (isNaN(d.totalYears)) {
         return '';
     }
-    let ts = `${d.totalYears} ${(0, plural_1.plural)('yr', d.totalYears)} ago `;
+    let ts = `${d.totalYears} ${plural('yr', d.totalYears)} ago `;
     if (d.totalMinutes < 60) {
-        ts = `${d.totalMinutes} ${(0, plural_1.plural)('min', d.totalMinutes)} ago `;
+        ts = `${d.totalMinutes} ${plural('min', d.totalMinutes)} ago `;
     }
     else if (d.totalHours < 24) {
-        ts = `${d.totalHours} ${(0, plural_1.plural)('hr', d.totalHours)} ago `;
+        ts = `${d.totalHours} ${plural('hr', d.totalHours)} ago `;
     }
     else if (d.totalDays < 365) {
-        ts = `${d.totalDays} ${(0, plural_1.plural)('day', d.totalDays)} ago `;
+        ts = `${d.totalDays} ${plural('day', d.totalDays)} ago `;
     }
     return ts;
 };
-exports.dateDiffToString = dateDiffToString;
-const getDMY = (date, dayOffset) => {
-    const date1 = (0, date_1.addDays)(date, dayOffset || 0);
+export const getDMY = (date, dayOffset) => {
+    const date1 = 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,10 +1,7 @@
-"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)(() => {
+import { useEffect, useState } from 'react';
+export function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
         const handler = setTimeout(() => {
             setDebouncedValue(value);
         }, delay);
@@ -14,13 +11,11 @@ function useDebounce(value, delay) {
     }, [delay, value]);
     return debouncedValue;
 }
-exports.useDebounce = useDebounce;
 const hashMap = {};
-function debounce(callback, { key, time, }) {
+export 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,36 +1,30 @@
-"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) => {
+import { arrayToObject } from '../../common/helpers/array';
+export 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;
 };
-exports.domContains = domContains;
-const convertRemToPixels = (rem) => {
+export 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
-const filterDataProps = (p) => {
+export const filterDataProps = (p) => {
     const x = Object.entries(p)
         .filter((r) => r[0].startsWith('data-'))
         .map((r) => r);
-    return (0, array_1.arrayToObject)(x, (s) => s[0], (s) => s[1]);
+    return arrayToObject(x, (s) => s[0], (s) => s[1]);
 };
-exports.filterDataProps = filterDataProps;
-const isRightClick = (event) => {
+export const isRightClick = (event) => {
     //
     let isRightMB = false;
     if ('which' in event)
@@ -42,4 +36,3 @@ const isRightClick = (event) => {
         isRightMB = event.button == 2;
     return isRightMB;
 };
-exports.isRightClick = isRightClick;

package/dist/ui/helpers/extractAttributes.js

@@ -1,9 +1,5 @@
-"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)) {
+export const extractAttributes = ({ idName }) => {
+    if (!document?.getElementById(idName)?.attributes) {
         return {};
     }
     const ret = {};
@@ -14,4 +10,3 @@ const extractAttributes = ({ idName }) => {
     });
     return ret;
 };
-exports.extractAttributes = extractAttributes;

package/dist/ui/helpers/index.js

@@ -1,41 +1,25 @@
-"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);
+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';

package/dist/ui/helpers/jwt.js

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

package/dist/ui/helpers/plural.js

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

package/dist/ui/helpers/routes.js

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

package/dist/ui/helpers/serviceWorker.js

@@ -1,24 +1,9 @@
-"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()); }));
-    });
+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()));
 }
-exports.uninstallServiceWorkers = uninstallServiceWorkers;

package/dist/ui/helpers/useContextMenu.js

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

package/dist/ui/helpers/useElementAttribute.js

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

package/dist/ui/helpers/useGranularHook.js

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