@inceptionbg/iui 2.0.5 → 2.0.7

package/src/components/Table/Components/Templates/TemplateCreate.tsx

@@ -0,0 +1,80 @@
+// import { FC, useState } from 'react';
+// import { MenuItem } from '../../../Menu/MenuItem';
+// import { useTranslation } from 'react-i18next';
+// import { Dialog } from '../../../Dialog/Dialog';
+// import { createReportTemplate } from './repo/TemplateRepo';
+// import { IReportTemplate, IReportTemplateData } from '../../../../types/ITable';
+// import { deleteEmptyProps } from '../../../../utils/ObjectUtils';
+// import { TextInput } from '../../../Inputs/TextInput';
+// import { Checkbox } from '../../../Inputs/Checkbox';
+// import { convertSearchToReportTemplateFilter } from '../../../../utils/TableUtils';
+
+// interface Props {
+//   identifier: string;
+//   data: IReportTemplateData;
+//   onSubmitCallback: () => void;
+//   allowPublicCreate?: boolean;
+// }
+
+// export const TemplateCreate: FC<Props> = ({
+//   identifier,
+//   data: { searchData, visibleColumns, sorts },
+//   onSubmitCallback,
+//   allowPublicCreate,
+// }) => {
+//   const [isOpen, setIsOpen] = useState(false);
+//   const [formData, setFormData] = useState<Partial<IReportTemplate>>({});
+//   const [isLoading, setIsLoading] = useState(false);
+
+//   const { t } = useTranslation();
+
+//   const onFormSubmit = () => {
+//     setIsLoading(true);
+//     const data = deleteEmptyProps({
+//       identifier,
+//       name: formData.name,
+//       isPublic: formData.isPublic,
+
+//       filterValues: convertSearchToReportTemplateFilter(searchData),
+//       columns: visibleColumns,
+//       sorts,
+//     }) as Partial<IReportTemplate>;
+
+//     createReportTemplate(data)
+//       .then(() => {
+//         setIsOpen(false);
+//         onSubmitCallback();
+//       })
+//       .catch(() => {})
+//       .finally(() => setIsLoading(false));
+//   };
+
+//   return (
+//     <>
+//       <MenuItem label={t('CreateTemplateLong')} onClick={() => setIsOpen(true)} />
+//       <Dialog
+//         title={t('CreateTemplate')}
+//         isOpen={isOpen}
+//         onClose={() => setIsOpen(false)}
+//         size="l"
+//         isLoading={isLoading}
+//         confirmButton={{ onFormSubmit, keepOpen: true }}
+//       >
+//         <div className="flex column gap-3">
+//           <TextInput
+//             label={t('Name')}
+//             value={formData.name}
+//             setValue={name => setFormData({ ...formData, name })}
+//           />
+//           {allowPublicCreate && (
+//             <Checkbox
+//               label={t('PublicTemplate')}
+//               value={formData.isPublic}
+//               setValue={isPublic => setFormData({ ...formData, isPublic })}
+//             />
+//           )}
+//         </div>
+//       </Dialog>
+//     </>
+//   );
+// };

package/src/components/Table/Components/Templates/TemplateCreateDefault.tsx

@@ -0,0 +1,45 @@
+// import { FC } from 'react';
+// import { MenuItem } from '../../../Menu/MenuItem';
+// import { useTranslation } from 'react-i18next';
+// import { createReportTemplate } from './repo/TemplateRepo';
+// import { IReportTemplate, IReportTemplateData } from '../../../../types/ITable';
+// import { deleteEmptyProps } from '../../../../utils/ObjectUtils';
+// import { convertSearchToReportTemplateFilter } from '../../../../utils/TableUtils';
+
+// interface Props {
+//   identifier: string;
+//   data: IReportTemplateData;
+//   onClose: () => void;
+// }
+
+// export const TemplateCreateDefault: FC<Props> = ({
+//   identifier,
+//   data: { searchData, visibleColumns, sorts },
+//   onClose,
+// }) => {
+//   const { t } = useTranslation();
+
+//   const onSubmit = () => {
+//     const data: Partial<IReportTemplate> = deleteEmptyProps({
+//       identifier,
+//       name: identifier,
+//       isPublic: false,
+//       isDefault: true,
+//       filterValues: convertSearchToReportTemplateFilter(searchData),
+//       columns: visibleColumns,
+//       sorts,
+//     });
+
+//     createReportTemplate(data);
+//   };
+
+//   return (
+//     <MenuItem
+//       label={t('CreateDefaultTemplate')}
+//       onClick={() => {
+//         onSubmit();
+//         onClose();
+//       }}
+//     />
+//   );
+// };

