ag-common 0.0.291 → 0.0.294

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

@@ -6,3 +6,4 @@ export declare const convertRemToPixels: (rem: number) => number;
  * @returns
  */
 export declare const filterDataProps: (p: any) => Record<string, string>;
+export declare const isRightClick: (event: MouseEvent | TouchEvent) => boolean;

package/dist/ui/helpers/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterDataProps = exports.convertRemToPixels = exports.domContains = void 0;
+exports.isRightClick = exports.filterDataProps = exports.convertRemToPixels = exports.domContains = void 0;
 const array_1 = require("../../common/helpers/array");
 const domContains = (e, x, y) => {
     if (!e) {
@@ -30,3 +30,16 @@ const filterDataProps = (p) => {
     return (0, array_1.arrayToObject)(x, (s) => s[0], (s) => s[1]);
 };
 exports.filterDataProps = filterDataProps;
+const isRightClick = (event) => {
+    //
+    let isRightMB = false;
+    if ('which' in event)
+        // Gecko (Firefox), WebKit (Safari/Chrome) & Opera
+        isRightMB = event.which == 3;
+    else if ('button' in event)
+        // IE, Opera
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        isRightMB = event.button == 2;
+    return isRightMB;
+};
+exports.isRightClick = isRightClick;

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

@@ -49,6 +49,7 @@ export interface IRequestCommon {
     url: LocationSubset;
     lang: TLang;
     userAgent: string;
+    defaultHost: string;
 }
 export interface IStateCommon<TRequest extends IRequestCommon> extends IInitialStateCommon {
     request: TRequest;
@@ -64,7 +65,7 @@ export interface IStateCommon<TRequest extends IRequestCommon> extends IInitialS
  * @param param0
  * @returns
  */
-export declare const getClientOrServerReqHref: ({ url: { href, query }, forceServer, userAgent, }: {
+export declare const getClientOrServerReqHref: ({ url: { href, query }, forceServer, userAgent, darkMode, defaultHost, }: {
     url: {
         /**
          * parse querystring keyvalues
@@ -81,9 +82,15 @@ export declare const getClientOrServerReqHref: ({ url: { href, query }, forceSer
     forceServer?: boolean | undefined;
     /** will use navigator if possible */
     userAgent?: string | undefined;
+    /** will use window.matchMedia  */
+    darkMode?: boolean | undefined;
+    defaultHost: string;
 }) => {
     url: LocationSubset;
     userAgent: string;
+    darkMode: boolean;
+    lang: TLang;
+    defaultHost: string;
 };
 /**
  * get server side parsed url
@@ -110,6 +117,9 @@ export declare const getServerReq: ({ defaultHost, pathname, query, headers, }:
 }) => {
     url: LocationSubset;
     userAgent: string;
+    darkMode: boolean;
+    lang: TLang;
+    defaultHost: string;
 };
 export interface INextCtx {
     req?: {

package/dist/ui/helpers/routes.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getServerReq = exports.getClientOrServerReqHref = void 0;
+const i18n_1 = require("../../common/helpers/i18n");
 const string_1 = require("../../common/helpers/string");
 const object_1 = require("../../common/helpers/object");
 const url_1 = require("url");
@@ -18,22 +19,32 @@ const calculateServerHref = ({ host, pathname, }) => {
     href += 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]);
+    if (!prefix) {
+        return 'en';
+    }
+    return (0, i18n_1.getValidatedLang)(prefix);
+};
 /**
  * get parsed url. use on client/SSR. defaults to window location if possible
  * @param param0
  * @returns
  */
-const getClientOrServerReqHref = ({ url: { href, query }, forceServer = false, userAgent, }) => {
-    if (typeof window !== 'undefined' && !forceServer) {
-        href = window.location.href;
-    }
-    if (typeof navigator !== 'undefined' && !forceServer) {
-        if (navigator.userAgent) {
-            userAgent = navigator.userAgent;
+const getClientOrServerReqHref = ({ url: { href, query }, forceServer = false, userAgent, darkMode, defaultHost, }) => {
+    if (typeof window !== 'undefined') {
+        if (!forceServer) {
+            href = window.location.href;
         }
+        darkMode =
+            window.matchMedia &&
+                window.matchMedia('(prefers-color-scheme: dark)').matches;
     }
-    if (!userAgent) {
-        userAgent = '?';
+    if (typeof navigator !== 'undefined') {
+        userAgent = navigator.userAgent;
     }
     if (!href) {
         throw new Error('no href');
@@ -49,7 +60,13 @@ const getClientOrServerReqHref = ({ url: { href, query }, forceServer = false, u
         protocol: parsed.protocol || '',
         query: Object.assign(Object.assign({}, query), (0, string_1.stringToObject)(parsed.query || '', '=', '&')),
     };
-    return { url, userAgent };
+    return {
+        url,
+        userAgent: userAgent !== null && userAgent !== void 0 ? userAgent : '?',
+        darkMode: darkMode !== null && darkMode !== void 0 ? darkMode : false,
+        lang: getRenderLanguage({ url, defaultHost }),
+        defaultHost,
+    };
 };
 exports.getClientOrServerReqHref = getClientOrServerReqHref;
 /**
@@ -72,6 +89,7 @@ const getServerReq = ({ defaultHost, pathname, query, headers, }) => {
         },
         forceServer: true,
         userAgent: (_a = headers['user-agent']) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
+        defaultHost,
     });
     return ret;
 };

package/dist/ui/helpers/useOnClickOutside.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnClickOutside = void 0;
+const dom_1 = require("./dom");
 const react_1 = require("react");
 function useOnClickOutside(p, handler) {
     (0, react_1.useEffect)(() => {
@@ -9,6 +10,11 @@ function useOnClickOutside(p, handler) {
         }
         const listener = (event) => {
             var _a;
+            //
+            const isRightMB = (0, dom_1.isRightClick)(event);
+            if (isRightMB) {
+                return;
+            }
             const el = (_a = p.ref) === null || _a === void 0 ? void 0 : _a.current;
             // Do nothing if clicking ref's element or descendent elements
             if (!el || el.contains((event === null || event === void 0 ? void 0 : event.target) || null)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.291",
+  "version": "0.0.294",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -32,7 +32,7 @@
     "styled-components": ">=5"
   },
   "devDependencies": {
-    "@babel/core": "7.18.6",
+    "@babel/core": "7.18.9",
     "@storybook/addon-actions": "6.5.9",
     "@storybook/addon-docs": "6.5.9",
     "@storybook/addon-essentials": "6.5.9",
@@ -42,14 +42,14 @@
     "@storybook/react": "6.5.9",
     "@storybook/theming": "6.5.9",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "18.0.3",
+    "@types/node": "18.0.6",
     "@types/react": "18.0.15",
     "@types/react-dom": "18.0.6",
     "@types/styled-components": "5.1.25",
-    "@typescript-eslint/eslint-plugin": "5.30.6",
-    "@typescript-eslint/parser": "5.30.6",
+    "@typescript-eslint/eslint-plugin": "5.30.7",
+    "@typescript-eslint/parser": "5.30.7",
     "cross-env": "7.0.3",
-    "eslint": "8.19.0",
+    "eslint": "8.20.0",
     "eslint-config-airbnb-typescript": "17.0.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-import": "2.26.0",