@dexteel/mesf-core 4.17.0 → 4.18.1

package/.husky/pre-commit

@@ -0,0 +1,14 @@
+# Use Node.js to check if the directory exists and run the command
+node -e "
+
+const { execSync } = require('child_process');
+
+try {
+    execSync('npx @biomejs/biome check --write ./src && git update-index --again', {
+      stdio: 'inherit'
+    });
+  } catch (error) {
+    console.error('Error running Biome:', error);
+    process.exit(1);
+  }
+"

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "4.17.0"
+  ".": "4.18.1"
 }

package/CHANGELOG.md

@@ -1,3 +1,35 @@
+# Changelog
+
+## [4.18.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.18.0...@dexteel/mesf-core-v4.18.1) (2024-08-01)
+
+
+### Bug Fixes
+
+* wrong imports ([ab36b9f](https://github.com/dexteel/mesf-core-frontend/commit/ab36b9fbd6320888862e16de786aa793a36a637f))
+
+## [4.18.0] - 2024-08-01
+
+
+
+# Changelog
+
+## [4.18.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.17.0...@dexteel/mesf-core-v4.18.0) (2024-08-01)
+
+
+### Features
+
+* **ContextMenu:** Implement one ContextMenu for whole project ([b96ce77](https://github.com/dexteel/mesf-core-frontend/commit/b96ce77a6bebac3bb7531d464bbf42145b3330b7))
+* **devops:** Implement husky and biome ([470833d](https://github.com/dexteel/mesf-core-frontend/commit/470833d6825df4fb1f5c902ac5216336ea25f711))
+
+
+### Bug Fixes
+
+* **Config Pages:** Implement new ContextMenuMESF ([0e8cb01](https://github.com/dexteel/mesf-core-frontend/commit/0e8cb01a37d4f7cca9283243dc406d4718b775c2))
+
+## [4.17.0] - 2024-07-31
+
+
+
 # Changelog
 
 ## [4.17.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.16.8...@dexteel/mesf-core-v4.17.0) (2024-07-31)

package/biome.json

@@ -0,0 +1,11 @@
+{
+  "organizeImports": {
+    "enabled": true
+  },
+  "formatter": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": false
+  }
+}

package/dist/MESFMain.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import "./css/index.css";
 import { ConfigurationsType } from "./configurationMenu";
 interface Props {

package/dist/components/modals/modal.mesf.d.ts

@@ -1,5 +1,5 @@
+import { type Theme, type WithStyles } from "@material-ui/core/styles";
 import React, { ReactNode } from "react";
-import { Theme, WithStyles } from "@material-ui/core/styles";
 declare const styles: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "closeButton">;
 export interface DialogTitleProps extends WithStyles<typeof styles> {
     id: string;

package/dist/components/shared/buttons/button-with-loading.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { ButtonProps } from "@material-ui/core";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 interface Props extends ButtonProps {
     children?: ReactNode;
     isLoading: boolean;

package/dist/configuration/pages/asset/components/AssetConfiguration/CustomDragPreview.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { DragLayerMonitorProps } from "@minoru/react-dnd-treeview";
+import React from "react";
 import { FileProperties } from "../../models/FileProperties";
 type Props = {
     monitorProps: DragLayerMonitorProps<FileProperties>;

package/dist/configuration/pages/asset/components/AssetConfiguration/CustomNode.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { NodeModel, RenderParams } from "@minoru/react-dnd-treeview";
+import React from "react";
 import { FileProperties } from "../../models/FileProperties";
 type Props = RenderParams & {
     node: NodeModel<FileProperties>;

package/dist/configuration/pages/asset/components/AssetConfiguration/MultipleDragPreview.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { NodeModel } from "@minoru/react-dnd-treeview";
+import React from "react";
 import { FileProperties } from "../../models/FileProperties";
 type Props = {
     dragSources: NodeModel<FileProperties>[];

package/dist/configuration/pages/asset/components/hooks/useAssetActions.d.ts

@@ -1,4 +1,4 @@
-import { DropOptions, NodeModel } from "@minoru/react-dnd-treeview";
+import { type DropOptions, type NodeModel } from "@minoru/react-dnd-treeview";
 import { FileProperties } from "../../models/FileProperties";
 type Props = {
     asset: NodeModel<FileProperties>[];

package/dist/configuration/pages/asset/context/ConfigurationAssetContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useConfigurationAssetContext: () => {
     state: {
         openAssets: {

package/dist/configuration/pages/job/components/JobsTable/TableJobs.d.ts

@@ -1,2 +1,7 @@
 import * as React from "react";
-export declare const TableJobs: () => React.JSX.Element;
+type Props = {
+    getJobsFromAPI: Function;
+    isLoading: boolean;
+};
+export declare const TableJobs: ({ getJobsFromAPI, isLoading }: Props) => React.JSX.Element;
+export {};

package/dist/configuration/pages/job/components/JobsTable/customHooks/useJobsOptionsFunctions.d.ts

@@ -0,0 +1,10 @@
+import { MenuOptionType } from "../../../../../../controls";
+import { Job } from "../../../models/Job";
+type Props = {
+    getJobsFromAPI: Function;
+    setRowSelected: Function;
+};
+export declare const useJobsOptionsFunctions: ({ getJobsFromAPI, setRowSelected, }: Props) => {
+    getMenuOptions: (data: Job) => MenuOptionType[];
+};
+export {};

package/dist/configuration/pages/job/components/JobsTable/customHooks/useJobsTableData.d.ts

@@ -1,10 +1,10 @@
-import { Job } from "../../../models/Job";
 import { ColDef } from "ag-grid-community";
+import { Job } from "../../../models/Job";
 type Props = {
-    getJobsFromAPI: () => Promise<void>;
     setRowSelected: (job: Job | null) => void;
+    showContextMenu: Function;
 };
-export declare const useJobsTableData: ({ setRowSelected }: Props) => {
+export declare const useJobsTableData: ({ setRowSelected, showContextMenu, }: Props) => {
     rows: {
         id: number;
         sProcedure: string;

package/dist/configuration/pages/job/context/JobsContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useJobsContext: () => {
     state: {
         jobsData: import("../models/Job").Job[];

package/dist/configuration/pages/log/components/LogsTable/customHooks/useLogsOptionsFunctions.d.ts

@@ -0,0 +1,11 @@
+import { MenuOptionType } from "../../../../../../controls";
+import { Log } from "../../../models/Log";
+type Props = {
+    setSelectedLog: Function;
+    setShowLogModal: Function;
+    handleResetButtonClick: Function;
+};
+export declare const useLogsOptionsFunctions: ({ setSelectedLog, setShowLogModal, handleResetButtonClick, }: Props) => {
+    getMenuOptions: (data: Log) => MenuOptionType[];
+};
+export {};

package/dist/configuration/pages/log/context/LogsContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useLogsContext: () => {
     state: {
         logs: import("../models/Log").Log[];

package/dist/configuration/pages/profiles/components/Delete/DeleteProfile.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { Profile } from "../../models/Profile";
 type Props = {
-    profileForDelete: Profile | null;
+    profile: Profile | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
 };
-export declare const DeleteProfile: ({ profileForDelete, show, onHide }: Props) => React.JSX.Element;
+export declare const DeleteProfile: ({ profile, show, onHide }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/profiles/components/ProfilesTable/customHooks/useProfilesOptionsFunctions.d.ts

@@ -0,0 +1,12 @@
+import { MenuOptionType } from "../../../../../../controls";
+import { Profile } from "../../../models/Profile";
+type Props = {
+    setProfileId: Function;
+    setShowDeleteModal: Function;
+    setShowCreateModal: Function;
+    setModalProceduresProfile: Function;
+};
+export declare const useProfilesOptionsFunctions: ({ setProfileId, setShowDeleteModal, setShowCreateModal, setModalProceduresProfile, }: Props) => {
+    getMenuOptions: (data: Profile) => MenuOptionType[];
+};
+export {};

package/dist/configuration/pages/profiles/components/ProfilesTable/customHooks/useTableData.d.ts

@@ -1,12 +1,12 @@
-import { Profile } from "../../../models/Profile";
 import { ColDef } from "ag-grid-community";
+import { Profile } from "../../../models/Profile";
 type Props = {
-    setProfileForEdit: (profile: Profile) => void;
+    setProfileId: (profile: Profile) => void;
     setModalProceduresProfile: (showModal: boolean) => void;
-    setProfileForDelete: (profile: Profile) => void;
     setModalDeleteProfile: (showModal: boolean) => void;
+    showContextMenu: Function;
 };
-export declare const useTableData: ({ setProfileForEdit, setModalProceduresProfile, setProfileForDelete, setModalDeleteProfile, }: Props) => {
+export declare const useTableData: ({ setProfileId, setModalProceduresProfile, setModalDeleteProfile, showContextMenu, }: Props) => {
     rows: {
         id: number | null;
         ProfileId: number | null;

package/dist/configuration/pages/profiles/context/ProfileContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useProfilesContext: () => {
     state: {
         profiles: import("../models/Profile").Profile[];

package/dist/configuration/pages/profiles/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 type Props = {};
-declare const UsersPage: (props: Props) => React.JSX.Element;
-export default UsersPage;
+declare const ProfilesPage: (props: Props) => React.JSX.Element;
+export default ProfilesPage;

package/dist/configuration/pages/shifCrew/components/customHooks/useShiftsOptionsFunctions.d.ts

@@ -0,0 +1,11 @@
+import { MenuOptionType, ShiftInfo } from "../../../../../controls";
+type Props = {
+    setShiftId: Function;
+    setShowDeleteModal: Function;
+    setShowCreateModal: Function;
+    setShowEditModal: Function;
+};
+export declare const useShiftsOptionsFunctions: ({ setShiftId, setShowDeleteModal, setShowCreateModal, setShowEditModal, }: Props) => {
+    getMenuOptions: (data: ShiftInfo) => MenuOptionType[];
+};
+export {};

package/dist/configuration/pages/shifCrew/components/customHooks/useTableShift.d.ts

@@ -2,8 +2,9 @@ import { ColDef } from "ag-grid-community";
 type Props = {
     setOpenModalEditShift: Function;
     setOpenModalDeleteShift: Function;
+    showContextMenu: Function;
 };
-export declare const useTableData: ({ setOpenModalEditShift, setOpenModalDeleteShift, }: Props) => {
+export declare const useTableData: ({ setOpenModalEditShift, setOpenModalDeleteShift, showContextMenu, }: Props) => {
     rows: {
         id: string;
         PatternStart: Date;

package/dist/configuration/pages/shifCrew/context/ShiftsCrewsContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useShiftsCrewsContext: () => {
     state: {
         shifts: import("../models/ShiftParameters").ShiftParameters[];

package/dist/configuration/pages/users/components/Delete/DeleteUser.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 type Props = {
-    userIdForDelete: number | null;
+    userId: number | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
 };
-export declare const DeleteUser: ({ userIdForDelete, show, onHide }: Props) => React.JSX.Element;
+export declare const DeleteUser: ({ userId, show, onHide }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/EditUser/EditUser.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 type Props = {
-    userIdForEdit: number | null;
+    userId: number | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
 };
-export declare const EditUser: ({ userIdForEdit, show, onHide }: Props) => React.JSX.Element;
+export declare const EditUser: ({ userId, show, onHide }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/UsersDataTable/customHooks/useTableData.d.ts

@@ -1,13 +1,12 @@
 import { ColDef } from "ag-grid-community";
 type Props = {
+    setUserId: Function;
     setOpenModalEditDataUser: Function;
     setOpenModalDeleteUser: Function;
-    setUserIdForEdit: Function;
-    setUserIdForDelete: Function;
     setOpenModalChangePasswordd: Function;
-    setUserForPasswordChange: Function;
+    showContextMenu: Function;
 };
-export declare const useTableData: ({ setUserIdForEdit, setOpenModalEditDataUser, setUserIdForDelete, setOpenModalDeleteUser, setOpenModalChangePasswordd, setUserForPasswordChange, }: Props) => {
+export declare const useTableData: ({ setUserId, setOpenModalEditDataUser, setOpenModalDeleteUser, setOpenModalChangePasswordd, showContextMenu, }: Props) => {
     rows: {
         UserId: number | null;
         UserName: string;

package/dist/configuration/pages/users/components/UsersDataTable/customHooks/useUsersOptionsFunctions.d.ts

@@ -0,0 +1,13 @@
+import { MenuOptionType } from "../../../../../../controls";
+import { User } from "../../../models/User";
+type Props = {
+    setUserId: Function;
+    setShowEditModal: Function;
+    setShowDeleteModal: Function;
+    setShowCreateModal: Function;
+    setShowChangePasswordModal: Function;
+};
+export declare const useUsersOptionsFunctions: ({ setUserId, setShowEditModal, setShowDeleteModal, setShowCreateModal, setShowChangePasswordModal, }: Props) => {
+    getMenuOptions: (data: User) => MenuOptionType[];
+};
+export {};

package/dist/configuration/pages/users/components/common/AuthTypeSelector.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     value: number | null;
     onChange: (val: number) => void;
+    disabled?: boolean;
 };
-export declare const AuthTypeSelector: ({ value, onChange }: Props) => React.JSX.Element;
+export declare const AuthTypeSelector: ({ value, onChange, disabled }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/common/ProfilesPicker.d.ts

@@ -4,6 +4,7 @@ type Props = {
     onChange: Function;
     userIdForDelete: number | null;
     setprofileError: (err: string) => void;
+    disabled?: boolean;
 };
-export declare const ProfilesPicker: ({ value, onChange, userIdForDelete, setprofileError, }: Props) => React.JSX.Element;
+export declare const ProfilesPicker: ({ value, onChange, userIdForDelete, setprofileError, disabled, }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/context/UsersContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useUsersContext: () => {
     state: {
         users: import("../models/User").User[];

package/dist/context/UTLSettingContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useUTLSettingsContext: () => {
     state: {
         serverTimeZone: string;

package/dist/context/assetContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useAssetContext: () => {
     state: {
         areasList: import("../models/Asset").Asset[];

package/dist/context/userContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from "react";
+import { default as React, type ReactNode } from "react";
 export declare const useUserContext: () => {
     state: {
         userLastName: string;

package/dist/controls/alert.d.ts

@@ -1,3 +1,3 @@
+import { type AlertProps } from "@material-ui/lab/Alert";
 import React from "react";
-import { AlertProps } from "@material-ui/lab/Alert";
 export declare const Alert: (props: AlertProps) => React.JSX.Element;

package/dist/controls/charts/genericChart.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import PropTypes from "prop-types";
+import React from "react";
 declare const BarChartControl: {
     (props: any): React.JSX.Element;
     propTypes: {

package/dist/controls/contextMenu/ContextMenu.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const ContextMenu: () => React.JSX.Element | null;

package/dist/controls/contextMenu/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ContextMenu";
+export * from "./useContextMenuMESF";
+export * from "./styles/ContextMenuStyles";
+export * from "./models/MenuOptionType";

package/dist/controls/contextMenu/models/MenuOptionType.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { CSSProperties, ReactNode } from "react";
+export interface MenuOptionType {
+    name: string;
+    key: string;
+    onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    style?: CSSProperties;
+    icon?: ReactNode;
+    disabled?: boolean;
+}

package/dist/controls/contextMenu/styles/ContextMenuStyles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"contextMenu">;

package/dist/controls/contextMenu/useContextMenuMESF.d.ts

@@ -0,0 +1,22 @@
+import React, { type ReactNode } from "react";
+import { MenuOptionType } from "./models/MenuOptionType";
+type ContextMenuConfig = {
+    id: string;
+    getOptions: (data: any) => MenuOptionType[];
+};
+interface ContextMenuMESFContextType {
+    show: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    options: MenuOptionType[];
+    showContextMenu: (e: React.MouseEvent, data: any, configId: string) => void;
+    registerConfig: (config: ContextMenuConfig) => void;
+    onClickOutside: () => void;
+}
+export declare const ContextMenuMESFProvider: ({ children, }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const useContextMenuMESF: () => ContextMenuMESFContextType;
+export {};

package/dist/controls/index.d.ts

@@ -4,4 +4,5 @@ export * from "./filters/dialogFilter";
 export * from "./tables/GenericTable";
 export * from "./tables/dataGrid";
 export * from "./panels";
-export * from './shift-navigator';
+export * from "./shift-navigator";
+export * from "./contextMenu";

package/dist/controls/panels.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, MouseEventHandler } from "react";
+import React, { Component, type MouseEventHandler } from "react";
 type GenericPanelProps = {
     title: string;
     description?: string;

package/dist/controls/shift-navigator/context/ShiftNavigatorProvider.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { ShiftNavigatorManagerResult } from "../hook/useShiftNavigator";
+import { type ShiftNavigatorManagerResult } from "../hook/useShiftNavigator";
 export declare const useShiftNavigator: () => ShiftNavigatorManagerResult;
 export declare const ShiftNavigatorProvider: ({ children }: any) => React.JSX.Element;

package/dist/controls/shift-navigator/hook/useShiftNavigator.d.ts

@@ -1,5 +1,5 @@
-import { ShiftInfo } from "../models/shift-navigator.model";
 import { ShiftNavigatorDirection } from "../component/shift-navigator.control";
+import { ShiftInfo } from "../models/shift-navigator.model";
 export declare const useShiftNavigatorManager: () => {
     shiftInfo: ShiftInfo | null;
     moveShift: (direction: ShiftNavigatorDirection) => Promise<void>;

package/dist/controls/shift-navigator/index.d.ts

@@ -1,5 +1,5 @@
-export * from './component/shift-navigator.control';
-export * from './context/ShiftNavigatorProvider';
-export * from './hook/useShiftNavigator';
-export * from './models/shift-navigator.model';
-export * from './repositories/ShiftsRepository';
+export * from "./component/shift-navigator.control";
+export * from "./context/ShiftNavigatorProvider";
+export * from "./hook/useShiftNavigator";
+export * from "./models/shift-navigator.model";
+export * from "./repositories/ShiftsRepository";

package/dist/controls/tables/dataGrid.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import PropTypes from "prop-types";
+import React from "react";
 declare const DataGridControl: {
     (props: any): React.JSX.Element;
     propTypes: {

package/dist/hooks/useSearchUTLSetting.d.ts

@@ -1,4 +1,4 @@
-export declare const useSearchUTLSettings: ({ onError }: {
+export declare const useSearchUTLSettings: ({ onError, }: {
     onError: (err: string) => void;
 }) => {
     searchUTLSettings: () => Promise<void>;

package/dist/index.d.ts

@@ -12,6 +12,6 @@ export * from "./context/userContext";
 export * from "./controls";
 export * from "./services";
 export * from "./utils";
-export * from './components/shared/buttons/button-with-loading';
-export * from './configuration/pages/users/models/User';
-export * from './configuration/pages/users/repositories/UsersRepository';
+export * from "./components/shared/buttons/button-with-loading";
+export * from "./configuration/pages/users/models/User";
+export * from "./configuration/pages/users/repositories/UsersRepository";