datastake-daf 0.6.791 → 0.6.793

package/src/@daf/pages/Dashboards/SelfAssesment/components/ProductionSites/columns.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import { Tooltip } from 'antd';
+import { findOptions, getLinkValue } from '../../../../../../helpers/StringHelper.js';
+import MoreMenu from '../../../../../core/components/Table/MoreMenu/index.jsx';
+import { renderDateFormatted } from '../../../../../../helpers/Forms.js';
+
+export const getColumns = ({
+    t = () => {},
+    options = {},
+    user = {},
+    goTo = () => {},
+    getRedirectLink = () => {},
+}) => [
+    {
+        title: t("ID"),
+        dataIndex: "datastakeId",
+        key: "datastakeId",
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />;
+          }
+  
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },
+    {
+        title: t("Name"),
+        dataIndex: "name",
+        key: "name",
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />;
+          }
+  
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },
+    {
+        dataIndex: 'category',
+        title: t('type'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+          const locationCategories = [...(options?.locationCategories || []), ...(options?.productionSiteCategories || [])]
+          const category = findOptions(v, locationCategories);
+    
+          return <Tooltip title={category}>{category}</Tooltip>;
+        },
+    }, 
+    {
+        dataIndex: 'region',
+        title: findOptions(user?.company?.country, options?.administrativeLevel1)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel1) : t("Province"),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+
+          return region ? <Tooltip title={region}>{region}</Tooltip> : '-';
+        },
+    },   
+    {
+        dataIndex: 'territory',
+        title: findOptions(user?.company?.country, options?.administrativeLevel2)?.length > 2 ? findOptions(user?.company?.country, options?.administrativeLevel2) : t("Territory"),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const district = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+
+          return district ? <Tooltip title={district}>{district}</Tooltip> : '-';
+        },
+    },
+    {
+        dataIndex: 'lastUpdate',
+        title: t('Last Update'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />
+            }
+            const date = v ? renderDateFormatted(v, "DD MMM YYYY", user?.language || 'en') : "-";
+            return <Tooltip title={date}>{date}</Tooltip>
+        }
+    },
+    {
+        id: 'actions',
+        title: "",
+        width: 60,
+        render: (_, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />;
+          }
+
+          const moreMenuItems = [
+            {
+              label: t("Summary"),
+              value: "Summary",
+              onClick: () => {
+                let link = `/app/mine-summary/${all.datastakeId}`
+                goTo(getRedirectLink(link));
+              },
+            },
+            {
+                label: t("Details"),
+                value: "details",
+                onClick: () => {
+                  let link = `/app/view/production-sites/${all.datastakeId}`;
+                  goTo(getRedirectLink(link));
+                },
+              },
+          ];
+
+          return <MoreMenu items={moreMenuItems} /> 
+        }
+    }   
+]

package/src/@daf/pages/Dashboards/SelfAssesment/components/ProductionSites/index.jsx

@@ -0,0 +1,52 @@
+import React, { useMemo } from 'react'
+import ComponentWithFocus from '../../../../../core/components/Dashboard/ComponentWithFocus/index.jsx';
+import StickyTable from '../../../../../core/components/Table/StickyTable/index.jsx';
+import Widget from '../../../../../core/components/Dashboard/Widget/index.jsx';
+import Style from './style.js';
+import { getColumns } from './columns.js';
+
+function ProductionSites({
+    t = () => {},
+    options = {},
+    user = {},
+    goTo = () => {},
+    getRedirectLink = () => {},
+}) {
+    const data = [];
+
+    const Wrapper = useMemo(() => {
+        return data.length > 5 ? ComponentWithFocus : "div";
+    }, [data.length]);
+
+    const columns = useMemo(() => {
+        return getColumns({ t, options, user, goTo, getRedirectLink });
+    }, [t, options, user, goTo, getRedirectLink]);
+
+    return (
+        <Widget
+            title={t("Production Sites")}
+            className="with-border-header no-px-body"
+        >
+            <Wrapper>
+				<Style>
+					<div
+						className="daf-table-wrapper"
+						style={{
+							maxHeight: "526px",
+							overflowY: "auto",
+						}}
+					>
+						<StickyTable
+							columns={columns}
+							dataSource={data}
+							hideOnLoading={false}
+							doEmptyRows={true}
+						/>
+					</div>
+				</Style>
+			</Wrapper>
+        </Widget>
+    )
+}
+
+export default ProductionSites

package/src/@daf/pages/Dashboards/SelfAssesment/components/ProductionSites/style.js

