@inceptionbg/iui 2.0.13 → 2.0.15

package/src/styles/components/_header.scss

@@ -1,8 +1,9 @@
 @use '../variables/bp';
 
 .iui-header {
-  border-bottom: var(--border);
-  background: var(--background);
+  box-shadow: var(--container-shadow);
+  background: var(--primary);
+  color: var(--text-inverse);
   height: var(--header-height);
   width: 100dvw;
   display: flex;
@@ -10,13 +11,21 @@
   justify-content: space-between;
   padding: 0 24px 0 8px;
   box-sizing: border-box;
+  z-index: 2;
   .header-button {
     height: 40px;
     width: 40px;
     padding: 8px;
     border-radius: 50px;
-    &:hover {
+    circle {
+      fill: var(--white);
+    }
+    &:hover,
+    &.active {
       background-color: var(--neutral-hover);
+      circle {
+        fill: var(--primary);
+      }
     }
   }
 }
@@ -31,12 +40,17 @@
   user-select: none;
   &:hover {
     background-color: var(--neutral-hover);
+    color: var(--primary);
   }
 }
 .modules-menu {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   padding: 8px !important;
+  top: var(--header-height) !important;
+  left: 0 !important;
+  border-top-left-radius: 0px !important;
+  border-top-right-radius: 0px !important;
   @media #{bp.$mobile} {
     grid-template-columns: 1fr;
   }
@@ -81,7 +95,7 @@
   user-select: none;
   -webkit-user-drag: none;
   .user-icon {
-    color: var(--primary);
+    color: var(--white);
     height: 36px;
     width: 36px;
   }
@@ -96,7 +110,7 @@
     }
     .org-name {
       font-size: 12px;
-      color: var(--neutral-500);
+      color: var(--neutral-200);
     }
     p {
       line-height: 1.5;
@@ -113,6 +127,13 @@
     border-radius: 50px;
   }
 }
