work-workflow-test 0.0.1

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "work-workflow-test",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/workflow.cjs.js",
+  "module": "./dist/workflow.es.js",
+  "types": "./types/index.d.ts",
+  "files": [
+    "dist",
+    "types"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/workflow.es.js",
+      "require": "./dist/workflow.cjs.js",
+      "types": "./types/index.d.ts"
+    },
+    "./index.css": "./dist/index.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build:types": "tsc --project tsconfig.json",
+    "build": "vite build && tsc --project tsconfig.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@apollo/client": "^3",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/styled-engine": "^7.2.0",
+    "aws-amplify": "^6.15.4",
+    "axios": "^1.11.0",
+    "graphql": "^16",
+    "js-cookie": "^3.0.5",
+    "luxon": "^3.7.1",
+    "react-hook-form": "^7",
+    "reactflow": "^11.11.4",
+    "universal-cookie": "^8.0.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@eslint/js": "^9.30.1",
+    "@mui/icons-material": "^5.18.0",
+    "@mui/material": "^5.18.0",
+    "@storybook/addon-a11y": "^9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/addon-vitest": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@types/js-cookie": "^3.0.6",
+    "@types/luxon": "^3.7.1",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.0.18",
+    "globals": "^16.3.0",
+    "playwright": "^1.54.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.89.2",
+    "storybook": "^9.0.18",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "@apollo/client": "^3",
+    "@mui/icons-material": "^5",
+    "@mui/material": "^5",
+    "graphql": "^16",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "react-hook-form": "^7"
+  }
+}

package/types/components/Automation/AutoComp.d.ts

@@ -0,0 +1,2 @@
+declare const AutomationComp: ({ defaultValue, setValue, isDisable }: any) => import("react/jsx-runtime").JSX.Element;
+export default AutomationComp;

package/types/components/Automation/Automation.d.ts

@@ -0,0 +1,8 @@
+import type { CustomEdgeType, SelectIdType } from "../WorkflowModal/types";
+declare const Automation: ({ editEdgeData, setSelectedId, selectAutomation, isCreateNewAutomation, }: {
+    editEdgeData: CustomEdgeType | null;
+    setSelectedId: React.Dispatch<React.SetStateAction<SelectIdType>>;
+    selectAutomation: any;
+    isCreateNewAutomation: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Automation;

package/types/components/Automation/ListOfAutomation.d.ts

@@ -0,0 +1,2 @@
+declare const ListOfAutomation: ({ selectedId, setSelectedId, setSelectAutomation, setisCreateNewAutomation, }: any) => import("react/jsx-runtime").JSX.Element;
+export default ListOfAutomation;

package/types/components/Automation/index.d.ts

@@ -0,0 +1,3 @@
+import type { AutomaitonConfigType } from "./types";
+declare const AutomaitonConfig: ({ editEdgeData, selectedId, setSelectedId, }: AutomaitonConfigType) => import("react/jsx-runtime").JSX.Element;
+export default AutomaitonConfig;

package/types/components/Automation/types.d.ts

@@ -0,0 +1,6 @@
+import type { CustomEdgeType, SelectIdType } from "../WorkflowModal/types";
+export type AutomaitonConfigType = {
+    selectedId: SelectIdType;
+    editEdgeData: CustomEdgeType | null;
+    setSelectedId: React.Dispatch<React.SetStateAction<SelectIdType>>;
+};

package/types/components/AutomationBage/index.d.ts

@@ -0,0 +1,2 @@
+declare const AutomationBage: () => import("react/jsx-runtime").JSX.Element;
+export default AutomationBage;

package/types/components/Condition/constants.d.ts

@@ -0,0 +1,395 @@
+export declare const conditionAutomation: {
+    status_changes: {
+        type: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string[];
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            mapSegmentsId: number;
+            value: string;
+            optionType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+    number_lessthan: {
+        type: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string[];
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+    number_greaterthan: {
+        type: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string[];
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+    copy_data_to_other_work: {
+        type: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string[];
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+};
+export declare const conditionOptions: {
+    key: string;
+    displayContent: string;
+    conditionAuto: {
+        type: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string[];
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            mapSegmentsId: number;
+            value: string;
+            optionType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+}[];
+export declare const automationData: {
+    changes_field_value: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+    send_notification: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+    move_to_other_work: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+        })[];
+    };
+    copy_to_other_workspace_work: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+            mapSegmentsId: number;
+            childSegments?: undefined;
+        })[];
+    };
+    send_notification_to_field: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+};
+export declare const automatoinOption: ({
+    key: string;
+    displayAutomation: string;
+    automation: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: string;
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+} | {
+    key: string;
+    displayAutomation: string;
+    automation: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+            childSegments: number[];
+            mapSegmentsId?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            value: string;
+            mapSegmentsId: number;
+            optionType?: undefined;
+            fieldType?: undefined;
+            childSegments?: undefined;
+        })[];
+    };
+} | {
+    key: string;
+    displayAutomation: string;
+    automation: {
+        key: string;
+        segments: ({
+            segmentsId: number;
+            type: string;
+            value: string;
+            valueType?: undefined;
+            optionType?: undefined;
+            fieldType?: undefined;
+        } | {
+            segmentsId: number;
+            type: string;
+            valueType: string;
+            optionType: string;
+            fieldType: string;
+            value: never[];
+        })[];
+    };
+})[];
+export declare const initialAutomation: {
+    id: number;
+    blocks: {
+        type: string;
+        segments: ({
+            type: string;
+            value: string;
+            options?: undefined;
+        } | {
+            type: string;
+            value: string;
+            options: string[];
+        })[];
+    }[];
+};

