pixelize-design-library 2.2.30 → 2.2.32

package/dist/Components/Table/Table.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { TableProps } from "./TableProps";
-export default function Table({ data, columns, onSelection, isLoading, isCheckbox, headerBgColor, freezedBgColor, headerTextColor, freezedTextColor, tableBorderColor, noBorders, isPagination, onRowClick, selections, isActionFreeze, preferencesUrl, preferencesKey, preferencesName, preferencesPage, authToken, paginationMode, noOfRowsPerPage, totalRecords, onPagination, isTableSettings, headerActions, onGlobalSearch, }: TableProps): React.JSX.Element;
+export default function Table({ data, columns, onSelection, isLoading, isCheckbox, headerBgColor, freezedBgColor, headerTextColor, freezedTextColor, tableBorderColor, noBorders, isPagination, onRowClick, selections, isActionFreeze, preferences, paginationMode, noOfRowsPerPage, totalRecords, onPagination, isTableSettings, headerActions, onGlobalSearch, }: TableProps): React.JSX.Element;

package/dist/Components/Table/Table.js

@@ -42,39 +42,47 @@ var Divider_1 = __importDefault(require("../Divider/Divider"));
 var TableSearch_1 = __importDefault(require("./Components/TableSearch"));
 function Table(_a) {
     var _b, _c, _d, _e, _f, _g;
-    var data = _a.data, columns = _a.columns, onSelection = _a.onSelection, isLoading = _a.isLoading, _h = _a.isCheckbox, isCheckbox = _h === void 0 ? false : _h, headerBgColor = _a.headerBgColor, freezedBgColor = _a.freezedBgColor, headerTextColor = _a.headerTextColor, freezedTextColor = _a.freezedTextColor, tableBorderColor = _a.tableBorderColor, _j = _a.noBorders, noBorders = _j === void 0 ? false : _j, _k = _a.isPagination, isPagination = _k === void 0 ? true : _k, onRowClick = _a.onRowClick, selections = _a.selections, _l = _a.isActionFreeze, isActionFreeze = _l === void 0 ? true : _l, _m = _a.preferencesUrl, preferencesUrl = _m === void 0 ? "" : _m, _o = _a.preferencesKey, preferencesKey = _o === void 0 ? "" : _o, _p = _a.preferencesName, preferencesName = _p === void 0 ? "" : _p, _q = _a.preferencesPage, preferencesPage = _q === void 0 ? "" : _q, _r = _a.authToken, authToken = _r === void 0 ? "" : _r, _s = _a.paginationMode, paginationMode = _s === void 0 ? "client" : _s, _t = _a.noOfRowsPerPage, noOfRowsPerPage = _t === void 0 ? 50 : _t, _u = _a.totalRecords, totalRecords = _u === void 0 ? 0 : _u, onPagination = _a.onPagination, _v = _a.isTableSettings, isTableSettings = _v === void 0 ? false : _v, headerActions = _a.headerActions, onGlobalSearch = _a.onGlobalSearch;
+    var data = _a.data, columns = _a.columns, onSelection = _a.onSelection, isLoading = _a.isLoading, _h = _a.isCheckbox, isCheckbox = _h === void 0 ? false : _h, headerBgColor = _a.headerBgColor, freezedBgColor = _a.freezedBgColor, headerTextColor = _a.headerTextColor, freezedTextColor = _a.freezedTextColor, tableBorderColor = _a.tableBorderColor, _j = _a.noBorders, noBorders = _j === void 0 ? false : _j, _k = _a.isPagination, isPagination = _k === void 0 ? true : _k, onRowClick = _a.onRowClick, selections = _a.selections, _l = _a.isActionFreeze, isActionFreeze = _l === void 0 ? true : _l, _m = _a.preferences, preferences = _m === void 0 ? {
+        url: "",
+        token: "",
+        key: "",
+        name: "",
+        page: "",
+        orgId: "",
+    } : _m, _o = _a.paginationMode, paginationMode = _o === void 0 ? "client" : _o, _p = _a.noOfRowsPerPage, noOfRowsPerPage = _p === void 0 ? 50 : _p, _q = _a.totalRecords, totalRecords = _q === void 0 ? 0 : _q, onPagination = _a.onPagination, _r = _a.isTableSettings, isTableSettings = _r === void 0 ? false : _r, headerActions = _a.headerActions, onGlobalSearch = _a.onGlobalSearch;
     var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var _w = (0, react_1.useState)({}), columnsSearch = _w[0], setColumnsSearch = _w[1];
+    var _s = (0, react_1.useState)({}), columnsSearch = _s[0], setColumnsSearch = _s[1];
     //   useEffect(() => {
     //   if (onColumnFilter) {
     //     onColumnFilter(columnsSearch);
     //   }
     // }, [columnsSearch, onColumnFilter]);
     var isServerPagination = paginationMode === "server";
-    var _x = (0, usePreferences_1.useGetPreferences)({
-        baseUrl: preferencesUrl,
-        page: preferencesPage,
-        key: preferencesKey,
-        name: preferencesName,
-        authToken: authToken,
-    }), preferences = _x.preferences, loading = _x.loading;
+    var _t = (0, usePreferences_1.useGetPreferences)({
+        baseUrl: preferences.url,
+        page: preferences.page,
+        key: preferences.key,
+        name: preferences.name,
+        authToken: preferences.token,
+        orgId: preferences.orgId,
+    }), tablePreferencesData = _t.preferences, loading = _t.loading;
     var savePreferences = (0, usePreferences_1.useSavePreferences)({
-        baseUrl: preferencesUrl,
-        page: preferencesPage,
-        key: preferencesKey,
-        name: preferencesName,
-        authToken: authToken,
+        baseUrl: preferences.url,
+        page: preferences.page,
+        key: preferences.key,
+        name: preferences.name,
+        authToken: preferences.token,
     }).savePreferences;
     var isTableLoading = (0, react_1.useMemo)(function () {
         return loading || isLoading;
     }, [loading, isLoading]);
     var tablePreferences = (0, react_1.useMemo)(function () {
-        if (preferences.length) {
-            return preferences[0].json;
+        if (tablePreferencesData === null || tablePreferencesData === void 0 ? void 0 : tablePreferencesData.length) {
+            return tablePreferencesData[0].json;
         }
         return {};
-    }, [preferences]);
-    var _y = (0, useTable_1.default)({
+    }, [tablePreferencesData]);
+    var _u = (0, useTable_1.default)({
         tableBorderColor: tableBorderColor,
         data: data,
         isPagination: isPagination,
@@ -86,7 +94,7 @@ function Table(_a) {
         noOfRowsPerPage: noOfRowsPerPage,
         totalRecords: totalRecords,
         isServerPagination: isServerPagination,
-    }), tableData = _y.tableData, isContent = _y.isContent, isLink = _y.isLink, headerRefs = _y.headerRefs, columnWidths = _y.columnWidths, handleSort = _y.handleSort, handleCheckbox = _y.handleCheckbox, filteredData = _y.filteredData, startRow = _y.startRow, endRow = _y.endRow, selection = _y.selection, columnsSort = _y.columnsSort, currentPage = _y.currentPage, pages = _y.pages, rowsPerPage = _y.rowsPerPage, handlePageSizeChange = _y.handlePageSizeChange, setCurrentPage = _y.setCurrentPage, columnsList = _y.columnsList, handleColumnPreferences = _y.handleColumnPreferences;
+    }), tableData = _u.tableData, isContent = _u.isContent, isLink = _u.isLink, headerRefs = _u.headerRefs, columnWidths = _u.columnWidths, handleSort = _u.handleSort, handleCheckbox = _u.handleCheckbox, filteredData = _u.filteredData, startRow = _u.startRow, endRow = _u.endRow, selection = _u.selection, columnsSort = _u.columnsSort, currentPage = _u.currentPage, pages = _u.pages, rowsPerPage = _u.rowsPerPage, handlePageSizeChange = _u.handlePageSizeChange, setCurrentPage = _u.setCurrentPage, columnsList = _u.columnsList, handleColumnPreferences = _u.handleColumnPreferences;
     var _filteredData = (0, react_1.useMemo)(function () {
         return (0, table_1.searchAndSortData)(filteredData, columnsSearch);
     }, [columnsSearch, filteredData]);

package/dist/Components/Table/TableProps.d.ts

@@ -19,11 +19,6 @@ export type TableProps = {
     selections?: (string | number)[];
     onRowClick?: (row: DataObject, header: Record<string | number, string | number>) => void;
     isActionFreeze?: boolean;
-    preferencesUrl?: string;
-    preferencesKey?: string;
-    preferencesName?: string;
-    preferencesPage?: string;
-    authToken?: string;
     paginationMode?: "client" | "server";
     noOfRowsPerPage?: number;
     totalRecords?: number;
@@ -32,6 +27,14 @@ export type TableProps = {
     headerActions?: HeaderActionsProps;
     onGlobalSearch?: (searchVal: string) => void;
     onColumnFilter?: (filters: Record<string, any>) => void;
+    preferences?: {
+        url: string;
+        token: string;
+        key?: string;
+        name?: string;
+        page?: string;
+        orgId?: string;
+    };
 };
 export type HeaderActionsProps = {
     isDelete?: {

package/dist/Hooks/usePreferences.d.ts

@@ -4,6 +4,7 @@ type PreferencesProps = {
     page?: string;
     name?: string;
     authToken?: string;
+    orgId?: string;
 };
 type PreferencesResponseProps = {
     json: Record<string, any>;
@@ -12,11 +13,11 @@ type PreferencesResponseProps = {
     page: string;
     preference_id: string;
 };
-declare const useGetPreferences: ({ baseUrl, key, page, name, authToken, }: PreferencesProps) => {
+declare const useGetPreferences: ({ baseUrl, key, page, name, authToken, orgId, }: PreferencesProps) => {
     preferences: PreferencesResponseProps[];
     loading: boolean;
 };
-declare const useSavePreferences: ({ baseUrl, key, page, name, authToken, }: PreferencesProps) => {
+declare const useSavePreferences: ({ baseUrl, key, page, name, authToken, orgId, }: PreferencesProps) => {
     savePreferences: (data?: Record<string, any>) => void;
     loading: boolean;
     error: null;

package/dist/Hooks/usePreferences.js

@@ -3,8 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSavePreferences = exports.useGetPreferences = void 0;
 var react_1 = require("react");
 var constructUrl = function (_a) {
-    var baseUrl = _a.baseUrl, key = _a.key, page = _a.page, name = _a.name;
+    var baseUrl = _a.baseUrl, key = _a.key, page = _a.page, name = _a.name, orgId = _a.orgId;
     var params = new URLSearchParams();
+    if (orgId) {
+        params.append("orgId", orgId);
+    }
     if (page) {
         params.append("page", page);
     }
@@ -18,15 +21,15 @@ var constructUrl = function (_a) {
     return "".concat(baseUrl).concat(queryString ? "?".concat(queryString) : "");
 };
 var useGetPreferences = 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;
-    var _g = (0, react_1.useState)([]), preferences = _g[0], setPreferences = _g[1];
-    var _h = (0, react_1.useState)(false), loading = _h[0], setLoading = _h[1];
+    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)([]), preferences = _h[0], setPreferences = _h[1];
+    var _j = (0, react_1.useState)(false), loading = _j[0], setLoading = _j[1];
     (0, react_1.useEffect)(function () {
         if (!baseUrl) {
             return;
         }
         setLoading(true);
-        var url = constructUrl({ baseUrl: baseUrl, key: key, page: page, name: name });
+        var url = constructUrl({ baseUrl: baseUrl, key: key, page: page, name: name, orgId: orgId });
         fetch(url, {
             headers: {
                 Authorization: authToken,
@@ -42,15 +45,15 @@ var useGetPreferences = function (_a) {
 };
 exports.useGetPreferences = useGetPreferences;
 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;
-    var _g = (0, react_1.useState)(false), loading = _g[0], setLoading = _g[1];
-    var _h = (0, react_1.useState)(null), error = _h[0], setError = _h[1];
+    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) {
         if (data === void 0) { data = {}; }
         if (!baseUrl)
             return;
         setLoading(true);
-        fetch(baseUrl, {
+        fetch("".concat(baseUrl, "?orgId=").concat(orgId), {
             method: "POST",
             headers: {
                 Authorization: authToken,

package/package.json

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