+.header-user-menu {
+  top: var(--header-height) !important;
+  right: 0 !important;
+  left: auto !important;
+  border-top-left-radius: 0px !important;
+  border-top-right-radius: 0px !important;
+}
 
 @media #{bp.$mobile} {
   .user-info {

package/src/styles/components/_list.scss

@@ -4,9 +4,15 @@
   flex-direction: column;
   gap: 8px;
   .iui-list-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     border: var(--border);
     border-radius: 8px;
     padding: 12px 16px;
+    transition:
+      color 0.15s,
+      background-color 0.15s;
     p {
       font-size: 14px;
       line-height: 20px;
@@ -20,6 +26,11 @@
       margin-top: 4px;
       white-space: pre-line;
     }
+    .iui-list-item-actions {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
     &.disabled {
       cursor: default;
       opacity: 0.5;
@@ -29,12 +40,18 @@
       &:hover {
         background-color: var(--neutral-hover);
       }
+      &:has(.iui-icon-btn:hover) {
+        background-color: transparent;
+      }
       &.active {
-        background-color: var(--primary);
+        background-color: var(--primary) !important;
         color: var(--text-inverse);
         .iui-list-item-desc {
           color: var(--neutral-300);
         }
+        .iui-list-item-actions .iui-icon-btn:not(:hover) {
+          background-color: var(--background);
+        }
       }
     }
   }

package/src/styles/components/_page.scss

@@ -47,7 +47,7 @@
   padding: 0 1.5rem;
   min-height: 55px;
   max-height: 55px;
-  border-bottom: var(--border);
+  box-shadow: var(--container-shadow);
 
   @media #{bp.$mobileTablet} {
     .breadcrumbs {
@@ -60,4 +60,5 @@
   text-align: center;
   padding: 16px;
   font-size: 12px;
+  white-space: pre-line;
 }

package/src/styles/components/_sidebar.scss

@@ -6,7 +6,7 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  border-right: var(--border);
+  box-shadow: var(--container-shadow);
   height: calc(100dvh - var(--header-height));
   width: var(--sidebar-width);
   transition: width var(--animation);
@@ -190,7 +190,7 @@
     .item-only {
       padding-left: 15px;
       .sidebar-item-label {
-        padding-left: 6px;
+        padding-left: 8px;
       }
     }
     .sidebar-footer p {

package/src/types/ITable.ts

@@ -4,41 +4,17 @@ import { ITableKeyboardActionsBase } from './IKeyboard';
 import { IPopupControl } from './IPopup';
 
 export interface ITable<T = unknown> {
-  columns: ITableColumn[];
-  // setColumns?: (data: ITableColumn[]) => void;
-  // withColumnsSearch?: boolean;
+  columnData: ITableColumnsData;
   data: ITableDataItem[];
-  dataActions?: {
-    edit?: {
-      hasAccess: boolean;
-    };
-    delete?: {
-      onClick: (itemUuid: string) => void;
-      hasAccess: boolean;
-    };
-    actions?: {
-      label: string;
-      onClick: (item: ITableDataItem) => void;
-      hasAccess: boolean;
-    }[];
-  };
+  dataActions?: ITableDataActions;
   rowSelect?: {
     selectedRows: Set<string>;
     setSelectedRows: Dispatch<SetStateAction<Set<string>>>;
-    actions: ITableSelectedActions[];
+    actions: ITableSelectedAction[];
   };
   filterData?: ITableFilterData;
   sortData?: ITableSortData;
-  templateData?: {
-    identifier: string;
-    setSearch?: (search: string) => void;
-    items: IReportTemplate[];
-    isLoading?: boolean;
-    // data: IReportTemplateData;
-    // setTemplateName?: (templateName: string) => void;
-    // onClearFilters: () => void;
-    allowPublicCreate?: boolean;
-  };
+  templateData?: ITableTemplateData;
   printData?: IPrintData<T>;
   sumRows?: ITableDataItem[];
   editable?: ITableEdit;
@@ -116,6 +92,20 @@ export interface ITableDataItemCells {
   };
 }
 
+export interface ITableDataActions {
+  edit?: {
+    hasAccess: boolean;
+  };
+  delete?: {
+    onClick: (itemUuid: string) => void;
+    hasAccess: boolean;
+  };
+  actions?: {
+    label: string;
+    onClick: (item: ITableDataItem) => void;
+    hasAccess: boolean;
+  }[];
+}
 export interface ITableFilterData {
   filters: ITableFilter;
   customFilterIdList?: string[];
@@ -149,11 +139,12 @@ export interface ITableSort {
 }
 
 export interface ITableColumnsData {
+  defaultColumns: ITableColumn[];
   columns: ITableColumn[];
-  setColumns: (columns: ITableColumn[]) => void;
-  withSearch?: boolean;
+  setColumns?: (columns: ITableColumn[]) => void;
+  // withSearch?: boolean;
 }
-export interface ITableSelectedActions {
+export interface ITableSelectedAction {
   label: string;
   onClick: (selected: Set<string>) => void;
   hidden?: boolean;
@@ -161,6 +152,24 @@ export interface ITableSelectedActions {
   clearSelected?: boolean;
 }
 
+export interface ITableTemplateData {
+  identifier: string;
+  popupController: IPopupControl;
+  items: IReportTemplate[];
+  isLoading?: boolean;
+  isFetching?: boolean;
+  setSearch?: (search: string) => void;
+  initiateCreate: () => void;
+  initiateCreateDefault: () => void;
+  setItemToDeleteUuids: (itemUuids: string[]) => void;
+
+  // data: IReportTemplateData;
+  // setTemplateName?: (templateName: string) => void;
+  // onClearFilters: () => void;
+
+  allowPublicCreate?: boolean;
+  TemplateNode: ReactNode;
+}
 ///// EDIT /////
 export interface ITableEdit<T = any> {
   selectedItem: T | null;

package/src/utils/i18n/i18nIUICyrilic.ts

@@ -56,18 +56,26 @@ export const i18nIUICyrilic = {
   SelectedColumns: 'Одабране колоне',
   Sort: 'Сортирање',
   AddItem: 'Додај ставку',
+  // TEMPLATES
   Templates: 'Шаблони',
-  SelectTemplate: 'Изабери шаблон',
-  TemplateList: 'Листа шаблона',
-  PublicTemplate: 'Јавни шаблон',
-  PublicTemplates: 'Јавни шаблони',
-  DefaultTemplate: 'Основни шаблони',
-  RemoveFiltersAndLook: 'Поништи изглед и филтере',
-  CreateTemplateLong: 'Сачувај тренутни изглед  као шаблон',
+  ApplyTemplate: 'Примени шаблон',
+  ResetTemplate: 'Поништи шаблон',
+  DeleteTemplate: 'Обриши шаблон',
+  CreateTemplateLong: 'Сачувај тренутни изглед као шаблон',
   CreateDefaultTemplate: 'Сачувај тренутни изглед као подразумевани',
-  CreateTemplate: 'Сачувај шаблон',
-  DeleteTemplateDesc: 'Да ли сте сигурни да желите да избришете шаблон?',
-  DeleteTemplateTitle: 'Брисање шаблона',
+  CreateTemplate: 'Креирај шаблон',
+  TemplateName: 'Назив шаблона',
+  NoTemplatesAvailable: `Нема доступних шаблона.
+    Кликните на "Креирај шаблон" да бисте направили шаблон са тренутно изабраним колонама, филтерима и сортирањем.`,
+  // SelectTemplate: 'Изабери шаблон',
+  // TemplateList: 'Листа шаблона',
+  PublicTemplate: 'Јавни шаблон',
+  // PublicTemplates: 'Јавни шаблони',
+  PrivateTemplate: 'Приватни шаблон',
+  // DefaultTemplate: 'Основни шаблони',
+  // RemoveFiltersAndLook: 'Поништи изглед и филтере',
+  // DeleteTemplateDesc: 'Да ли сте сигурни да желите да изришете шаблон?',
+  // DeleteTemplateTitle: 'Брисање шаблона',
 
   FastLinks: 'Брзи приступ',
 
@@ -79,13 +87,14 @@ export const i18nIUICyrilic = {
   ////// TOAST //////
   Pending: 'У току',
   Successfully: 'Успешно',
-  DeletedSuccessfully: 'Успешно избрисано',
+  DeletedSuccessfully: 'Успешно обрисано',
   ErrorMessage: 'Дошло је до грешке!',
   TryAgain: 'Покушај поново',
 
   ////// PAGES //////
   ReturnToHomepage: 'Повратак на почетну страну',
-  FooterText: `<strong>Инцеп️тион ЦА</strong> је сертификационо тело <strong>акредитовано</strong> за услугу <strong>електронске доставе</strong> и <strong>издавања временских жигова.<strong>`,
+  FooterText: `Инцептион ЦА је акредитовано сертификационо тело за квалификовану електронску доставу,
+  издавање временских жигова, валидацију квалификованог потписа и печата и квалификовано чување докумената.`,
   PageNotFound: 'Страница није пронађена',
   PageNotFoundInfo: `Страница коју тражите није пронађена или је премештена.
     Можете се вратити на почетну страну.`,

package/src/utils/i18n/i18nIUILatin.ts

@@ -65,10 +65,13 @@ export const i18nIUILatin = {
   CreateDefaultTemplate: 'Sačuvaj trenutni izgled kao podrazumevani',
   CreateTemplate: 'Kreiraj šablon',
   TemplateName: 'Naziv šablona',
+  NoTemplatesAvailable: `Nema dostupnih šablona.
+    Kliknite na "Kreiraj šablon" da biste napravili šablon sa trenutno izabranim kolonama, filterima i sortiranjem.`,
   // SelectTemplate: 'Izaberi šablon',
   // TemplateList: 'Lista šablona',
   PublicTemplate: 'Javni šablon',
   // PublicTemplates: 'Javni šabloni',
+  PrivateTemplate: 'Privatni šablon',
   // DefaultTemplate: 'Osnovni šabloni',
   // RemoveFiltersAndLook: 'Poništi izgled i filtere',
   // DeleteTemplateDesc: 'Da li ste sigurni da želite da izbrišete šablon?',
@@ -82,13 +85,16 @@ export const i18nIUILatin = {
   CharNumber: 'Broj karaktera {{number}}',
 
   ////// TOAST //////
+  Pending: 'U toku',
   Successfully: 'Uspešno',
-  DeletedSuccessfully: 'Uspešno izbrisano',
+  DeletedSuccessfully: 'Uspešno obrisano',
   ErrorMessage: 'Došlo je do greške!',
+  TryAgain: 'Pokušaj ponovo',
 
   ////// 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>`,
+  FooterText: `Inception CA je akreditovano sertifikaciono telo za kvalifikovanu elektronsku dostavu,
+  izdavanje vremenskih žigova, validaciju kvalifikovanog potpisa i pečata i kvalifikovano čuvanje dokumenata.`,
   PageNotFound: 'Stranica nije pronadjena',
   PageNotFoundInfo: `Stranica koju tražite nije pronadjena ili je premeštena.
   Možete se vratiti na početnu stranu.`,

package/src/utils/i18n/i18nIUIMe.ts

@@ -54,18 +54,27 @@ export const i18nIUIMe = {
   SelectedColumns: 'Odabrane kolone',
   Sort: 'Sortiranje',
   AddItem: 'Dodaj stavku',
+
+  // TEMPLATES
   Templates: 'Šabloni',
-  SelectTemplate: 'Izaberi šablon',
-  TemplateList: 'Lista šablona',
-  PublicTemplate: 'Javni šablon',
-  PublicTemplates: 'Javni šabloni',
-  DefaultTemplate: 'Podrazumijevani šabloni',
-  RemoveFiltersAndLook: 'Poništi izgled i filtere',
+  ApplyTemplate: 'Primijeni šablon',
+  ResetTemplate: 'Poništi šablon',
+  DeleteTemplate: 'Obriši šablon',
   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',
+  CreateTemplate: 'Kreiraj šablon',
+  TemplateName: 'Naziv šablona',
+  NoTemplatesAvailable: `Nema dostupnih šablona.
+    Kliknite na "Kreiraj šablon" da biste napravili šablon sa trenutno izabranim kolonama, filterima i sortiranjem.`,
+  // SelectTemplate: 'Izaberi šablon',
+  // TemplateList: 'Lista šablona',
+  PublicTemplate: 'Javni šablon',
+  // PublicTemplates: 'Javni šabloni',
+  PrivateTemplate: 'Privatni šablon',
+  // 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 linkovi',
 
@@ -77,13 +86,14 @@ export const i18nIUIMe = {
   ////// TOAST //////
   Pending: 'U toku',
   Successfully: 'Uspješno',
-  DeletedSuccessfully: 'Uspješno izbrisano',
+  DeletedSuccessfully: 'Uspješno obrisano',
   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.`,

package/src/utils/logoUtils.ts

@@ -0,0 +1,7 @@
+import MTS from '../assets/images/logo/mts.svg';
+import PPL from '../assets/images/logo/paperless.svg';
+import INC from '../assets/images/logo/inception.svg';
+
+export type IOrgLogo = 'MTS' | 'PPL' | 'INC';
+
+export const orgLogo: Record<IOrgLogo, string> = { MTS, PPL, INC };

package/src/utils/tableUtils.ts

@@ -86,21 +86,21 @@ export const convertReportTemplateFilterToSearch = (
 
 export const setTemplateData = ({
   template,
-  columnsData,
+  columnData,
   setFilters,
   setSort,
 }: {
   template: IReportTemplate;
-  columnsData?: ITableColumnsData;
+  columnData?: ITableColumnsData;
   setFilters?: (filters: IAnyObject) => void;
   setSort?: (sort: string) => void;
 }) => {
   const newFilters =
     template.filterValues && convertReportTemplateFilterToSearch(template.filterValues);
   newFilters && setFilters?.(newFilters);
-  template.columns &&
-    columnsData?.setColumns(
-      getVisibleColumnsFromList(columnsData.columns, template.columns)
+  columnData &&
+    columnData.setColumns?.(
+      getVisibleColumnsFromList(columnData.columns, template.columns)
     );
   template.sorts && setSort && setSort(template.sorts[0]);
 };

package/src/components/Table/components/templates/components/CreateTemplateDialog.tsx

@@ -1,41 +0,0 @@
-import { useState, type FC } from 'react';
-import { IPopupControl } from '../../../../../types/IPopup';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from '../../../../Dialog/Dialog';
-import { TextInput } from '../../../../Inputs/TextInput';
-import { Checkbox } from '../../../../Inputs/Checkbox';
-import { IReportTemplate } from '../../../../../types/ITable';
-import { useTableContext } from '../../../contexts/TableContext';
-
-interface Props {
-  control: IPopupControl['control'];
-}
-
-export const CreateTemplateDialog: FC<Props> = ({ control }) => {
-  const { t } = useTranslation();
-  const { templateData } = useTableContext();
-
-  const [formData, setFormData] = useState<Partial<IReportTemplate>>({});
-
-  return (
-    <Dialog
-      title={t('CreateTemplateLong')}
-      control={control}
-      onFormSubmit={() => console.log('Template saved!')}
-      footer={{ confirmButton: { label: t('CreateTemplate'), type: 'submit' } }}
-    >
-      <TextInput
-        label={t('TemplateName')}
-        value={formData.name}
-        setValue={name => setFormData({ ...formData, name })}
-      />
-      {templateData?.allowPublicCreate && (
-        <Checkbox
-          label={t('PublicTemplate')}
-          value={formData.isPublic}
-          setValue={isPublic => setFormData({ ...formData, isPublic })}
-        />
-      )}
-    </Dialog>
-  );
-};

package/src/components/Table/hooks/useDefaultTemplate.ts

@@ -1,20 +0,0 @@
-// import { useEffect, useState } from 'react';
-// import { getDefaultReportTemplate } from '../Components/Templates/repo/TemplateRepo';
-// import { IReportTemplate } from '../../../types/ITable';
-
-export const useDefaultTemplate = (identifier?: string) => {
-  //   const [template, setTemplate] = useState<IReportTemplate | null>(null);
-  //   const [isLoading, setIsLoading] = useState(true);
-  //   useEffect(() => {
-  //     if (identifier) {
-  //       getDefaultReportTemplate(identifier)
-  //         .then(setTemplate)
-  //         .catch(() => {})
-  //         .finally(() => setIsLoading(false));
-  //     }
-  //   }, [identifier]);
-  //   return {
-  //     defaultTemplate: template,
-  //     isLoadingDefaultTemplate: !!identifier && isLoading,
-  //   };
-};