@homefile/components-v2 2.39.8 → 2.39.9

package/dist/components/appBar/PeopleConnected.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, Img, Tooltip } from '@chakra-ui/react';
-import { SharePeople } from '../../assets/images';
+import { ShareHome } from '../../assets/images';
 import { NumberBadge } from '../../components';
 import { useWindowDimensions } from '../../hooks';
 import { MOBILE_WIDTH } from '../../utils';
 export const PeopleConnected = ({ onClick, total }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;
-    return (_jsx(Tooltip, { label: t('tooltips.shareHome'), children: _jsxs(Flex, { gap: "1", as: "button", onClick: onClick, id: "shareWithOthers", "data-testid": "people-connected", children: [_jsx(Img, { src: SharePeople, "aria-label": t('tooltips.shareHome'), h: "26px", w: "auto" }), !isMobile && _jsx(NumberBadge, { total: total })] }) }));
+    return (_jsx(Tooltip, { label: t('tooltips.shareHome'), children: _jsxs(Flex, { gap: "1", as: "button", onClick: onClick, id: "shareWithOthers", "data-testid": "people-connected", children: [_jsx(Img, { src: ShareHome, "aria-label": t('tooltips.shareHome'), h: "26px", w: "auto" }), !isMobile && _jsx(NumberBadge, { total: total })] }) }));
 };

package/dist/components/sharedHomePanel/SharedHomeHeader.js

@@ -3,9 +3,9 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { Box, DrawerHeader } from '@chakra-ui/react';
 import { HelpButton, PanelHeader, RolesHelpModal } from '../../components';
-import { SharePeople } from '../../assets/images';
+import { ShareHome } from '../../assets/images';
 export const SharedHomeHeader = ({ children, onClose }) => {
     const [showChildren, setShowChildren] = useState(false);
     const handleHelpClick = () => setShowChildren(!showChildren);
-    return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, icon: SharePeople, title: t('shareHome.title'), children: _jsx(Box, { mr: "base", position: "relative", children: _jsx(HelpButton, { onClick: handleHelpClick, children: showChildren && (_jsx(RolesHelpModal, { top: "40px", right: "0", onClose: handleHelpClick })) }) }) }), children] }));
+    return (_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: onClose, icon: ShareHome, title: t('shareHome.title'), children: _jsx(Box, { mr: "base", position: "relative", children: _jsx(HelpButton, { onClick: handleHelpClick, children: showChildren && (_jsx(RolesHelpModal, { top: "40px", right: "0", onClose: handleHelpClick })) }) }) }), children] }));
 };

package/dist/hooks/propertyTiles/useRecordsInputs.js

@@ -5,12 +5,19 @@ export const useRecordsInputs = ({ data = {}, session = '' }) => {
     const proxy = recordsInputsProxy;
     const proxyToDB = recordsInputsToDBProxy;
     const handleChange = (e) => {
-        var _a;
+        var _a, _b, _c;
         const { name, value } = e.target;
         proxy.data[name] = value;
+        // dirty tracking
+        const initial = (_b = (_a = proxy.initialData) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';
+        const next = value !== null && value !== void 0 ? value : '';
+        const isFieldDirty = next !== (initial !== null && initial !== void 0 ? initial : '');
+        proxy.dirtyFields[name] = isFieldDirty;
+        // recompute global dirty (cheap)
+        proxy.isDirty = Object.values(proxy.dirtyFields).some(Boolean);
         const dbProp = propertyRecordsToDB[session][name];
         if (session === 'community') {
-            proxyToDB.data = Object.assign(Object.assign({}, proxyToDB.data), { neighborhood: Object.assign(Object.assign({}, ((_a = proxyToDB.data.neighborhood) !== null && _a !== void 0 ? _a : {})), { [dbProp]: value }) });
+            proxyToDB.data = Object.assign(Object.assign({}, proxyToDB.data), { neighborhood: Object.assign(Object.assign({}, ((_c = proxyToDB.data.neighborhood) !== null && _c !== void 0 ? _c : {})), { [dbProp]: value }) });
             return;
         }
         proxyToDB.data[dbProp] = dbDataParser(dbProp, value);
@@ -18,7 +25,11 @@ export const useRecordsInputs = ({ data = {}, session = '' }) => {
     useEffect(() => {
         proxy.session = session;
         proxy.data = data;
-    }, [session]);
+        // new for dirty fields
+        proxy.initialData = data;
+        proxy.dirtyFields = {};
+        proxy.isDirty = false;
+    }, [session, data]);
     return {
         handleChange,
     };

package/dist/interfaces/propertyTiles/RecordsInputs.interface.d.ts

@@ -5,6 +5,9 @@ export interface RecordsInputsI extends EditCallbackI {
 export interface RecordsInputsProxyI {
     data: EditCallbackI['data'];
     session: EditCallbackI['session'];
+    initialData: EditCallbackI['data'];
+    dirtyFields: Record<string, boolean>;
+    isDirty: boolean;
 }
 type DBData = string | number | boolean | Record<string, string>;
 export interface recordsInputsToDBProxyI {

package/dist/proxies/propertyTiles/recordsInputs.proxy.js

@@ -2,6 +2,9 @@ import { proxy } from 'valtio';
 export const recordsInputsProxy = proxy({
     data: {},
     session: '',
+    initialData: {},
+    dirtyFields: {},
+    isDirty: false
 });
 export const recordsInputsToDBProxy = proxy({
     data: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.39.8",
+  "version": "2.39.9",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",