@inceptionbg/iui 2.0.4 → 2.0.6

package/src/utils/TableUtils.ts

@@ -0,0 +1,130 @@
+import { IAnyObject } from '../types/IBasic';
+import {
+  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,
+  columnsData,
+  setFilters,
+  setSort,
+}: {
+  template: IReportTemplate;
+  columnsData?: ITableColumnsData;
+  setFilters?: (filters: IAnyObject) => void;
+  setSort?: (sort: string) => void;
+}) => {
+  const newFilters =
+    template.filterValues && convertReportTemplateFilterToSearch(template.filterValues);
+  newFilters && setFilters && setFilters(newFilters);
+  template.columns &&
+    columnsData?.setColumns(
+      getVisibleColumnsFromList(columnsData.columns, 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

@@ -0,0 +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);

package/src/utils/UrlUtils.ts

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

package/src/utils/fileUtils.ts

@@ -0,0 +1,176 @@
+import i18next from 'i18next';
+import { IBooleanObject } from '../types/IBasic';
+import { lsGet } from './LocalStorageHelper';
+import { convertBooleanObjectToArray } from './ObjectUtils';
+import { toastError } from './Toasts';
+
+export const sizeInBytesPretty = (bytes?: number) => {
+  if (bytes === 0) {
+    return '0.00 B';
+  } else if (bytes === undefined) {
+    return '/';
+  }
+  const e = Math.floor(Math.log(bytes) / Math.log(1024));
+  return (bytes / Math.pow(1024, e)).toFixed(2) + ' ' + ' KMGTP'.charAt(e) + 'B';
+};
+
+export const dataURLtoFile = (dataUrl: string, filename: string, fileExt: string) => {
+  const arr = dataUrl.split(',');
+  const mime = arr[0].match(/:(.*?);/)![1];
+  const bstr = window.atob(arr[1]);
+  let n = bstr.length;
+  const u8arr = new Uint8Array(n);
+
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+
+  return new File([u8arr], `${filename}.${fileExt}`, { type: mime });
+};
+
+export const getExtensionFromFilename = (filename?: string) =>
+  filename?.split('.').pop()?.toLowerCase() ?? '';
+
+export const calculateFilesSize = (filesList: any[], selectedFiles: IBooleanObject) =>
+  filesList.reduce(
+    (prev, curr) =>
+      convertBooleanObjectToArray(selectedFiles).includes(curr.uuid)
+        ? prev + curr.storedFile.lengthInBytes
+        : prev,
+    0
+  );
+
+export const downloadDocumentFile = (
+  fileName: string,
+  url: string,
+  type: 'pdf' | 'xml' | 'xlsx',
+  apiUrl?: string,
+  search?: any
+) => {
+  let req = new XMLHttpRequest();
+  const params =
+    search &&
+    Object.keys(search)
+      .map(key => key + '=' + search[key])
+      .join('&');
+
+  req.open(
+    'GET',
+    `${
+      apiUrl
+      //  || api.apiUrl
+    }${url}${params ? `?${params}` : ''}`,
+    true
+  );
+  req.setRequestHeader('Authorization', 'Bearer ' + lsGet('token'));
+  req.responseType = 'blob';
+
+  req.onload = function () {
+    if (req.status === 200) {
+      var blob = req.response;
+      var link = document.createElement('a');
+      link.href = window.URL.createObjectURL(blob);
+      link.download = `${fileName}.${type}`;
+      link.click();
+    } else toastError(i18next.t('ErrorMessage'));
+  };
+
+  req.send();
+};
+
+export const getFileFromUrl = (url: string, name: string) =>
+  fetch(url)
+    .then(res => res.blob())
+    .then(data => {
+      const file = new File([data], name, {
+        type: data.type || 'image/png',
+      });
+      return file;
+    });
+
+export const getBase64FromFile = (file: Blob): Promise<string> =>
+  new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result as string);
+    reader.onerror = () => reject(new Error('Failed to read file'));
+  });
+
+export const getBase64FromUrl = (url: string): Promise<string> =>
+  getFileFromUrl(url, url).then(file => {
+    if (file) {
+      return getBase64FromFile(file);
+    }
+    throw new Error('Failed to create file from URL');
+  });
+
+export const splitBase64File = (base64: string, type?: 'img') => {
+  const regex =
+    type === 'img' ? /^data:([a-z]+\/[a-z]+);base64,(.+)$/ : /^data:(.+);base64,(.+)$/;
+  const match = base64.match(regex);
+  if (match) {
+    const contentType = match[1];
+    const base64Data = match[2];
+    return { contentType, base64Data };
+  } else {
+    throw new Error(type === 'img' ? 'Invalid base64 image format' : 'Invalid file');
+  }
+};
+
+export const rotateBase64Image = (
+  base64data: string,
+  angle: number,
+  callback: (data: string) => void
+) => {
+  const canvas = document.createElement('canvas');
+  let ctx = canvas.getContext('2d');
+  let image = new Image();
+
+  image.onload = function () {
+    canvas.width = angle % 180 === 0 ? image.width : image.height;
+    canvas.height = angle % 180 === 0 ? image.height : image.width;
+
+    ctx?.translate(canvas.width / 2, canvas.height / 2);
+    ctx?.rotate((angle * Math.PI) / 180);
+    ctx?.drawImage(image, image.width / -2, image.height / -2);
+
+    callback(canvas.toDataURL());
+  };
+  image.src = base64data;
+};
+
+export function downloadFile({
+  url,
+  fileName,
+  onSuccess,
+  setIsLoading,
+}: {
+  url: string;
+  fileName: string;
+  setIsLoading?: (isLoading: boolean) => void;
+  onSuccess?: () => void;
+}) {
+  setIsLoading?.(true);
+  //Create XMLHTTP Request.
+  const req = new XMLHttpRequest();
+  req.open('GET', url, true);
+  req.responseType = 'blob';
+  req.onload = function () {
+    //Convert the Byte Data to BLOB object.
+    const blob = new Blob([req.response], { type: 'application/octetstream' });
+    const url2 = window.URL || window.webkitURL;
+    const link = url2.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.setAttribute('download', fileName);
+    a.setAttribute('href', link);
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+  };
+  req.onloadend = function () {
+    console.log('Finished downloading file');
+    onSuccess?.();
+    setIsLoading?.(false);
+  };
+  req.send();
+}

