ag-common 0.0.295 → 0.0.298

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

@@ -51,3 +51,4 @@ export declare const removeUndefValuesFromObject: <T>(orig: Record<string, T>, .
  * @returns
  */
 export declare const castStringlyObject: (orig: Record<string, string | string[] | undefined>) => Record<string, string>;
+export declare const isObject: (o: any) => any;

package/dist/common/helpers/object.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.castStringlyObject = exports.removeUndefValuesFromObject = exports.castObject = exports.objectToString = exports.paramsToObject = exports.objectAlphaSort = exports.objectToArray = exports.getObjectKeysAsNumber = exports.objectKeysToLowerCase = exports.isJson = exports.tryJsonParse = void 0;
+exports.isObject = exports.castStringlyObject = exports.removeUndefValuesFromObject = exports.castObject = exports.objectToString = exports.paramsToObject = exports.objectAlphaSort = exports.objectToArray = exports.getObjectKeysAsNumber = exports.objectKeysToLowerCase = exports.isJson = exports.tryJsonParse = void 0;
 const _1 = require(".");
 const tryJsonParse = (str, defaultValue) => {
     if (!str) {
@@ -156,3 +156,6 @@ const castStringlyObject = (orig) => {
     });
 };
 exports.castStringlyObject = castStringlyObject;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isObject = (o) => o && typeof o === 'object' && !Array.isArray(o);
+exports.isObject = isObject;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { User } from '../../helpers/jwt';
 export declare const UserImageIcon: JSX.Element;
-export declare const UserImage: ({ image, className, }: {
+export declare const UserImage: ({ image, className, title, }: {
     image?: string | undefined;
     className?: string | undefined;
+    title?: string | undefined;
 }) => JSX.Element;
 export declare const UserProfileImage: ({ className, user, }: {
     className?: string | undefined;

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

@@ -48,12 +48,11 @@ const Img = styled_components_1.default.img `
 const images = {
     domains: ['platform-lookaside.fbsbx.com', 'lh3.googleusercontent.com'],
 };
-const UserImage = ({ image, className, }) => {
+const UserImage = ({ image, className, title = 'user image', }) => {
     const [fallback, setFallback] = (0, react_1.useState)(false);
-    const showImage = image && !fallback;
-    return (react_1.default.createElement(Base, { className: className, title: 'user image' },
-        showImage && (react_1.default.createElement(Img, { alt: "user", src: image, onError: () => setFallback(true) })),
-        !showImage && exports.UserImageIcon));
+    return (react_1.default.createElement(Base, { className: className, title: title },
+        image && !fallback && (react_1.default.createElement(Img, { alt: "user", src: image, onError: () => setFallback(true) })),
+        (!image || fallback) && exports.UserImageIcon));
 };
 exports.UserImage = UserImage;
 const UserProfileImage = ({ className, user, }) => {
@@ -65,8 +64,6 @@ const UserProfileImage = ({ className, user, }) => {
     }
     const titleA = [user === null || user === void 0 ? void 0 : user.fullname, user === null || user === void 0 ? void 0 : user.userId].filter(array_1.notEmpty);
     const title = titleA.length === 0 ? '' : titleA.join(' - ');
-    return (react_1.default.createElement(Base, { className: className, title: title },
-        image && react_1.default.createElement(Img, { alt: "user", src: image }),
-        !image && exports.UserImageIcon));
+    return react_1.default.createElement(exports.UserImage, { image: image, title: title, className: className });
 };
 exports.UserProfileImage = UserProfileImage;

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

@@ -12,6 +12,7 @@ export * from './plural';
 export * from './routes';
 export * from './serviceWorker';
 export * from './useContextMenu';
+export * from './useGranularHook';
 export * from './useLocalStorage';
 export * from './useLockBodyScroll';
 export * from './useOnClickOutside';

package/dist/ui/helpers/index.js

@@ -28,6 +28,7 @@ __exportStar(require("./plural"), exports);
 __exportStar(require("./routes"), exports);
 __exportStar(require("./serviceWorker"), exports);
 __exportStar(require("./useContextMenu"), exports);
+__exportStar(require("./useGranularHook"), exports);
 __exportStar(require("./useLocalStorage"), exports);
 __exportStar(require("./useLockBodyScroll"), exports);
 __exportStar(require("./useOnClickOutside"), exports);

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

@@ -0,0 +1,5 @@
+import { DependencyList, EffectCallback } from 'react';
+declare type HookWithDependencies<C, R> = (callback: C, deps: DependencyList) => R;
+export declare const useGranularHook: <T extends HookWithDependencies<C, ReturnType<T>>, C>(hook: T, callback: C, primaryDeps: DependencyList, secondaryDeps: DependencyList) => ReturnType<T>;
+export declare const useGranularEffect: (effect: EffectCallback, primaryDeps: DependencyList, secondaryDeps: DependencyList) => void;
+export {};

package/dist/ui/helpers/useGranularHook.js

@@ -0,0 +1,14 @@
+"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) => { 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);
+};
+exports.useGranularHook = useGranularHook;
+const useGranularEffect = (effect, primaryDeps, secondaryDeps) => (0, exports.useGranularHook)(react_1.useEffect, effect, primaryDeps, secondaryDeps);
+exports.useGranularEffect = useGranularEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.295",
+  "version": "0.0.298",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -42,7 +42,7 @@
     "@storybook/react": "6.5.9",
     "@storybook/theming": "6.5.9",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "18.6.1",
+    "@types/node": "18.6.2",
     "@types/react": "18.0.15",
     "@types/react-dom": "18.0.6",
     "@types/styled-components": "5.1.25",