package/types/components/Condition/index.d.ts

@@ -0,0 +1,2 @@
+declare const ConditionComp: ({ defaultValue, setValue, isDisable }: any) => import("react/jsx-runtime").JSX.Element;
+export default ConditionComp;

package/types/components/CustomEdge/CustomEdge.d.ts

@@ -0,0 +1,2 @@
+declare const CustomEdge: ({ id, sourceX, sourceY, targetX, targetY, data }: any) => import("react/jsx-runtime").JSX.Element;
+export default CustomEdge;

package/types/components/CustomNode/FieldNode.d.ts

@@ -0,0 +1,3 @@
+import { type NodeProps } from "reactflow";
+declare const FieldNode: ({}: NodeProps) => import("react/jsx-runtime").JSX.Element;
+export default FieldNode;

package/types/components/CustomNode/OptionFieldNode.d.ts

@@ -0,0 +1,2 @@
+import { type NodeProps } from "reactflow";
+export declare const CustomHandleNode: ({ data }: NodeProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/Form/MoveRecordToWork.d.ts

@@ -0,0 +1,10 @@
+declare const MoveRecordToWork: ({ datasetId, workspaceId, targetWorkspaceId, autoIndex, segmentIndex, setValue, defaultValue, }: {
+    datasetId: string;
+    workspaceId: string;
+    targetWorkspaceId: string;
+    autoIndex: number;
+    segmentIndex: number;
+    setValue: any;
+    defaultValue: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MoveRecordToWork;

package/types/components/Form/MultiSelectWithSearch.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const MultiSelectWithSearch: React.FC<any>;
+export default MultiSelectWithSearch;

package/types/components/Form/Notification.d.ts

@@ -0,0 +1,2 @@
+declare const Notification: ({ defaultValue, setValue }: any) => import("react/jsx-runtime").JSX.Element;
+export default Notification;

package/types/components/Form/NotificationUser.d.ts

@@ -0,0 +1,2 @@
+declare const NotificationUser: () => import("react/jsx-runtime").JSX.Element;
+export default NotificationUser;

package/types/components/Form/OwnerList.d.ts

@@ -0,0 +1,8 @@
+export declare const CustomGet: (obj: any, path: string, defaultValue?: any) => any;
+export declare const CustomIsEmpty: (value: any) => boolean;
+export declare const getInitialsFromName: (name: any) => string;
+export declare const CustomStartCase: (data: string) => string;
+export declare const OwnerList: ({ data, value }: {
+    data: any;
+    value: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/components/Form/WorkspaceDroopdown.d.ts

@@ -0,0 +1,2 @@
+declare const WorkspaceDroopdown: ({ defaultValue, setValue }: any) => import("react/jsx-runtime").JSX.Element;
+export default WorkspaceDroopdown;

package/types/components/Form/multi-user-field.d.ts

@@ -0,0 +1,11 @@
+declare const MultiUserField: ({ selectedAssignees, setValue, datasetId, isForNotification, }: {
+    selectedAssignees: string[];
+    setValue: (value: string[]) => void;
+    datasetId: string;
+    isForNotification?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MultiUserField;
+export declare const CollobrationView: ({ assignTo, acceptedUserData, }: {
+    assignTo: string[];
+    acceptedUserData: any[];
+}) => import("react/jsx-runtime").JSX.Element | "--";

package/types/components/Form/query.d.ts

@@ -0,0 +1,4 @@
+export declare const GET_SEARCH_ACCESS_OWNER: import("@apollo/client").DocumentNode;
+export declare const GET_DATASET_DETAILS: import("@apollo/client").DocumentNode;
+export declare const GET_Field_DETAILS: import("@apollo/client").DocumentNode;
+export declare const GET_WORKSPACE_LIST: import("@apollo/client").DocumentNode;

package/types/components/Sections/ConfigAutoSection.d.ts

@@ -0,0 +1,3 @@
+import type { ConfigAutoSectionType } from "./types";
+declare const ConfigAutoSection: ({ selectedId, editEdgeData, updateEdgeData, setSelectedId, }: ConfigAutoSectionType) => import("react/jsx-runtime").JSX.Element;
+export default ConfigAutoSection;

package/types/components/Sections/Configuration.d.ts

@@ -0,0 +1,8 @@
+import type { Edge } from "reactflow";
+import type { EdgeData, SelectIdType } from "../WorkflowModal/types";
+declare const ConfigurationComp: ({ edges, setSelectedId, saveToBackend, }: {
+    edges: Edge<EdgeData>[];
+    setSelectedId: React.Dispatch<React.SetStateAction<SelectIdType>>;
+    saveToBackend: () => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ConfigurationComp;

package/types/components/Sections/index.d.ts

@@ -0,0 +1,3 @@
+import type { ConfigDrawerType } from "./types";
+declare const ConfigDrawer: ({ edges, updateEdgeData, saveToBackend, }: ConfigDrawerType) => import("react/jsx-runtime").JSX.Element;
+export default ConfigDrawer;

package/types/components/Sections/types.d.ts

@@ -0,0 +1,19 @@
+import type { Edge } from "reactflow";
+import type { CustomEdgeType, SelectIdType } from "../WorkflowModal/types";
+export type ConfigDrawerType = {
+    edges: Edge<any>[];
+    updateEdgeData: ({ id, data }: {
+        id: string;
+        data: any;
+    }) => void;
+    saveToBackend: () => Promise<void>;
+};
+export type ConfigAutoSectionType = {
+    selectedId: SelectIdType;
+    updateEdgeData: ({ id, data }: {
+        id: string;
+        data: any;
+    }) => void;
+    editEdgeData: CustomEdgeType | null;
+    setSelectedId: React.Dispatch<React.SetStateAction<SelectIdType>>;
+};

package/types/components/WorkflowCanvas/WorkflowCanvas.d.ts

@@ -0,0 +1,9 @@
+import { type Edge, type Node } from "reactflow";
+import "reactflow/dist/style.css";
+type Props = {
+    initialNodes?: Node[];
+    initialEdges?: Edge[];
+    onChange?: (nodes: Node[], edges: Edge[]) => void;
+};
+export declare const WorkflowCanvas: ({ initialNodes, initialEdges, onChange, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/WorkflowCanvas/WorkflowCanvas.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { WorkflowCanvas } from "./WorkflowCanvas";
+declare const meta: Meta<typeof WorkflowCanvas>;
+export default meta;
+type Story = StoryObj<typeof WorkflowCanvas>;
+export declare const Basic: Story;

package/types/components/WorkflowCanvas/index.d.ts

@@ -0,0 +1,22 @@
+import { type Edge } from "reactflow";
+import type { Node as FlowNode } from "reactflow";
+import "reactflow/dist/style.css";
+interface Stage {
+    key: string;
+    value: string;
+    statusColor: string;
+}
+export declare const createNodesFromStages: (stages: Stage[]) => FlowNode[];
+interface WorkflowMap {
+    stage: string;
+    next: string[];
+    transitions: {
+        to: string;
+        permission: string;
+        requiredColumns: string[];
+        condition: string;
+    }[];
+}
+export declare function buildWorkflowMap(edges: Edge[]): WorkflowMap[];
+export default function ReactFlowWorkflow(): import("react/jsx-runtime").JSX.Element;
+export {};