datastake-daf 0.6.742 → 0.6.743

package/src/@daf/pages/dashboards/Operations/Workers/index.jsx

@@ -0,0 +1,157 @@
+import React, { useMemo, useState, useEffect, useCallback } from 'react'
+import TablePageWithTabs from '../../../pages/TablePageWithTabs/index.jsx'
+import { getColumns } from './columns.js';
+import { checkboxConfig, getFiltersConfig, filtersConfig, getFilterOptions } from './config.js';
+import { useGetQueryParams } from '../../../../hooks/useGetQueryParams.js';
+import StakeholdersCreate from './create.jsx';
+import { displayMessage } from '../../../../../helpers/messages.js';
+
+const WorkersTable = ({
+    t = () => {},
+    goTo = () => {},
+    user = {},
+    options = {},
+    getRedirectLink = () => {},
+    theme = {},
+    loading = false,
+    data = {},
+    isMobile,
+    APP,
+    location,
+    getData = () => {},
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    getFormData = () => {},
+    saveFormData = () => {},
+    formLoading = false,
+    query = {},
+    ajaxForms = {},
+    changeAjaxForms = () => {},
+    ajaxOptions = {},
+    changeAjaxOptions = () => {},
+    formData = {},
+    formValue = {},
+    form = {},
+    extendingFilters = {},
+    createDefaultValues = {},
+    applications = [],
+}) => {
+    const [selectOptions, setSelectOptions] = useState();
+    const [activeTab, setActiveTab] = useState();
+
+    const columns = useMemo(() => getColumns({
+        t, 
+        goTo, 
+        user,
+        options,
+        activeTab,
+        getRedirectLink, 
+        theme,
+        subject: 'workers',
+        data,
+        applications,
+    }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
+
+    const breadCrumbs = [];
+
+    const { paginationQuery, searchParams, otherParams, sortBy, sortDir } = useGetQueryParams({location});
+
+    const filters = useMemo(() => {
+        return {
+            ...otherParams,
+            ...extendingFilters
+        }
+    }, [otherParams, extendingFilters])
+
+    useEffect(() => {
+        getData({
+            pagination: paginationQuery,
+            ...(Object.keys(searchParams).length > 0 && { search: searchParams }),
+            ...otherParams,
+            tab: activeTab,
+            sortBy: {
+                [sortBy || "updatedAt"]: sortDir ? (sortDir === "ascend" ? 1 : -1) : -1,
+            },
+            ...extendingFilters
+        }, 'workers')
+    }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
+
+    const selectFiltersConfig = useMemo(() => {
+        return getFiltersConfig({t});
+    }, [t]);
+
+    useEffect(() => {
+        setSelectOptions((prev) => ({
+          ...prev,
+          ...getFilterOptions(options, t),
+        }))
+      }, [options, t])
+
+    const handleActiveTabChange = useCallback((value) => {
+        setActiveTab(value);
+    }, []);
+
+    return (
+        <TablePageWithTabs 
+           t={t}
+           title={t("Workers")}
+           breadCrumbs={breadCrumbs}
+           location={location}
+           loading={loading}
+           goTo={goTo}
+           defaultActiveTab={"all"}
+           columns={columns}
+           data={data}
+           checkboxConfig={checkboxConfig}
+           APP={APP}
+           getApiBaseUrl={getApiBaseUrl}
+           selectOptions={selectOptions}
+           selectFiltersConfig={selectFiltersConfig}
+           getRedirectLink={getRedirectLink}
+           filtersConfig={filtersConfig}
+           isMobile={isMobile}
+           view="workers"
+           getActiveTab={handleActiveTabChange}
+           onDownload={() => {
+            console.log("download");
+           }}
+           drawerTitle={t("Create Worker")}
+        >
+            {({onDrawerClose}) => (
+                <StakeholdersCreate 
+                    defaultData={createDefaultValues}
+                    t={t}
+                    goTo={goTo}
+                    user={user}
+                    APP={APP}
+                    getApiBaseUrl={getApiBaseUrl}
+                    getAppHeader={getAppHeader}
+                    getData={getFormData}
+                    saveData={saveFormData}
+                    loading={formLoading}
+                    onSubmitted={(type, m, data) => {
+                        if (data.datastakeId) {
+                            displayMessage(
+                                type,
+                                t("affirmations::subject-created-successfully") || m,
+                            );
+                            // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
+                            goTo(`/app/edit/workers/${data.datastakeId}`)
+                        }
+                    }}
+                    onCancel={onDrawerClose}
+                    query={query}
+                    ajaxForms={ajaxForms}
+                    changeAjaxForms={changeAjaxForms}
+                    ajaxOptions={ajaxOptions}
+                    changeAjaxOptions={changeAjaxOptions}
+                    formData={formData}
+                    formValue={formValue}
+                    form={form}
+                />
+            )}
+        </TablePageWithTabs>
+    )
+}
+
+export default WorkersTable

package/src/helpers/sourceAvatarConfig.js

@@ -0,0 +1,37 @@
+
+export default function sourceAvatarConfig(items, user,applications) {
+    const userInterface = user?.company?.apps?.[0]?.interface;
+
+    const icon = applications[0]?.interfaces?.find((i) => i.value === userInterface)?.iconName;
+
+    const sources = []
+    items?.length > 0 && items?.forEach((author) => {
+      if (author?.id) {
+        if (author.id === user?.company?.id) {
+          // it's own data
+          sources.push({
+            name: author.name,
+            icon: 'OwnData',
+            isOwn: true,
+            sourceId: author.id,
+          });
+        } else {
+          sources.push({
+            name: author.name,
+            icon: icon,
+            isOwn: false,
+            sourceId: author.id,
+          });
+        }
+      }
+        
+    });
+  
+    // sort to have own data first
+    return sources.sort((a, b) => {
+      if (a.isOwn && !b.isOwn) return -1;
+      if (!a.isOwn && b.isOwn) return 1;
+      return 0;
+    });
+  }
+  

package/src/pages.js

@@ -6,6 +6,9 @@ export { default as LocationsTable } from './@daf/pages/dashboards/AllInformatio
 export { default as StakeholdersTable } from './@daf/pages/dashboards/AllInformation/Stakeholders/index.jsx';
 export { default as EventsTable } from './@daf/pages/dashboards/AllInformation/Events/index.jsx';
 export { default as DocumentsTable } from './@daf/pages/dashboards/AllInformation/Documents/index.jsx';
+export { default as WorkersTable } from './@daf/pages/dashboards/Operations/Workers/index.jsx';
+export { default as ActivitiesTable } from './@daf/pages/dashboards/DueDilligence/Activities/index.jsx';
+
 // Pages
 export { default as TablePageWithTabs } from './@daf/pages/pages/TablePageWithTabs/index.jsx';