datastake-daf 0.6.744 → 0.6.746

package/src/@daf/pages/{dashboards → Dashboards}/UserDashboard/config.js

@@ -7,12 +7,12 @@ export const getActionWidgetsConfig = ({ goTo, getRedirectLink, APP, t }) => [
     {
         icon: "FileEdit",
         title: "Report Activity",
-        onClick: () => goTo(getRedirectLink("/app/corrective-actions?create=true")),
+        onClick: () => goTo(getRedirectLink("/app/activities?create=true")),
     },
     {
         icon: "ReportIncidents",
         title: "Report Incident",
-        onClick: () => goTo(getRedirectLink("/app/incident?create=true")),
+        onClick: () => goTo(getRedirectLink("/app/incidents?create=true")),
     },
     {
         icon: "Search",

package/src/@daf/pages/Documents/columns.js

@@ -0,0 +1,102 @@
+import React from 'react';
+import { Tooltip } from 'antd';
+import { findOptions } from '../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../helpers/Forms.js';
+import CustomIcon from '../../core/components/Icon/CustomIcon.jsx';
+import AvatarGroup from '../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../helpers/sourceAvatarConfig.js';
+
+export const getColumns = ({ t, goTo, user, options, activeTab, getRedirectLink, theme, subject, applications }) => [
+  {
+    dataIndex: 'datastakeId',
+    title: t('ID'),
+    ellipsis: true,
+    show: true,
+    render: (v, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />
+      }
+
+      return <Tooltip title={v}>{v}</Tooltip>;
+    },
+  },
+  {
+    dataIndex: 'name',
+    title: t('Title'),
+    ellipsis: true,
+    show: true,
+    render: (v, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />
+      }
+
+      return <Tooltip title={v}>{v}</Tooltip>;
+    },
+  },
+  {
+    title: t("Date"),
+    dataIndex: "date",
+    key: "date",
+    width: 125,
+    render: (date, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+      return <Tooltip title={_date}>{_date}</Tooltip>;
+    },
+    ellipsis: true,
+  },
+  {
+    title: t("Sources"),
+    dataIndex: "sources",
+    key: "sources",
+    show: activeTab !== "own",
+    render: (val, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+      if (!val || val?.length === 0) {
+        return "--";
+      }
+
+      const sources = sourceAvatarConfig(val, user, applications);
+
+      return <AvatarGroup items={sources}></AvatarGroup>;
+    },
+  },
+  {
+    title: t("Last Update"),
+    dataIndex: "updatedAt",
+    key: "updatedAt",
+    width: 125,
+    render: (date, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+      return <Tooltip title={_date}>{_date}</Tooltip>;
+    },
+    ellipsis: true,
+  },
+  {
+    id: 'actions',
+    title: "",
+    width: 60,
+    render: (_, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+
+      return <div style={{ display: "flex", justifyContent: "center" }}>
+        <a href={getRedirectLink(link)}>
+          <CustomIcon name="Link" size={15} color={theme.baseGray70} />
+        </a>
+      </div>;
+    }
+  }
+].filter((column) => column.show !== false);

package/src/@daf/pages/{dashboards/AllInformation/Documents → Documents}/create.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect} from 'react'
 import { message } from 'antd';