package/src/components/Table/Components/Templates/TemplateList.tsx

@@ -0,0 +1,167 @@
+// import { FC, useState } from 'react';
+// import { MenuItem } from '../../../Menu/MenuItem';
+// import { useTranslation } from 'react-i18next';
+// import { Dialog } from '../../../Dialog/Dialog';
+// import {
+//   IReportTemplate,
+//   ITableColumn,
+//   ITableDataItem,
+//   ITableFilter,
+// } from '../../../../types/ITable';
+// import { Table } from '../../Table';
+// import { deleteReportTemplate } from './repo/TemplateRepo';
+// import { deleteProps } from '../../../../utils/ObjectUtils';
+// import { DeleteItemDialog } from '../../../Dialog/DeleteItemDialog';
+// import { IAnyObject } from '../../../../types/IBasic';
+// import { TextInput } from '../../../Inputs/TextInput';
+// import { Select } from '../../../Inputs/Selects/Select';
+// import {
+//   getActiveFilterNumber,
+//   getVisibleColumnsIds,
+// } from '../../../../utils/TableUtils';
+
+// interface Props {
+//   identifier: string;
+//   onSelect: (template: IReportTemplate) => void;
+// }
+
+// export const TemplateList: FC<Props> = ({ identifier, onSelect }) => {
+//   const [isOpen, setIsOpen] = useState(false);
+//   const [data, setData] = useState<ITableDataItem[]>([]);
+//   const [limit, setLimit] = useState(5);
+//   const [offset, setOffset] = useState(0);
+//   const [totalRows, setTotalRows] = useState(0);
+//   const [search, setSearch] = useState<{ nameLike?: string }>({});
+//   const [searchData, setSearchData] = useState<{ nameLike?: string }>({});
+//   const [isLoading, setIsLoading] = useState(false);
+//   const [itemToDeleteUuid, setItemToDeleteUuid] = useState('');
+
+//   const { t } = useTranslation();
+
+//   const columns: ITableColumn[] = [
+//     { id: 'name', label: t('Name') },
+//     { id: 'public', label: t('PublicTemplate') },
+//     { id: 'actions', label: t('Actions'), width: '70px' },
+//   ];
+
+//   const handleGetTemplates = () => [];
+//   // useCallback(() => {
+//   //   if (isOpen) {
+//   //     setIsLoading(true);
+//   //     getReportTemplates({ limit, offset }, { identifier, ...deleteEmptyProps(search) }, [
+//   //       'FILTER_VALUES',
+//   //     ])
+//   //       .then(({ templates, totalRows }) => {
+//   //         setData(
+//   //           templates.map(
+//   //             e =>
+//   //               ({
+//   //                 uuid: e.uuid,
+//   //                 onRowClick: () => {
+//   //                   onSelect(e);
+//   //                   setIsOpen(false);
+//   //                 },
+//   //                 cells: {
+//   //                   name: { value: e.name },
+//   //                   public: { value: t(e.isPublic ? 'Yes' : 'No') },
+//   //                   actions: {
+//   //                     value: (
+//   //                       <ItemActionsMenu
+//   //                         item={e}
+//   //                         //   setSelectedItem={e => setSelectedItem(e)}
+//   //                         setItemToDeleteUuid={() => setItemToDeleteUuid(e.uuid)}
+//   //                       />
+//   //                     ),
+//   //                     unclickable: true,
+//   //                   },
+//   //                 },
+//   //               } as ITableDataItem)
+//   //           )
+//   //         );
+//   //         setTotalRows(totalRows);
+//   //       })
+//   //       .catch(() => {})
+//   //       .finally(() => setIsLoading(false));
+//   //   }
+//   // }, [isOpen, limit, offset, identifier, search]);
+
+//   // useEffect(handleGetTemplates, [handleGetTemplates]);
+
+//   return (
+//     <>
+//       <MenuItem label={t('SelectTemplate')} onClick={() => setIsOpen(true)} />
+//       <Dialog
+//         title={t('TemplateList')}
+//         isOpen={isOpen}
+//         onClose={() => setIsOpen(false)}
+//         size="l"
+//       >
+//         <Table
+//           columns={columns}
+//           data={data}
+//           isLoading={isLoading}
+//           serverSidePagination={{ limit, offset, setLimit, setOffset, totalRows }}
+//           filterData={{
+//             activeFilterNo: getActiveFilterNumber(search),
+//             columns: getVisibleColumnsIds(columns),
+//             filters: filters(searchData, setSearchData, t),
+//             search,
+//             searchData,
+//             setSearchData,
+//             onSubmit: (search: IAnyObject) => {
+//               setOffset(0);
+//               setSearch(search);
+//             },
+//           }}
+//         />
+//       </Dialog>
+//       <DeleteItemDialog
+//         itemUuid={itemToDeleteUuid}
+//         setItemUuid={setItemToDeleteUuid}
+//         textId="Template"
+//         deleteItemFunction={deleteReportTemplate}
+//         reloadItems={handleGetTemplates}
+//       />
+//     </>
+//   );
+// };
+
+// const filters: (
+//   search: IAnyObject,
+//   setSearch: (search: IAnyObject) => void,
+//   t: any
+// ) => ITableFilter = (search, setSearch, t) => ({
+//   name: {
+//     label: t('Name'),
+//     field: (
+//       <TextInput
+//         placeholder={t('AddInput') + '...'}
+//         value={search.nameLike}
+//         setValue={nameLike => setSearch({ ...search, nameLike })}
+//       />
+//     ),
+//     resetField: () => setSearch(deleteProps(search, ['nameLike'])),
+//   },
+//   public: {
+//     label: t('PublicTemplates'),
+//     field: (
+//       <Select
+//         placeholder={t('Choose')}
+//         value={
+//           search.isPublic !== undefined
+//             ? {
+//                 value: search.isPublic,
+//                 label: t(search.isPublic ? 'Yes' : 'No'),
+//               }
+//             : null
+//         }
+//         options={[
+//           { value: true, label: t(`Yes`) },
+//           { value: false, label: t(`No`) },
+//         ]}
+//         onChange={e => setSearch({ ...search, isPublic: e.value })}
+//       />
+//     ),
+//     resetField: () => setSearch(deleteProps(search, ['isPublic'])),
+//   },
+// });