package/src/utils/i18n/i18nIUICyrilic.ts

@@ -0,0 +1,90 @@
+export const i18nIUICyrilic = {
+  ////// BASIC //////
+  // Accept: 'Прихвати',
+  Actions: 'Акције',
+  Active: 'Активан',
+  AddInput: 'Унеси',
+  Back: 'Назад',
+  Cancel: 'Откажи',
+  Change: 'Промени',
+  Choose: 'Изабери',
+  Close: 'Затвори',
+  Confirm: 'Потврди',
+  Create: 'Креирај',
+  Delete: 'Избриши',
+  Edit: 'Измени',
+  FreeText: 'Слободан унос',
+  from: 'од',
+  Group: 'Група',
+  Groups: 'Групе',
+  Next: 'Даље',
+  No: 'Не',
+  Ok: 'У реду',
+  Options: 'Опције',
+  or: 'или',
+  Save: 'Сачувај',
+  Search: 'Претрага',
+  Selected: 'Означено',
+  Send: 'Пошаљи',
+  Sending: 'Слање',
+  Title: 'Наслов',
+  to: 'до',
+  Yes: 'Да',
+
+  ////// TABLE //////
+  RefreshData: 'Освежи податке',
+  allResults: 'Сви',
+  Columns: 'Колоне',
+  DragDropListsInfo:
+    'Одаберите колоне за приказивање превлачењем са једне листе на другу',
+  Filter: 'Филтери',
+  HiddenColumns: 'Сакривене колоне',
+  NoResults: 'Нема резултата',
+  of: 'од',
+  page: 'Страна',
+  Print: 'Одштампај',
+  PrintDate: 'Датум извештаја',
+  PrintExport: 'Штампа/Извоз',
+  ResetFilter: 'Ресетуј филтере',
+  rowsPerPage: 'Број редова',
+  SaveXlsx: 'Сачувај XЛСX',
+  SelectedColumns: 'Одабране колоне',
+  Sort: 'Сортирање',
+  AddItem: 'Додај ставку',
+  Templates: 'Шаблони',
+  SelectTemplate: 'Изабери шаблон',
+  TemplateList: 'Листа шаблона',
+  PublicTemplate: 'Јавни шаблон',
+  PublicTemplates: 'Јавни шаблони',
+  DefaultTemplate: 'Основни шаблони',
+  RemoveFiltersAndLook: 'Поништи изглед и филтере',
+  CreateTemplateLong: 'Сачувај тренутни изглед  као шаблон',
+  CreateDefaultTemplate: 'Сачувај тренутни изглед као подразумевани',
+  CreateTemplate: 'Сачувај шаблон',
+  DeleteTemplateDesc: 'Да ли сте сигурни да желите да избришете шаблон?',
+  DeleteTemplateTitle: 'Брисање шаблона',
+
+  FastLinks: 'Брзи приступ',
+
+  ////// INPUTS //////
+  CharMin: 'Минималан број карактера: {{from}}',
+  CharRange: 'Број карактера од {{from}} до {{-to}}',
+  CharNumber: 'Број карактера {{number}}',
+
+  ////// TOAST //////
+  Pending: 'У току',
+  Successfully: 'Успешно',
+  DeletedSuccessfully: 'Успешно избрисано',
+  ErrorMessage: 'Дошло је до грешке!',
+  TryAgain: 'Покушај поново',
+
+  ////// PAGES //////
+  ReturnToHomepage: 'Повратак на почетну страну',
+  FooterText: `<strong>Инцеп️тион ЦА</strong> је сертификационо тело <strong>акредитовано</strong> за услугу <strong>електронске доставе</strong> и <strong>издавања временских жигова.<strong>`,
+  PageNotFound: 'Страница није пронађена',
+  PageNotFoundInfo: `Страница коју тражите није пронађена или је премештена.
+    Можете се вратити на почетну страну.`,
+  NoAccessPage: 'Немате приступ страници',
+  NoAccessPageInfo: `Немате привилегију за приступ овој страници.
+  За више информација и доделу приступа, обратите се администратору.`,
+};

