@inceptionbg/iui 2.0.25 → 2.0.27

package/src/utils/tableUtils.ts

@@ -1,130 +1,130 @@
-import type { IAnyObject } from '../types/IBasic';
-import type {
-  IReportTemplate,
-  IReportTemplateFilterValue,
-  ITableColumn,
-  ITableColumnsData,
-} from '../types/ITable';
-
-// FILTERS
-export const getActiveFilterNumber = (obj: IAnyObject) => Object.keys(obj).length;
-
-// COLUMNS
-export const getVisibleColumnsIds = (tableCols: ITableColumn[], isPrint?: boolean) =>
-  tableCols.reduce(
-    (arr: string[], col) =>
-      col.hidden ||
-      col.unavailable ||
-      (isPrint && ['select', 'icons', 'actions'].includes(col.id))
-        ? arr
-        : arr.concat(col.id),
-    []
-  );
-
-export const getVisibleColumnsFromList = (
-  tableCols: ITableColumn[],
-  visibleColumns: string[]
-) =>
-  tableCols
-    .map(e =>
-      visibleColumns.includes(e.id) ? { ...e, hidden: false } : { ...e, hidden: true }
-    )
-    .sort((e, f) =>
-      visibleColumns.indexOf(e.id) < visibleColumns.indexOf(f.id) ? -1 : 1
-    );
-
-export const getPrintColumns = (tableCols: ITableColumn[]) =>
-  tableCols.reduce(
-    (arr: string[], col) => (col.hidden || col.unavailable ? arr : arr.concat(col.id)),
-    []
-  );
-
-// TEMPLATES
-export const convertSearchToReportTemplateFilter = (search: IAnyObject) =>
-  Object.entries(search)
-    .map(e =>
-      typeof e[1] === 'object'
-        ? Array.isArray(e[1])
-          ? { filter: e[0], type: 'ARRAY', value: JSON.stringify(e[1]) }
-          : {
-              filter: e[0],
-              type: 'OBJECT',
-              value: e[1].value,
-              name: e[1].label as string,
-              // value: e[1].uuid,
-              // name: (e[1].label ?? e[1].name) as string,
-            }
-        : {
-            filter: e[0],
-            type: typeof e[1] === 'boolean' ? 'BOOLEAN' : 'STRING',
-            value: e[1],
-          }
-    )
-    .filter(
-      e => ![null, undefined, ''].includes(e.value)
-    ) as IReportTemplateFilterValue[];
-
-export const convertReportTemplateFilterToSearch = (
-  filterValues: IReportTemplateFilterValue[]
-) => {
-  let search: any = {};
-  filterValues?.forEach(template => {
-    search[template.filter] =
-      template.type === 'OBJECT'
-        ? {
-            value: template.value,
-            label: template.name,
-          }
-        : template.type === 'ARRAY'
-          ? JSON.parse(template.value)
-          : template.type === 'BOOLEAN'
-            ? template.value === 'true'
-            : template.value;
-  });
-  return search;
-};
-
-export const setTemplateData = ({
-  template,
-  columnData,
-  setFilters,
-  setSort,
-}: {
-  template: IReportTemplate;
-  columnData?: ITableColumnsData;
-  setFilters?: (filters: IAnyObject) => void;
-  setSort?: (sort: string) => void;
-}) => {
-  const newFilters =
-    template.filterValues && convertReportTemplateFilterToSearch(template.filterValues);
-  newFilters && setFilters?.(newFilters);
-  columnData &&
-    columnData.setColumns?.(
-      getVisibleColumnsFromList(columnData.defaultColumns, template.columns)
-    );
-  template.sorts && setSort && setSort(template.sorts[0]);
-};
-
-export const scrollToRow = (uuid: string) => {
-  const rowElement = document.querySelector(`[data-id="${uuid}"]`) as HTMLTableRowElement;
-
-  if (!rowElement) {
-    return;
-  }
-
-  // rowElement.scrollIntoView({
-  //   behavior: 'smooth',
-  //   block: 'nearest',
-  // });
-
-  const tableContainer = rowElement?.closest('.table-container') as HTMLElement;
-  const tableHeadHeight =
-    tableContainer.querySelector('thead')?.getBoundingClientRect().height || 0;
-  const rowTop = rowElement.offsetTop;
-  const scrollTopTarget = Math.max(0, rowTop - tableHeadHeight);
-
-  tableContainer.scrollTo({
-    top: scrollTopTarget,
-    behavior: 'smooth',
-  });
-};
+import type { IAnyObject } from '../types/IBasic';
+import type {
+  IReportTemplate,
+  IReportTemplateFilterValue,
+  ITableColumn,
+  ITableColumnsData,
+} from '../types/ITable';
+
+// FILTERS
+export const getActiveFilterNumber = (obj: IAnyObject) => Object.keys(obj).length;
+
+// COLUMNS
+export const getVisibleColumnsIds = (tableCols: ITableColumn[], isPrint?: boolean) =>
+  tableCols.reduce(
+    (arr: string[], col) =>
+      col.hidden ||
+      col.unavailable ||
+      (isPrint && ['select', 'icons', 'actions'].includes(col.id))
+        ? arr
+        : arr.concat(col.id),
+    []
+  );
+
+export const getVisibleColumnsFromList = (
+  tableCols: ITableColumn[],
+  visibleColumns: string[]
+) =>
+  tableCols
+    .map(e =>
+      visibleColumns.includes(e.id) ? { ...e, hidden: false } : { ...e, hidden: true }
+    )
+    .sort((e, f) =>
+      visibleColumns.indexOf(e.id) < visibleColumns.indexOf(f.id) ? -1 : 1
+    );
+
+export const getPrintColumns = (tableCols: ITableColumn[]) =>
+  tableCols.reduce(
+    (arr: string[], col) => (col.hidden || col.unavailable ? arr : arr.concat(col.id)),
+    []
+  );
+
+// TEMPLATES
+export const convertSearchToReportTemplateFilter = (search: IAnyObject) =>
+  Object.entries(search)
+    .map(e =>
+      typeof e[1] === 'object'
+        ? Array.isArray(e[1])
+          ? { filter: e[0], type: 'ARRAY', value: JSON.stringify(e[1]) }
+          : {
+              filter: e[0],
+              type: 'OBJECT',
+              value: e[1].value,
+              name: e[1].label as string,
+              // value: e[1].uuid,
+              // name: (e[1].label ?? e[1].name) as string,
+            }
+        : {
+            filter: e[0],
+            type: typeof e[1] === 'boolean' ? 'BOOLEAN' : 'STRING',
+            value: e[1],
+          }
+    )
+    .filter(
+      e => ![null, undefined, ''].includes(e.value)
+    ) as IReportTemplateFilterValue[];
+
+export const convertReportTemplateFilterToSearch = (
+  filterValues: IReportTemplateFilterValue[]
+) => {
+  let search: any = {};
+  filterValues?.forEach(template => {
+    search[template.filter] =
+      template.type === 'OBJECT'
+        ? {
+            value: template.value,
+            label: template.name,
+          }
+        : template.type === 'ARRAY'
+          ? JSON.parse(template.value)
+          : template.type === 'BOOLEAN'
+            ? template.value === 'true'
+            : template.value;
+  });
+  return search;
+};
+
+export const setTemplateData = ({
+  template,
+  columnData,
+  setFilters,
+  setSort,
+}: {
+  template: IReportTemplate;
+  columnData?: ITableColumnsData;
+  setFilters?: (filters: IAnyObject) => void;
+  setSort?: (sort: string) => void;
+}) => {
+  const newFilters =
+    template.filterValues && convertReportTemplateFilterToSearch(template.filterValues);
+  newFilters && setFilters?.(newFilters);
+  columnData &&
+    columnData.setColumns?.(
+      getVisibleColumnsFromList(columnData.defaultColumns, template.columns)
+    );
+  template.sorts && setSort && setSort(template.sorts[0]);
+};
+
+export const scrollToRow = (uuid: string) => {
+  const rowElement = document.querySelector(`[data-id="${uuid}"]`) as HTMLTableRowElement;
+
+  if (!rowElement) {
+    return;
+  }
+
+  // rowElement.scrollIntoView({
+  //   behavior: 'smooth',
+  //   block: 'nearest',
+  // });
+
+  const tableContainer = rowElement?.closest('.table-container') as HTMLElement;
+  const tableHeadHeight =
+    tableContainer.querySelector('thead')?.getBoundingClientRect().height || 0;
+  const rowTop = rowElement.offsetTop;
+  const scrollTopTarget = Math.max(0, rowTop - tableHeadHeight);
+
+  tableContainer.scrollTo({
+    top: scrollTopTarget,
+    behavior: 'smooth',
+  });
+};

package/src/utils/toasts.ts

@@ -1,6 +1,6 @@
-import { toast } from 'react-toastify';
-
-export const toastSuccess = (message: string) => toast.success(message);
-export const toastError = (message: string) => toast.error(message, { autoClose: false });
-// export const toastInfo = (message: string) => toast.info(message);
-// export const toastWarn = (message: string) => toast.warn(message);
+import { toast } from 'react-toastify';
+
+export const toastSuccess = (message: string) => toast.success(message);
+export const toastError = (message: string) => toast.error(message, { autoClose: false });
+// export const toastInfo = (message: string) => toast.info(message);
+// export const toastWarn = (message: string) => toast.warn(message);

package/src/utils/urlUtils.ts

@@ -1,4 +1,4 @@
-export const parseUrlSearch = (search: string) => {
-  const urlSearchParams = new URLSearchParams(search);
-  return Object.fromEntries(urlSearchParams.entries());
-};
+export const parseUrlSearch = (search: string) => {
+  const urlSearchParams = new URLSearchParams(search);
+  return Object.fromEntries(urlSearchParams.entries());
+};