@flowuent-org/diagramming-core 1.3.9 → 1.4.0

package/packages/diagrams/src/lib/utils/vhToPixels.ts

@@ -1,9 +0,0 @@
-export function vhToPixels(vh: number): number {
-  // Get the viewport width in pixels
-  const viewportWidth = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
-
-  // Calculate the value in pixels
-  const pixels = (vh / 100) * viewportWidth;
-
-  return pixels;
-}

package/packages/diagrams/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "noEmit": false,
-    "noEmitOnError": false,
-    "resolveJsonModule": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
-}

package/packages/diagrams/tsconfig.lib.json

@@ -1,25 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-      "node",
-
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ],
-    "noEmitOnError": false
-  },
-  "exclude": [
-    "jest.config.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.js",
-    "src/**/*.test.js",
-    "src/**/*.spec.jsx",
-    "src/**/*.test.jsx"
-  ],
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
-}

package/packages/diagrams/webpack.config.js

@@ -1,17 +0,0 @@
-const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
-const { join } = require('path');
-
-module.exports = {
-  output: {
-    path: join(__dirname, '../../dist/packages/diagrams'),
-  },
-  plugins: [
-    new NxAppWebpackPlugin({
-      target: 'web',
-      tsConfig: 'packages/diagrams/tsconfig.app.json',
-      compiler: 'swc',
-      main: 'packages/diagrams/src/main.ts',
-      outputHashing: 'all',
-    }),
-  ],
-};

package/packages/interfaces/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": []
-}

package/packages/interfaces/.eslintrc.json

@@ -1,18 +0,0 @@
-{
-  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.js", "*.jsx"],
-      "rules": {}
-    }
-  ]
-}

package/packages/interfaces/README.md