package/src/utils/i18n/i18nIUILatin.ts

@@ -0,0 +1,90 @@
+export const i18nIUILatin = {
+  ////// BASIC //////
+  // Accept: 'Prihvati',
+  HomePage: 'Početna',
+
+  Actions: 'Akcije',
+  Active: 'Aktivan',
+  AddInput: 'Unesi',
+  Back: 'Nazad',
+  Cancel: 'Otkaži',
+  Change: 'Promeni',
+  Choose: 'Izaberi',
+  Close: 'Zatvori',
+  Confirm: 'Potvrdi',
+  Create: 'Kreiraj',
+  Delete: 'Izbriši',
+  Edit: 'Izmeni',
+  FreeText: 'Slobodan unos',
+  from: 'od',
+  Group: 'Grupa',
+  Groups: 'Grupe',
+  Next: 'Dalje',
+  No: 'Ne',
+  Ok: 'U redu',
+  Options: 'Opcije',
+  or: 'ili',
+  Save: 'Sačuvaj',
+  Search: 'Pretraga',
+  Selected: 'Označeno',
+  Send: 'Pošalji',
+  Sending: 'Slanje',
+  Title: 'Naslov',
+  to: 'do',
+  Yes: 'Da',
+
+  ////// TABLE //////
+  RefreshData: 'Osveži podatke',
+  allResults: 'Svi',
+  Columns: 'Kolone',
+  DragDropListsInfo:
+    'Odaberite kolone za prikazivanje prevlačenjem sa jedne liste na drugu',
+  Filter: 'Filteri',
+  HiddenColumns: 'Sakrivene kolone',
+  NoResults: 'Nema rezultata',
+  of: 'od',
+  page: 'Strana',
+  Print: 'Odštampaj',
+  PrintDate: 'Datum izveštaja',
+  PrintExport: 'Štampa/Izvoz',
+  ResetFilter: 'Resetuj filtere',
+  rowsPerPage: 'Broj redova',
+  SaveXlsx: 'Sačuvaj XLSX',
+  SelectedColumns: 'Odabrane kolone',
+  Sort: 'Sortiranje',
+  AddItem: 'Dodaj stavku',
+  Templates: 'Šabloni',
+  SelectTemplate: 'Izaberi šablon',
+  TemplateList: 'Lista šablona',
+  PublicTemplate: 'Javni šablon',
+  PublicTemplates: 'Javni šabloni',
+  DefaultTemplate: 'Osnovni šabloni',
+  RemoveFiltersAndLook: 'Poništi izgled i filtere',
+  CreateTemplateLong: 'Sačuvaj trenutni izgled  kao šablon',
+  CreateDefaultTemplate: 'Sačuvaj trenutni izgled kao podrazumevani',
+  CreateTemplate: 'Sačuvaj šablon',
+  DeleteTemplateDesc: 'Da li ste sigurni da želite da izbrišete šablon?',
+  DeleteTemplateTitle: 'Brisanje šablona',
+
+  FastLinks: 'Brzi pristup',
+
+  ////// INPUTS //////
+  CharMin: 'Minimalan broj karaktera: {{from}}',
+  CharRange: 'Broj karaktera od {{from}} do {{-to}}',
+  CharNumber: 'Broj karaktera {{number}}',
+
+  ////// TOAST //////
+  Successfully: 'Uspešno',
+  DeletedSuccessfully: 'Uspešno izbrisano',
+  ErrorMessage: 'Došlo je do greške!',
+
+  ////// PAGES //////
+  ReturnToHomepage: 'Povratak na početnu stranu',
+  FooterText: `<strong>Incep️tion CA</strong> je sertifikaciono telo <strong>akreditovano</strong> za uslugu <strong>elektronske dostave</strong> i <strong>izdavanja vremenskih žigova.<strong>`,
+  PageNotFound: 'Stranica nije pronadjena',
+  PageNotFoundInfo: `Stranica koju tražite nije pronadjena ili je premeštena.
+  Možete se vratiti na početnu stranu.`,
+  NoAccessPage: 'Nemate pristup stranici',
+  NoAccessPageInfo: `Nemate privilegiju za pristup ovoj stranici.
+  Za više informacija i dodelu pristupa, obratite se administratoru.`,
+};

