@inceptionbg/iui 2.0.11 → 2.0.13

package/src/types/ITable.ts

@@ -1,13 +1,12 @@
 import { Dispatch, MouseEvent, ReactElement, ReactNode, SetStateAction } from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { IAnyObject, ISimpleObject } from './IBasic';
 import { ITableKeyboardActionsBase } from './IKeyboard';
+import { IPopupControl } from './IPopup';
 
-export interface ITable {
+export interface ITable<T = unknown> {
   columns: ITableColumn[];
   // setColumns?: (data: ITableColumn[]) => void;
   // withColumnsSearch?: boolean;
-  customHeader?: ITableColumn[][];
   data: ITableDataItem[];
   dataActions?: {
     edit?: {
@@ -23,11 +22,6 @@ export interface ITable {
       hasAccess: boolean;
     }[];
   };
-  sumRows?: ITableDataItem[];
-  isLoading?: boolean;
-
-  headerWrap?: boolean;
-  selectedRowUuid?: string;
   rowSelect?: {
     selectedRows: Set<string>;
     setSelectedRows: Dispatch<SetStateAction<Set<string>>>;
@@ -35,14 +29,28 @@ export interface ITable {
   };
   filterData?: ITableFilterData;
   sortData?: ITableSortData;
-  // printData?: IPrintData;
-  // customPrintData?: ICustomPrintData;
-  // additionsalOptions?: ReactNode;
+  templateData?: {
+    identifier: string;
+    setSearch?: (search: string) => void;
+    items: IReportTemplate[];
+    isLoading?: boolean;
+    // data: IReportTemplateData;
+    // setTemplateName?: (templateName: string) => void;
+    // onClearFilters: () => void;
+    allowPublicCreate?: boolean;
+  };
+  printData?: IPrintData<T>;
+  sumRows?: ITableDataItem[];
   editable?: ITableEdit;
+  selectedRowUuid?: string;
   keyboard?: {
     enabled: boolean;
     actions: ITableKeyboardActionsBase;
   };
+  headerWrap?: boolean;
+  customHeader?: ITableColumn[][];
+  // customPrintData?: ICustomPrintData;
+  // additionsalOptions?: ReactNode;
   footer?: {
     paginationControl?: IPaginationControl;
     customPagination?: {
@@ -51,22 +59,12 @@ export interface ITable {
     };
     totalRows?: number;
     // noTotalRows?: boolean;
-    footerAction?: {
-      icon?: IconDefinition;
-      onClick: () => void;
-    };
+    refetch?: () => void;
   };
-
+  isLoading?: boolean;
   className?: string;
   rowHeight?: 'xs' | 's' | 'm';
   maxHeight?: string;
-  // templates?: {
-  //   identifier: string;
-  //   data: IReportTemplateData;
-  //   setTemplateName?: (templateName: string) => void;
-  //   onClearFilters: () => void;
-  //   allowPublicCreate?: boolean;
-  // };
 }
 
 export interface ITableColumn {
@@ -87,6 +85,7 @@ export interface ITableColumn {
     desc: string;
     label: string;
   };
+  notFirstCell?: boolean;
   // code?: string;
   className?: string;
 }
@@ -193,19 +192,30 @@ export interface IBasePrintData {
   };
   saveXlsx?: () => void;
 }
-export interface ICustomPrintData extends IBasePrintData {
-  content: ReactNode;
-}
-export interface IPrintData extends IBasePrintData {
+
+export type IGetPrintData<T> = (props: {
+  pagination: IPagination;
+  noTotalRows?: boolean;
+}) => Promise<{ items: T[]; totalRows?: number }>;
+
+export interface IPrintData<T = unknown> extends IBasePrintData {
+  printPopupControl: IPopupControl;
+  customHeader?: ITableColumn[][];
+  excludeColumnIds?: string[];
+  isLoading?: boolean;
+  progress?: number;
+  tableData?: ITableDataItem[];
+  items?: T[];
+  paginationControl?: IPaginationControl;
+  totals?: ITableDataItem;
   optionalNode?: {
     aboveTable?: ReactNode;
     bellowTable?: ReactNode;
   };
-  customHeader?: ITableColumn[][];
-  excludeColumns?: string[];
-  getPrintData: (pagination: IPagination) => Promise<{ data: any[]; totalRows?: number }>;
-  formatPrintData: (data: any) => ITableDataItem[];
-  totals?: ITableDataItem;
+}
+
+export interface ICustomPrintData extends IBasePrintData {
+  content: ReactNode;
 }
 ///////////////
 

package/src/utils/i18n/i18nIUICyrilic.ts

@@ -13,7 +13,7 @@ export const i18nIUICyrilic = {
   Close: 'Затвори',
   Confirm: 'Потврди',
   Create: 'Креирај',
-  Delete: 'Избриши',
+  Delete: 'Обриши',
   Edit: 'Измени',
   FreeText: 'Слободан унос',
   from: 'од',
@@ -32,6 +32,7 @@ export const i18nIUICyrilic = {
   Title: 'Наслов',
   to: 'до',
   Yes: 'Да',
+  LoadingProgress: 'Учитавање...',
 
   ////// TABLE //////
   RefreshData: 'Освежи податке',
@@ -39,7 +40,7 @@ export const i18nIUICyrilic = {
   Columns: 'Колоне',
   DragDropListsInfo:
     'Одаберите колоне за приказивање превлачењем са једне листе на другу',
-  TableSelect: 'Акције над изабраним елементима',
+  TableSelect: 'Акције над изабраним редовима',
   Filter: 'Филтери',
   ApplyFilters: 'Примени филтере',
   HiddenColumns: 'Сакривене колоне',

package/src/utils/i18n/i18nIUILatin.ts

@@ -13,7 +13,7 @@ export const i18nIUILatin = {
   Close: 'Zatvori',
   Confirm: 'Potvrdi',
   Create: 'Kreiraj',
-  Delete: 'Izbriši',
+  Delete: 'Obriši',
   Edit: 'Izmeni',
   FreeText: 'Slobodan unos',
   from: 'od',
@@ -32,6 +32,7 @@ export const i18nIUILatin = {
   Title: 'Naslov',
   to: 'do',
   Yes: 'Da',
+  LoadingProgress: 'Učitavanje...',
 
   ////// TABLE //////
   RefreshData: 'Osveži podatke',
@@ -39,7 +40,7 @@ export const i18nIUILatin = {
   Columns: 'Kolone',
   DragDropListsInfo:
     'Odaberite kolone za prikazivanje prevlačenjem sa jedne liste na drugu',
-  TableSelect: 'Akcije nad izabranim elementima',
+  TableSelect: 'Akcije nad izabranim redovima',
   Filter: 'Filteri',
   ApplyFilters: 'Primeni filtere',
   HiddenColumns: 'Sakrivene kolone',
@@ -55,18 +56,23 @@ export const i18nIUILatin = {
   SelectedColumns: 'Odabrane kolone',
   Sort: 'Sortiranje',
   AddItem: 'Dodaj stavku',
+  // TEMPLATES
   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',
+  ApplyTemplate: 'Primeni šablon',
+  ResetTemplate: 'Poništi šablon',
+  DeleteTemplate: 'Obriši šablon',
+  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',
+  CreateTemplate: 'Kreiraj šablon',
+  TemplateName: 'Naziv šablona',
+  // SelectTemplate: 'Izaberi šablon',
+  // TemplateList: 'Lista šablona',
+  PublicTemplate: 'Javni šablon',
+  // PublicTemplates: 'Javni šabloni',
+  // DefaultTemplate: 'Osnovni šabloni',
+  // RemoveFiltersAndLook: 'Poništi izgled i filtere',
+  // DeleteTemplateDesc: 'Da li ste sigurni da želite da izbrišete šablon?',
+  // DeleteTemplateTitle: 'Brisanje šablona',
 
   FastLinks: 'Brzi pristup',
 

package/src/utils/i18n/i18nIUIMe.ts

@@ -12,7 +12,7 @@ export const i18nIUIMe = {
   Close: 'Zatvori',
   Confirm: 'Potvrdi',
   Create: 'Kreiraj',
-  Delete: 'Izbriši',
+  Delete: 'Obriši',
   Edit: 'Izmijeni',
   FreeText: 'Slobodan unos',
   from: 'od',
@@ -31,13 +31,14 @@ export const i18nIUIMe = {
   Title: 'Naslov',
   to: 'do',
   Yes: 'Da',
+  LoadingProgress: 'Učitavanje...',
 
   ////// TABLE //////
   RefreshData: 'Osvježi podatke',
   allResults: 'Svi',
   Columns: 'Kolone',
   DragDropListsInfo: 'Izaberite kolone za prikaz prevlačenjem sa jedne liste na drugu',
-  TableSelect: 'Akcije nad izabranim elementima',
+  TableSelect: 'Akcije nad izabranim redovima',
   Filter: 'Filteri',
   ApplyFilters: 'Primijeni filtere',
   HiddenColumns: 'Skrivene kolone',

package/src/utils/icons.ts

@@ -1,4 +1,4 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import type { 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';

package/tsconfig.json

@@ -10,6 +10,8 @@
     "moduleResolution": "node",
     "forceConsistentCasingInFileNames": true,
     "skipLibCheck": true,
+    "declaration": true,
+    "declarationDir": "dist/types",
     "paths": {
       "react": ["./node_modules/@types/react"]
     }