@@ -0,0 +1,26 @@
+import styled from "styled-components";
+
+const Style = styled.div`
+  overflow: hidden;
+
+  .daf-table {
+    padding: 0px;
+    margin-top: 0px;
+
+    .ant-tag {
+      text-align: center;
+    }
+  } 
+
+  .daf-select-filters .filters {
+    padding-top: 16px;
+    padding-left: 0; 
+    padding-right: 0; 
+  }
+
+  .daf-table {
+    padding-top: 16px;
+  }
+`;
+
+export default Style;

package/src/@daf/pages/Dashboards/SelfAssesment/index.jsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import DashboardLayout from '../../../core/components/Dashboard/DashboardLayout/index.jsx';
+import Header from '../../../core/components/Header/index.jsx';
+import OrganisationInformation from './components/OrganisationInformation/index.jsx';
+import ProductionSites from './components/ProductionSites/index.jsx';
+import AssociatedInformation from './components/AssociatedInformation/index.jsx';
+
+function SelfAssesment({
+    t = () => {},
+    breadcrumbs = [],
+    user = {},
+    goTo = () => {},
+    getRedirectLink = () => {},
+    theme = {},
+    options = {},
+}) {
+  return (
+    <DashboardLayout
+        header={
+            <Header
+                title={t("Self Assesment")}
+                breadcrumbs={breadcrumbs}
+            />
+        }
+    >
+        <section>
+            <OrganisationInformation t={t} user={user} goTo={goTo} getRedirectLink={getRedirectLink} theme={theme} />
+        </section>
+        <section>
+            <ProductionSites t={t} options={options} user={user} goTo={goTo} getRedirectLink={getRedirectLink} />
+        </section>
+        <section>
+            <AssociatedInformation t={t} user={user} goTo={goTo} getRedirectLink={getRedirectLink} />
+        </section>
+    </DashboardLayout>
+  )
+}
+
+export default SelfAssesment

package/src/@daf/pages/Locations/MineSite/config.js

@@ -81,7 +81,7 @@ export const getFiltersConfig = ({t}) => {
 		  getLabel: (option) => option.label,
 		  getValue: (option) => option.value,
 		},		
-		type: {
+		category: {
 		  type: 'select',
 		  label: 'Type',
 		  placeholder: () => `${t('Filter by')} ${t('Type').toLowerCase()}`,
@@ -124,14 +124,15 @@ export const getFilterOptions = (options, t) => {
 		administrativeLevel1,
 		administrativeLevel2,
 		mineralOptions,
+		productionSiteCategories,
 		locationCategories = [],
 	  } = options || {};
 
 	const _default  = {
-		category: stakeholderCategoryOptions || categoryOptions,
+		// category: stakeholderCategoryOptions || categoryOptions,
 		country: countries,
 		product: mineralOptions,
-		type: locationCategories,
+		category: productionSiteCategories || locationCategories,
 		administrativeLevel1,
 		administrativeLevel2,
 		subCategory: subCategoriesOptions,

package/src/index.js

@@ -97,6 +97,7 @@ export { default as ProgressBar } from "./@daf/core/components/ProgressBar/index
 export { default as MultiBarProgress } from "./@daf/core/components/ProgressBar/MultiBarProgress/index.jsx";
 export { default as MultiColorProgressBar } from "./@daf/core/components/ProgressBar/MultiColorProgressBar/index.jsx";
 export { default as ProgressBarSideIcon } from "./@daf/core/components/ProgressBar/components/SideIcon/index.jsx";
+export { default as ProgressBarWithIcon } from "./@daf/core/components/ProgressBar/ProgressBarWithIcon/index.jsx";
 export { default as ProgressTabs } from "./@daf/core/components/ProgressTabs/index.jsx";
 
 // Data Store

package/src/pages.js

@@ -1,6 +1,7 @@
 // Dashboards
 export { default as SupplyChainDashboard } from './@daf/pages/Dashboards/SupplyChain/index.jsx';
 export { default as UserDashboard } from './@daf/pages/Dashboards/UserDashboard/index.jsx';
+export { default as SelfAssesment } from './@daf/pages/Dashboards/SelfAssesment/index.jsx';
 export { default as OperatorsTable } from './@daf/pages/Stakeholders/Operators/index.jsx';
 export { default as LocationsTable } from './@daf/pages/Locations/index.jsx';
 export { default as StakeholdersTable } from './@daf/pages/Stakeholders/index.jsx';