package/src/utils/i18n/i18nIUIMe.ts

@@ -0,0 +1,88 @@
+export const i18nIUIMe = {
+  ////// BASIC //////
+  Actions: 'Akcije',
+  Active: 'Aktivan',
+  AddInput: 'Unesi',
+  Back: 'Nazad',
+  Cancel: 'Otkaži',
+  Change: 'Promijeni',
+  Choose: 'Izaberi',
+  Close: 'Zatvori',
+  Confirm: 'Potvrdi',
+  Create: 'Kreiraj',
+  Delete: 'Izbriši',
+  Edit: 'Izmijeni',
+  FreeText: 'Slobodan unos',
+  from: 'od',
+  Group: 'Grupa',
+  Groups: 'Grupe',
+  Next: 'Dalje',
+  No: 'Ne',
+  Ok: 'U redu',
+  Options: 'Opcije',
+  or: 'ili',
+  Save: 'Sačuvaj',
+  Search: 'Pretraga',
+  Selected: 'Odabrano',
+  Send: 'Pošalji',
+  Sending: 'Slanje',
+  Title: 'Naslov',
+  to: 'do',
+  Yes: 'Da',
+
+  ////// TABLE //////
+  RefreshData: 'Osvježi podatke',
+  allResults: 'Svi',
+  Columns: 'Kolone',
+  DragDropListsInfo: 'Izaberite kolone za prikaz prevlačenjem sa jedne liste na drugu',
+  Filter: 'Filteri',
+  HiddenColumns: 'Skrivene kolone',
+  NoResults: 'Nema rezultata',
+  of: 'od',
+  page: 'Strana',
+  Print: 'Odštampaj',
+  PrintDate: 'Datum izvještaja',
+  PrintExport: 'Štampa/Izvoz',
+  ResetFilter: 'Resetuj filtere',
+  rowsPerPage: 'Broj redova',
+  SaveXlsx: 'Sačuvaj XLSX',
+  SelectedColumns: 'Odabrane kolone',
+  Sort: 'Sortiranje',
+  AddItem: 'Dodaj stavku',
+  Templates: 'Šabloni',
+  SelectTemplate: 'Izaberi šablon',
+  TemplateList: 'Lista šablona',
+  PublicTemplate: 'Javni šablon',
+  PublicTemplates: 'Javni šabloni',
+  DefaultTemplate: 'Podrazumijevani šabloni',
+  RemoveFiltersAndLook: 'Poništi izgled i filtere',
+  CreateTemplateLong: 'Sačuvaj trenutni izgled kao šablon',
+  CreateDefaultTemplate: 'Sačuvaj trenutni izgled kao podrazumijevani',
+  CreateTemplate: 'Sačuvaj šablon',
+  DeleteTemplateDesc: 'Da li ste sigurni da želite da izbrišete šablon?',
+  DeleteTemplateTitle: 'Brisanje šablona',
+
+  FastLinks: 'Brzi linkovi',
+
+  ////// INPUTS //////
+  CharMin: 'Minimalan broj karaktera: {{from}}',
+  CharRange: 'Broj karaktera od {{from}} do {{-to}}',
+  CharNumber: 'Broj karaktera {{number}}',
+
+  ////// TOAST //////
+  Pending: 'U toku',
+  Successfully: 'Uspješno',
+  DeletedSuccessfully: 'Uspješno izbrisano',
+  ErrorMessage: 'Došlo je do greške!',
+  TryAgain: 'Pokušajte ponovo',
+
+  ////// PAGES //////
+  ReturnToHomepage: 'Povratak na početnu stranicu',
+  FooterText: '',
+  PageNotFound: 'Stranica nije pronađena',
+  PageNotFoundInfo: `Stranica koju tražite nije pronađena ili je premještena.
+  Možete se vratiti na početnu stranicu.`,
+  NoAccessPage: 'Nemate pristup stranici',
+  NoAccessPageInfo: `Nemate privilegiju za pristup ovoj stranici.
+  Za više informacija i dodjelu pristupa, obratite se administratoru.`,
+};

package/src/utils/icons.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { faCircleCheck } from '../assets/icons/regular/faCircleCheck';
+import { faCircleExclamation } from '../assets/icons/regular/faCircleExclamation';
+import { faCircleInfo } from '../assets/icons/regular/faCircleInfo';
+import { faTriangleExclamation } from '../assets/icons/regular/faTriangleExclamation';
+import { IInfoType } from '../types/IInfo';
+
+export const infoIcons: Record<IInfoType, IconDefinition> = {
+  info: faCircleInfo,
+  success: faCircleCheck,
+  warning: faTriangleExclamation,
+  danger: faCircleExclamation,
+};

package/tsconfig.icons.json

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/assets/icons"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "rootDir": "src",
+    "sourceMap": true,
+    "moduleResolution": "node",
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "paths": {
+      "react": ["./node_modules/@types/react"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "idea", "dist"]
+}