package/src/components/Table/Components/Templates/repo/TemplateRepo.ts

@@ -0,0 +1,53 @@
+// import { IPagination, IReportTemplate } from '../../../../../types/ITable';
+// import { getActiveOrgUuid } from '../../../../../utils/LocalStorageHelper';
+
+// const baseUrl =
+//   window.location.host.includes('test.inception.rs') ||
+//   window.location.host.includes('web-bankt.erstebank.rs') ||
+//   window.location.host.includes('localhost:')
+//     ? 'https://report-templates.api.test.inception.rs'
+//     : 'https://report-templates.api.inception.rs';
+
+// export const getReportTemplates = (
+//   pagination: IPagination,
+//   search: { identifier: string; nameLike?: string; onlyLoggedInUserTemplates?: boolean },
+//   fetchOptions?: ('SORT' | 'FILTER_VALUES' | 'COLUMNS' | 'CREATED_BY' | 'ORGANIZATION')[]
+// ) =>
+//   axiosInstance
+//     .get('/report-templates', {
+//       params: {
+//         ...pagination,
+//         ...search,
+//         fetchOptions,
+//         organizationUuid: getActiveOrgUuid(),
+//         subsystem: moduleId,
+//       },
+//       headers: { baseUrl },
+//     })
+//     .then(({ data }) => ({
+//       templates: data.reportTemplates as IReportTemplate[],
+//       totalRows: data.pagination.totalRows as number,
+//     }));
+
+// export const getDefaultReportTemplate = (identifier: string) =>
+//   axiosInstance
+//     .get(`/report-templates/${identifier}/default`, {
+//       params: { organizationUuid: getActiveOrgUuid() },
+//       headers: { baseUrl },
+//     })
+//     .then(({ data }) => data as IReportTemplate);
+
+// export const createReportTemplate = (data: Partial<IReportTemplate>) =>
+//   axiosInstance.post(
+//     `/report-template`,
+//     {
+//       ...data,
+//       organization: { uuid: getActiveOrgUuid() },
+//       subsystem: moduleId,
+//     },
+//     { headers: { baseUrl } }
+//   );
+// export const deleteReportTemplate = (templateUuid: string) =>
+//   axiosInstance.delete(`/report-templates/${templateUuid}`, {
+//     headers: { baseUrl },
+//   });