@@ -1,7 +0,0 @@
-# interfaces
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test interfaces` to execute the unit tests via [Jest](https://jestjs.io).

package/packages/interfaces/project.json

@@ -1,8 +0,0 @@
-{
-  "name": "interfaces",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/interfaces/src",
-  "projectType": "library",
-  "tags": [],
-  "targets": {}
-}

package/packages/interfaces/src/index.ts

@@ -1,21 +0,0 @@
-import { UserCardProps } from './lib/UserCard';
-import { StyledBoxVariantOverrides } from './lib/StyledBox';
-import { ButtonVariantOverrides } from './lib/Button';
-import { ToolbarItem } from './lib/ToolbarItem';
-import {
-  TableViewProps,
-  ColumnDescriptor,
-  DataGridVariantOverrides,
-} from './lib/DataGrid';
-import { ValidationRules } from './lib/yup';
-
-export {
-  UserCardProps,
-  StyledBoxVariantOverrides,
-  ButtonVariantOverrides,
-  TableViewProps,
-  ColumnDescriptor,
-  DataGridVariantOverrides,
-  ToolbarItem,
-  ValidationRules,
-};

package/packages/interfaces/src/lib/Button.tsx

@@ -1 +0,0 @@
-export interface ButtonVariantOverrides {}

package/packages/interfaces/src/lib/DataGrid.ts

@@ -1,14 +0,0 @@
-import { GridValidRowModel } from '@mui/x-data-grid';
-
-export interface DataGridVariantOverrides {}
-
-export interface ColumnDescriptor {
-  id: string;
-  headerRenderer: () => React.ReactNode;
-  cellRenderer: (record: any) => React.ReactNode;
-}
-
-export interface TableViewProps {
-  records: Array<GridValidRowModel>;
-  columns: Array<ColumnDescriptor>;
-}

package/packages/interfaces/src/lib/StyledBox.tsx

@@ -1 +0,0 @@
-export interface StyledBoxVariantOverrides {}

package/packages/interfaces/src/lib/ToolbarItem.ts

@@ -1,7 +0,0 @@
-export interface ToolbarItem {
-  id: string | string;
-  label?: string;
-  icon?: React.ReactNode;
-  url: string;
-  renderer?: () => React.ReactNode;
-}

package/packages/interfaces/src/lib/UserCard.ts

@@ -1,8 +0,0 @@
-export interface UserCardProps {
-  // if needed then add extra prop
-  name: string;
-  userName: string;
-  email: string;
-  phoneNumber: string;
-  profileUrl: string;
-}

package/packages/interfaces/src/lib/yup.ts

@@ -1,3 +0,0 @@
-export interface ValidationRules {
-  [fieldName: string]: string[];
-}

package/packages/interfaces/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
-}

package/packages/interfaces/tsconfig.lib.json

@@ -1,24 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-      "node",
-
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "exclude": [
-    "jest.config.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.js",
-    "src/**/*.test.js",
-    "src/**/*.spec.jsx",
-    "src/**/*.test.jsx"
-  ],
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
-}

package/packages/molecules/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": []
-}

package/packages/molecules/.eslintrc.json

@@ -1,18 +0,0 @@
-{
-  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.js", "*.jsx"],
-      "rules": {}
-    }
-  ]
-}

package/packages/molecules/README.md

@@ -1,7 +0,0 @@
-# molecules
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test molecules` to execute the unit tests via [Jest](https://jestjs.io).

package/packages/molecules/project.json

@@ -1,8 +0,0 @@
-{
-  "name": "molecules",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/molecules/src",
-  "projectType": "library",
-  "tags": [],
-  "targets": {}
-}

package/packages/molecules/src/index.ts

@@ -1,41 +0,0 @@
-import UserCard from './lib/UserCard/UserCard';
-import TableWithInlineView from './lib/TableWithInlineView/TableWithInlineView';
-import ActionTextField from './lib/ActionTextField/ActionTextField';
-import HTTPVerbSelection from './lib/VerbSelection/HTTPVerbSelection';
-import ParamsActionField from './lib/ParamsActionField/ParamsActionField';
-import EditorTab from './lib/EditorTab/EditorTab';
-import CloseableButton from './lib/ClosableButton/CloseableButton';
-
-// Export SVG Icons
-export {
-  ArticleAnalyzerIcon,
-  StartNodeIcon,
-  EndNodeIcon,
-  NavigationIcon,
-  ParallelIcon,
-  BranchIcon,
-  GroupIcon,
-  ReturnIcon,
-  LoopIcon,
-  SwitchIcon,
-  TryIcon,
-  CatchIcon,
-  TryCatchIcon,
-  FunctionIcon,
-  CallIcon,
-  LetIcon,
-  SetIcon,
-  EmptyNodeIcon,
-  EntityIcon,
-} from './lib/SvgIcons';
-export type { SvgIconProps } from './lib/SvgIcons';
-
-export {
-  UserCard,
-  TableWithInlineView,
-  ActionTextField,
-  HTTPVerbSelection,
-  ParamsActionField,
-  EditorTab,
-  CloseableButton
-};

package/packages/molecules/src/lib/ActionTextField/ActionTextField.module.css

@@ -1,7 +0,0 @@
-/*
- * Replace this with your own classes
- *
- * e.g.
- * .action-textfield {
- * }
-*/

package/packages/molecules/src/lib/ActionTextField/ActionTextField.spec.tsx

@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react';
-
-import ActionTextField from './ActionTextField';
-
-describe('ActionTextField', () => {
-  it('should render successfully', () => {
-    const { baseElement } = render(<ActionTextField />);
-    expect(baseElement).toBeTruthy();
-  });
-});

package/packages/molecules/src/lib/ActionTextField/ActionTextField.tsx

@@ -1,33 +0,0 @@
-import {AcUnit} from '@mui/icons-material';
-import {InputAdornment, TextFieldProps as MuiTextFieldProps,} from '@mui/material';
-import {Button, TextField as MuiTextField} from '@flowuent-labs/atoms';
-
-type ActionTextFieldProps = MuiTextFieldProps & {
-  // add more props for overriding
-};
-
-const ActionTextField = (props: ActionTextFieldProps) => {
-  return (
-    <MuiTextField
-      fullWidth
-      InputProps={{
-        readOnly: true,
-        startAdornment: (
-          <InputAdornment position="start">
-            <AcUnit/>
-          </InputAdornment>
-        ),
-        endAdornment: (
-          <Button variant="contained" color="secondary">
-            Save
-          </Button>
-        ),
-      }}
-      {...props} // apply parent props
-    >
-      {props.children}
-    </MuiTextField>
-  );
-};
-
-export default ActionTextField;

package/packages/molecules/src/lib/ClosableButton/CloseableButton.module.css

@@ -1,7 +0,0 @@
-/*
- * Replace this with your own classes
- *
- * e.g.
- * .close-button {
- * }
-*/

package/packages/molecules/src/lib/ClosableButton/CloseableButton.spec.tsx

@@ -1,11 +0,0 @@
-import { render } from '@testing-library/react';
-
-import CloseableButton from './CloseableButton';
-import React from 'react';
-
-describe('CloseableButton', () => {
-  it('should render successfully', () => {
-    const { baseElement } = render(<CloseableButton />);
-    expect(baseElement).toBeTruthy();
-  });
-});

package/packages/molecules/src/lib/ClosableButton/CloseableButton.tsx

@@ -1,69 +0,0 @@
-import Button from '@mui/material/Button';
-import CloseIcon from '@mui/icons-material/Close';
-import { useNavigate } from 'react-router-dom';
-import { useCallback } from 'react';
-import { SxProps } from '@mui/material';
-import { grey } from '@mui/material/colors';
-
-interface CloseableButtonProps {
-  icon: React.ReactNode;
-  label: string;
-  url: string;
-  active: boolean;
-  onClose?: () => void;
-  sx?: SxProps;
-  iconSx?: SxProps;
-}
-
-const CloseableButton = (props: CloseableButtonProps) => {
-  const navigate = useNavigate();
-
-  const handleClick = useCallback(() => {
-    navigate(props.url);
-  }, [navigate, props.url]);
-
-  const handleClose = useCallback((event: React.MouseEvent) => {
-    event.stopPropagation();
-  }, []);
-
-  return (
-    <Button
-      sx={{
-        bgcolor: grey[100],
-        '&:hover': {
-          bgcolor: grey[100],
-        },
-        ...props.sx,
-      }}
-      variant="outlined"
-      disableRipple
-      startIcon={props.icon}
-      style={{
-        position: 'relative',
-        border: '1p',
-        color: 'black',
-        borderColor: props.active ? 'blue' : '',
-      }}
-      onClick={handleClick}
-    >
-      {props.label}
-      {props.onClose && (
-        <CloseIcon
-          fontSize="small"
-          sx={{
-            position: 'absolute',
-            top: -11,
-            right: -6,
-            color: 'blue',
-            bgcolor: grey[100],
-            borderRadius: '50%',
-            ...props.iconSx,
-          }}
-          onClick={handleClose}
-        />
-      )}
-    </Button>
-  );
-};
-
-export default CloseableButton;

package/packages/molecules/src/lib/EditorTab/EditorTab.module.css

@@ -1,7 +0,0 @@
-/*
- * Replace this with your own classes
- *
- * e.g.
- * .container {
- * }
-*/

package/packages/molecules/src/lib/EditorTab/EditorTab.spec.tsx

@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react';
-
-import Tab from './EditorTab';
-
-describe('Tab', () => {
-  it('should render successfully', () => {
-    const { baseElement } = render(<Tab />);
-    expect(baseElement).toBeTruthy();
-  });
-});

package/packages/molecules/src/lib/EditorTab/EditorTab.tsx

@@ -1,42 +0,0 @@
-import { Box, Tab, Tabs } from '@mui/material';
-import { useCallback, useMemo } from 'react';
-import TabPanel from './TabPanel';
-
-const EditorTab = ({
-  tabItems,
-  value,
-  onChange,
-}: {
-  tabItems: Array<{ label: string; render: React.FC }>;
-  value: number;
-  onChange: (newValue: number) => void;
-  defaultActiveItemIndex?: number;
-}) => {
-  const allItems = useMemo(() => tabItems, [tabItems]);
-
-  const handleChange = useCallback(
-    (event: React.SyntheticEvent, newValue: number) => {
-      onChange(newValue);
-    },
-    [onChange]
-  );
-
-  return (
-    <Box width="100%">
-      <Box borderBottom={1} borderColor="divider">
-        <Tabs value={value} onChange={handleChange}>
-          {allItems.map((item, index) => (
-            <Tab label={item.label} key={index} />
-          ))}
-        </Tabs>
-      </Box>
-      {allItems.map((item, index) => (
-        <TabPanel value={value} index={index} key={index}>
-          <item.render />
-        </TabPanel>
-      ))}
-    </Box>
-  );
-};
-
-export default EditorTab;

package/packages/molecules/src/lib/EditorTab/TabPanel.tsx

@@ -1,25 +0,0 @@
-import { Box } from '@flowuent-labs/atoms';
-
-interface TabPanelProps {
-  children?: React.ReactNode;
-  index: number;
-  value: number;
-}
-
-const TabPanel = (props: TabPanelProps) => {
-  const { children, value, index, ...other } = props;
-
-  return (
-    <Box
-      role="tabpanel"
-      hidden={value !== index}
-      id={`simple-tabpanel-${index}`}
-      aria-labelledby={`simple-tab-${index}`}
-      {...other}
-    >
-      {value === index && <Box p={3}>{children}</Box>}
-    </Box>
-  );
-};
-
-export default TabPanel;

package/packages/molecules/src/lib/ParamsActionField/ParamsActionField.module.css

@@ -1,7 +0,0 @@
-/*
- * Replace this with your own classes
- *
- * e.g.
- * .container {
- * }
-*/

package/packages/molecules/src/lib/ParamsActionField/ParamsActionField.spec.tsx

@@ -1,10 +0,0 @@
-import { render } from '@testing-library/react';
-
-import ParamsActionField from './ParamsActionField';
-
-describe('ParamsActionField', () => {
-  it('should render successfully', () => {
-    const { baseElement } = render(<ParamsActionField />);
-    expect(baseElement).toBeTruthy();
-  });
-});

package/packages/molecules/src/lib/ParamsActionField/ParamsActionField.tsx

@@ -1,24 +0,0 @@
-import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-import { Button, TextField as MuiTextField } from '@flowuent-labs/atoms';
-import { useTranslation } from 'react-i18next';
-
-type ParamsActionFieldProps = MuiTextFieldProps & {
-  // add more props for overriding
-};
-
-const ParamsActionField = (props: ParamsActionFieldProps) => {
-  const { t } = useTranslation();
-  return (
-    <MuiTextField
-      fullWidth
-      InputProps={{
-        endAdornment: <Button variant="contained">{t('button.send')}</Button>,
-      }}
-      {...props} // apply parent props
-    >
-      {props.children}
-    </MuiTextField>
-  );
-};
-
-export default ParamsActionField;