pixelize-design-library 2.2.42 → 2.2.43

package/dist/Components/KanbanBoard/KanbanBoard.js

@@ -216,7 +216,14 @@ var KanbanBoard = function (_a) {
                                     react_1.default.createElement(react_2.Text, { fontWeight: "600", fontSize: "1rem", color: (_h = colors === null || colors === void 0 ? void 0 : colors.text) === null || _h === void 0 ? void 0 : _h[700] }, column.title),
                                     hoveredColumn === colId && column.items.length > 0 && (react_1.default.createElement(react_2.Box, { as: lucide_react_1.Trash2, size: 16, cursor: "pointer", color: (_j = colors === null || colors === void 0 ? void 0 : colors.text) === null || _j === void 0 ? void 0 : _j[600], _hover: { color: (_k = colors === null || colors === void 0 ? void 0 : colors.red) === null || _k === void 0 ? void 0 : _k[600] }, onClick: function () { return handleColumnDelete(colId); }, transition: "color 0.2s ease" })),
                                     !(hoveredColumn === colId && column.items.length > 0) && (react_1.default.createElement(react_2.Box, { width: "16px", height: "16px" }))),
-                                react_1.default.createElement(react_2.Box, { px: 2, pb: 2, flex: "1", overflowY: "auto", width: "100%", mr: 1, 
+                                react_1.default.createElement(react_2.Box
+                                // px={2}
+                                // pb={2}
+                                , { 
+                                    // px={2}
+                                    // pb={2}
+                                    flex: "1", overflowY: "auto", width: "100%", 
+                                    // mr={1} // Add right margin to create gap for scrollbar
                                     /////LIST/////////////////////////////
                                     sx: {
                                         overflowY: "auto",

package/dist/Hooks/usePreferences.d.ts

@@ -19,7 +19,8 @@ declare const useGetPreferences: ({ baseUrl, key, page, name, authToken, orgId,
 };
 declare const useSavePreferences: ({ baseUrl, key, page, name, authToken, orgId, }: PreferencesProps) => {
     savePreferences: (data?: Record<string, any>) => void;
+    savePreferencesDebounced: (data?: Record<string, any>, wait?: number) => void;
     loading: boolean;
-    error: null;
+    error: unknown;
 };
 export { useGetPreferences, useSavePreferences };

package/dist/Hooks/usePreferences.js

@@ -48,7 +48,7 @@ var useSavePreferences = function (_a) {
     var _b = _a.baseUrl, baseUrl = _b === void 0 ? "" : _b, _c = _a.key, key = _c === void 0 ? "" : _c, _d = _a.page, page = _d === void 0 ? "" : _d, _e = _a.name, name = _e === void 0 ? "" : _e, _f = _a.authToken, authToken = _f === void 0 ? "" : _f, _g = _a.orgId, orgId = _g === void 0 ? "" : _g;
     var _h = (0, react_1.useState)(false), loading = _h[0], setLoading = _h[1];
     var _j = (0, react_1.useState)(null), error = _j[0], setError = _j[1];
-    var savePreferences = function (data) {
+    var savePreferences = (0, react_1.useCallback)(function (data) {
         if (data === void 0) { data = {}; }
         if (!baseUrl)
             return;
@@ -59,18 +59,21 @@ var useSavePreferences = function (_a) {
                 Authorization: authToken,
                 "Content-Type": "application/json",
             },
-            body: JSON.stringify({
-                key: key,
-                page: page,
-                name: name,
-                json: data,
-            }),
+            body: JSON.stringify({ key: key, page: page, name: name, json: data }),
         })
-            .then(function (response) { return response.json(); })
-            .then(function (data) { return console.log(data); })
-            .catch(function (error) { return setError(error); })
+            .then(function (r) { return r.json(); })
+            .then(function (d) { return console.log(d); })
+            .catch(function (e) { return setError(e); })
             .finally(function () { return setLoading(false); });
-    };
-    return { savePreferences: savePreferences, loading: loading, error: error };
+    }, [baseUrl, orgId, authToken, key, page, name]);
+    var debounceRef = (0, react_1.useRef)(null);
+    var savePreferencesDebounced = (0, react_1.useCallback)(function (data, wait) {
+        if (data === void 0) { data = {}; }
+        if (wait === void 0) { wait = 500; }
+        if (debounceRef.current)
+            window.clearTimeout(debounceRef.current);
+        debounceRef.current = window.setTimeout(function () { return savePreferences(data); }, wait);
+    }, [savePreferences]);
+    return { savePreferences: savePreferences, savePreferencesDebounced: savePreferencesDebounced, loading: loading, error: error };
 };
 exports.useSavePreferences = useSavePreferences;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.2.42",
+  "version": "2.2.43",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",