-import { MessageTypes } from '../../../../../helpers/messages.js';
-import DynamicForm from '../../../../core/components/DynamicForm/index.jsx';
+import { MessageTypes } from '../../../helpers/messages.js';
+import DynamicForm from '../../core/components/DynamicForm/index.jsx';
 
 const StakeholdersCreate = ({
     namespace = 'stakeholders',

package/src/@daf/pages/{dashboards/AllInformation/Documents → Documents}/index.jsx

@@ -1,10 +1,10 @@
 import React, { useMemo, useState, useEffect, useCallback } from 'react'
-import TablePageWithTabs from '../../../pages/TablePageWithTabs/index.jsx'
+import TablePageWithTabs from '../../core/components/Screens/TableScreen/TablePageWithTabs/index.jsx'
 import { getColumns } from './columns.js';
 import { checkboxConfig, getFiltersConfig, filtersConfig, getFilterOptions } from './config.js';
-import { useGetQueryParams } from '../../../../hooks/useGetQueryParams.js';
+import { useGetQueryParams } from '../../hooks/useGetQueryParams.js';
 import StakeholdersCreate from './create.jsx';
-import { displayMessage } from '../../../../../helpers/messages.js';
+import { displayMessage } from '../../../helpers/messages.js';
 
 const DocumentsTable = ({
     t = () => {},
@@ -36,7 +36,7 @@ const DocumentsTable = ({
     subjectClear = () => {},
 }) => {
     const [selectOptions, setSelectOptions] = useState();
-    const [activeTab, setActiveTab] = useState();
+    const [activeTab, setActiveTab] = useState("own");
     const columns = useMemo(() => getColumns({
         t, 
         goTo, 
@@ -51,7 +51,7 @@ const DocumentsTable = ({
 
     const breadCrumbs = [];
 
-    const { paginationQuery, searchParams, otherParams } = useGetQueryParams({location});
+    const { paginationQuery, searchParams, otherParams, sortBy, sortDir } = useGetQueryParams({location});
 
     useEffect(() => {
         getData({
@@ -59,6 +59,9 @@ const DocumentsTable = ({
             ...(Object.keys(otherParams).length > 0 && { filters: otherParams }),
             ...(Object.keys(searchParams).length > 0 && { search: searchParams }),
             tab: activeTab,
+            sortBy: {
+                [sortBy || "updatedAt"]: sortDir ? (sortDir === "ascend" ? 1 : -1) : -1,
+            }
         }, 'documents')
     }, [paginationQuery, otherParams, searchParams, activeTab]);
 
@@ -92,7 +95,7 @@ const DocumentsTable = ({
            location={location}
            loading={loading}
            goTo={goTo}
-           defaultActiveTab={"all"}
+           defaultActiveTab={"own"}
            columns={columns}
            data={data}
            checkboxConfig={checkboxConfig}

package/src/@daf/pages/{dashboards/DueDilligence/Incidents → Events/Activities}/columns.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Tooltip, Tag } from 'antd';
-import { findOptions } from '../../../../../helpers/StringHelper.js';
-import { renderDateFormatted } from '../../../../../helpers/Forms.js';
-import CustomIcon from '../../../../core/components/Icon/CustomIcon.jsx';
-import AvatarGroup from '../../../../core/components/AvatarGroup/index.jsx';
-import sourceAvatarConfig from '../../../../../helpers/sourceAvatarConfig.js';
+import { findOptions } from '../../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../../helpers/Forms.js';
+import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
+import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
 
 const getLinkValue = (value, linkingObject) => {
   if(linkingObject && linkingObject?.[value]) {
@@ -20,8 +20,6 @@ const getEventCategoryBySubject = (eventCategoryObject, subject) => {
   
   const subjectSingular = subject.endsWith('ies') 
     ? subject.slice(0, -3) + 'y'
-    : subject.endsWith('s') 
-    ? subject.slice(0, -1)       
     : subject;                      
 
   const key = `typeOfEvent is ${subjectSingular}`;
@@ -152,6 +150,9 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
 
           const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
           const categoryValue = getEventCategoryBySubject(eventCategory, subject);
+          console.log({categoryValue})
+          console.log({eventCategory})
+          console.log({subject})
           
           return categoryValue ? <Tooltip title={categoryValue}>{categoryValue}</Tooltip> : '-';
         },

package/src/@daf/pages/{dashboards/DueDilligence → Events}/Activities/create.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect} from 'react'
 import { message } from 'antd';
-import { MessageTypes } from '../../../../../helpers/messages.js';
-import DynamicForm from '../../../../core/components/DynamicForm/index.jsx';
+import { MessageTypes } from '../../../../helpers/messages.js';
+import DynamicForm from '../../../core/components/DynamicForm/index.jsx';
 
 const StakeholdersCreate = ({
     namespace = "corrective-actions",

package/src/@daf/pages/{dashboards/DueDilligence → Events}/Activities/index.jsx

@@ -1,10 +1,10 @@
 import React, { useMemo, useState, useEffect, useCallback } from 'react'
-import TablePageWithTabs from '../../../pages/TablePageWithTabs/index.jsx'
+import TablePageWithTabs from '../../../core/components/Screens/TableScreen/TablePageWithTabs/index.jsx'
 import { getColumns } from './columns.js';
 import { checkboxConfig, getFiltersConfig, filtersConfig, getFilterOptions } from './config.js';
-import { useGetQueryParams } from '../../../../hooks/useGetQueryParams.js';
+import { useGetQueryParams } from '../../../hooks/useGetQueryParams.js';
 import StakeholdersCreate from './create.jsx';
-import { displayMessage } from '../../../../../helpers/messages.js';
+import { displayMessage } from '../../../../helpers/messages.js';
 
 const ActivitiesTable = ({
     t = () => {},
@@ -37,7 +37,7 @@ const ActivitiesTable = ({
     applications = [],
 }) => {
     const [selectOptions, setSelectOptions] = useState();
-    const [activeTab, setActiveTab] = useState();
+    const [activeTab, setActiveTab] = useState("own");
 
     const columns = useMemo(() => getColumns({
         t, 
@@ -47,7 +47,7 @@ const ActivitiesTable = ({
         activeTab,
         getRedirectLink, 
         theme,
-        subject: 'activities',
+        subject: 'correctiveActions',
         data,
         applications,
     }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
@@ -99,7 +99,7 @@ const ActivitiesTable = ({
            location={location}
            loading={loading}
            goTo={goTo}
-           defaultActiveTab={"all"}
+           defaultActiveTab={"own"}
            columns={columns}
            data={data}
            checkboxConfig={checkboxConfig}

package/src/@daf/pages/{dashboards/DueDilligence/Activities → Events/Incidents}/columns.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Tooltip, Tag } from 'antd';
-import { findOptions } from '../../../../../helpers/StringHelper.js';
-import { renderDateFormatted } from '../../../../../helpers/Forms.js';
-import CustomIcon from '../../../../core/components/Icon/CustomIcon.jsx';
-import AvatarGroup from '../../../../core/components/AvatarGroup/index.jsx';
-import sourceAvatarConfig from '../../../../../helpers/sourceAvatarConfig.js';
+import { findOptions } from '../../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../../helpers/Forms.js';
+import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
+import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
 
 const getLinkValue = (value, linkingObject) => {
   if(linkingObject && linkingObject?.[value]) {

package/src/@daf/pages/{dashboards/DueDilligence → Events}/Incidents/create.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect} from 'react'
 import { message } from 'antd';
-import { MessageTypes } from '../../../../../helpers/messages.js';
-import DynamicForm from '../../../../core/components/DynamicForm/index.jsx';
+import { MessageTypes } from '../../../../helpers/messages.js';
+import DynamicForm from '../../../core/components/DynamicForm/index.jsx';
 
 const StakeholdersCreate = ({
     namespace = "incident",

package/src/@daf/pages/{dashboards/DueDilligence → Events}/Incidents/index.jsx

@@ -1,10 +1,10 @@
 import React, { useMemo, useState, useEffect, useCallback } from 'react'
-import TablePageWithTabs from '../../../pages/TablePageWithTabs/index.jsx'
+import TablePageWithTabs from '../../../core/components/Screens/TableScreen/TablePageWithTabs/index.jsx'
 import { getColumns } from './columns.js';
 import { checkboxConfig, getFiltersConfig, filtersConfig, getFilterOptions } from './config.js';
-import { useGetQueryParams } from '../../../../hooks/useGetQueryParams.js';
+import { useGetQueryParams } from '../../../hooks/useGetQueryParams.js';
 import StakeholdersCreate from './create.jsx';
-import { displayMessage } from '../../../../../helpers/messages.js';
+import { displayMessage } from '../../../../helpers/messages.js';
 
 const IncidentsTable = ({
     t = () => {},
@@ -37,7 +37,7 @@ const IncidentsTable = ({
     applications = [],
 }) => {
     const [selectOptions, setSelectOptions] = useState();
-    const [activeTab, setActiveTab] = useState();
+    const [activeTab, setActiveTab] = useState("own");
 
     const columns = useMemo(() => getColumns({
         t, 
@@ -99,7 +99,7 @@ const IncidentsTable = ({
            location={location}
            loading={loading}
            goTo={goTo}
-           defaultActiveTab={"all"}
+           defaultActiveTab={"own"}
            columns={columns}
            data={data}
            checkboxConfig={checkboxConfig}

package/src/@daf/pages/Events/columns.js

@@ -0,0 +1,226 @@
+import React from 'react';
+import { Tooltip, Tag } from 'antd';
+import { findOptions } from '../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../helpers/Forms.js';
+import CustomIcon from '../../core/components/Icon/CustomIcon.jsx';
+// import CustomIcon from '../../core/components/';
+import AvatarGroup from '../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../helpers/sourceAvatarConfig.js';
+import MoreTags from '../../core/components/Table/MoreTags/index.jsx';
+
+const getLinkValue = (value, linkingObject) => {
+  if (linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
+}
+
+export const renderEventStatusTag = ({ value, t = (s) => s }) => {
+  const width = 87;
+
+  switch (value) {
+    case "edited":
+      return (
+        <Tag color="orange" style={{ width }} className="text-center">
+          {t("Edited")}
+        </Tag>
+      );
+    case "submitted":
+      return (
+        <Tag color="green" style={{ width }} className="text-center">
+          {t("Submitted")}
+        </Tag>
+      );
+    default:
+      return (
+        <Tag color="blue" style={{ width }} className="text-center">
+          {t("Private")}
+        </Tag>
+      );
+  }
+};
+
+export const getColumns = ({ t, goTo, user, options, activeTab, getRedirectLink, theme, subject, data, applications }) => [
+  {
+    dataIndex: 'datastakeId',
+    title: t('ID'),
+    ellipsis: true,
+    show: true,
+    render: (v, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />
+      }
+
+      return <Tooltip title={v}>{v}</Tooltip>;
+    },
+  },
+  {
+    dataIndex: 'name',
+    title: t('Title'),
+    ellipsis: true,
+    show: true,
+    render: (v, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />
+      }
+
+      return <Tooltip title={v}>{v}</Tooltip>;
+    },
+  },
+  {
+    dataIndex: 'typeOfEvent',
+    title: t('Type'),
+    ellipsis: true,
+    show: true,
+    render: (v, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />
+      }
+
+      const type = findOptions(v, data?.options?.eventsType);
+
+      return type ? <Tooltip title={type}>{type}</Tooltip> : '-';
+    },
+  },
+  {
+    dataIndex: 'keyStakeholder',
+    title: t('Key Stakeholder'),
+    ellipsis: true,
+    show: true,
+    render: (v, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />
+      }
+      const val = (all?.stakeholderKey || []).map((sk) => {
+        return sk?.name;
+      })
+
+      if (val?.length === 0) {
+        return "--";
+      }
+
+      return <MoreTags values={val} />;
+    },
+  },
+  {
+    title: t("Date"),
+    dataIndex: "date",
+    key: "date",
+    testimonials: true,
+    incident: true,
+    correctiveActions: true,
+    show: true,
+    sorter: () => 0 + 0,
+    searchType: "date",
+    width: 125,
+    render: (date, all) => {
+      if (all.empty) {
+        return null;
+      }
+
+      const title = date ? renderDateFormatted(date, "DD MMM YYYY") : "--";
+      return <Tooltip title={title}>{title}</Tooltip>;
+    },
+    ellipsis: true,
+  },
+  {
+    dataIndex: 'scope',
+    title: t('Scope'),
+    ellipsis: true,
+    show: true,
+    render: (value, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      if (!value) {
+        return "--";
+      }
+
+      // Form the moment the intend of the if block is to be executed only in event table
+      if (typeof value === "string") {
+        if (all.navigationEventType === "other") {
+          return "--";
+        }
+
+        const categoryOptions = (data?.options?.categoryOptions || []).map((c) => {
+          const searchTerm = `typeOfEvent is ${all.navigationEventType}`;
+
+          return {
+            value: c.value,
+            label: c.label[searchTerm],
+          };
+        });
+
+        const relaxantOptions = [
+          ...categoryOptions,
+          ...(data?.options?.eventsType || []),
+          ...(data?.options?.testimonialsType || []),
+        ];
+
+        const title = relaxantOptions.find((v) => v.value === value)?.label || "--";
+
+        return <Tooltip title={title}>{title}</Tooltip>;
+      }
+
+      const val = value.map((v, i) => ({ label: v.name, value: `${v.name}-${i}` }));
+      return val.length ? <MoreTags values={val} /> : "--";
+    },
+  },
+  {
+    title: t("Sources"),
+    dataIndex: "sources",
+    key: "sources",
+    show: activeTab !== "own",
+    render: (val, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      const sources = sourceAvatarConfig(val, user, applications);
+
+      return <AvatarGroup items={sources}></AvatarGroup>;
+    },
+  },
+  {
+    title: t("Status"),
+    dataIndex: "status",
+    key: "status",
+    show: activeTab === "own",
+    correctiveActions: activeTab === "own",
+    testimonials: activeTab === "own",
+    incident: activeTab === "own",
+    width: 120,
+    render: (value, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      if (activeTab !== "own") {
+        return all?.authorId?.name;
+      }
+
+      const _val = all?.published || all?.status === "submitted" ? "submitted" : value;
+      return renderEventStatusTag({ value: _val, t });
+    },
+    ellipsis: true,
+  },
+  {
+    id: 'actions',
+    title: "",
+    width: 60,
+    render: (_, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+
+      return <div style={{ display: "flex", justifyContent: "center" }}>
+        <a href={getRedirectLink(link)}>
+          <CustomIcon name="Link" size={15} color={theme.baseGray70} />
+        </a>
+      </div>;
+    }
+  }
+].filter((column) => column.show !== false);

package/src/@daf/pages/{dashboards/AllInformation/Events → Events}/create.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect} from 'react'
 import { message } from 'antd';
-import { MessageTypes } from '../../../../../helpers/messages.js';
-import DynamicForm from '../../../../core/components/DynamicForm/index.jsx';
+import { MessageTypes } from '../../../helpers/messages.js';
+import DynamicForm from '../../core/components/DynamicForm/index.jsx';
 
 const EventsCreate = ({
     namespace = 'event',

package/src/@daf/pages/{dashboards/AllInformation/Events → Events}/index.jsx

@@ -1,10 +1,10 @@
 import React, { useMemo, useState, useEffect, useCallback } from 'react'
-import TablePageWithTabs from '../../../pages/TablePageWithTabs/index.jsx'
+import TablePageWithTabs from '../../core/components/Screens/TableScreen/TablePageWithTabs/index.jsx'
 import { getColumns } from './columns.js';
 import { checkboxConfig, getFiltersConfig, filtersConfig, getFilterOptions } from './config.js';
-import { useGetQueryParams } from '../../../../hooks/useGetQueryParams.js';
+import { useGetQueryParams } from '../../hooks/useGetQueryParams.js';
 import EventsCreate from './create.jsx';
-import { displayMessage } from '../../../../../helpers/messages.js';
+import { displayMessage } from '../../../helpers/messages.js';
 
 const EventsTable = ({
     t = () => {},
@@ -37,7 +37,7 @@ const EventsTable = ({
     subjectClear = () => {},
 }) => {
     const [selectOptions, setSelectOptions] = useState();
-    const [activeTab, setActiveTab] = useState();
+    const [activeTab, setActiveTab] = useState("own");
 
     const columns = useMemo(() => getColumns({
         t, 
@@ -64,7 +64,6 @@ const EventsTable = ({
     }, [otherParams, extendingFilters])
 
     useEffect(() => {
-        console.log("fetching data")
         getData({
             pagination: paginationQuery,
             ...(Object.keys(filters).length > 0 && { filters: filters }),
@@ -74,11 +73,8 @@ const EventsTable = ({
                 [sortBy || "updatedAt"]: sortDir ? (sortDir === "ascend" ? 1 : -1) : -1,
             }
         }, 'events')
-        console.log("data fetched")
     }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
 
-    console.log({data})
-
     const selectFiltersConfig = useMemo(() => {
         return getFiltersConfig({t});
     }, [t]);
@@ -109,7 +105,7 @@ const EventsTable = ({
            location={location}
            loading={loading}
            goTo={goTo}
-           defaultActiveTab={"all"}
+           defaultActiveTab={"own"}
            columns={columns}
            data={data}
            checkboxConfig={checkboxConfig}

package/src/@daf/pages/{dashboards/Operations/ProductionSites → Locations/MineSite}/columns.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Tooltip } from 'antd';
-import { findOptions } from '../../../../../helpers/StringHelper.js';
-import { renderDateFormatted } from '../../../../../helpers/Forms.js';
-import CustomIcon from '../../../../core/components/Icon/CustomIcon.jsx';
-import AvatarGroup from '../../../../core/components/AvatarGroup/index.jsx';
+import { findOptions } from '../../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../../helpers/Forms.js';
+import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
+import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
 
 const getLinkValue = (value, linkingObject) => {
   if(linkingObject && linkingObject?.[value]) {

package/src/@daf/pages/{dashboards/Operations/ProductionSites → Locations/MineSite}/create.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect} from 'react'
 import { message } from 'antd';
-import { MessageTypes } from '../../../../../helpers/messages.js';
-import DynamicForm from '../../../../core/components/DynamicForm/index.jsx';
+import { MessageTypes } from '../../../../helpers/messages.js';
+import DynamicForm from '../../../core/components/DynamicForm/index.jsx';
 
 const ProductionSitesCreate = ({
     namespace = "PRODUCTION SITES",