pixel-react 1.2.1 → 1.2.3

package/src/index.ts

@@ -23,7 +23,7 @@ import LazyLoad from './components/LazyLoad/LazyLoad';
 import ThemeProvider from './components/ThemeProvider';
 import Typography from './components/Typography';
 import useTheme from './hooks/useTheme';
-import Form from './components/Form';
+import Form from './components/Form/Forms';
 import InputWithDropdown from './components/InputWithDropdown';
 import RadioButton from './components/RadioButton';
 import RadioGroup from './components/RadioGroup';
@@ -50,7 +50,11 @@ import IconRadioGroup from './components/IconRadioGroup';
 import MachineInputField from './components/MachineInputField';
 import SequentialConnectingBranch from './components/SequentialConnectingBranch';
 import AttachmentButton from './components/AttachmentButton';
+import { Toastify, toast } from './components/Toastify/Toastify';
+
 import LabelEditTextField from './components/LabelEditTextField';
+import ExcelFile from './components/ExcelFile';
+import ModuleChip from './components/ModulesChip/ModuleChip';
 
 // Utils imports
 import { checkEmpty } from './utils/checkEmpty/checkEmpty';
@@ -122,7 +126,11 @@ export {
   SequentialConnectingBranch,
   AttachmentButton,
   LabelEditTextField,
+  ExcelFile,
   IconRadioGroup,
+  Toastify,
+  toast,
+  ModuleChip,
 
   // utils exports
   checkEmpty,

package/src/components/ExcelFile/ChangeExcelStyles.tsx

@@ -1,78 +0,0 @@
-import { CellBase } from "./ExcelFile/Excel";
-
-interface ChangeExcelStylesOptions {
-  sheetName: string;
-  styleType: string;
-  value: string;  
-  selectedCell: { row: number; column: number }[];
-}
-
-export default function ChangeExcelStyles(
-  setWorksheetsData: React.Dispatch<React.SetStateAction<{ [key: string]: Matrix<CellBase>; }>>,
-  options: ChangeExcelStylesOptions
-) {
-  const { sheetName, styleType, value, selectedCell } = options;
-
-  setWorksheetsData((prev) => {
-    if (!prev[sheetName]) {
-      return prev;
-    }
-
-    const sheetData = prev[sheetName]!;
-    const selectedCells = new Set(
-      selectedCell.map(({ row, column }) => `${row}-${column}`)
-    );
-
-    const updatedSheetData: Matrix<CellBase> = sheetData.map((row, rowIndex) =>
-      row.map((cell, columnIndex) => {
-        const isSelected = selectedCells.has(`${rowIndex}-${columnIndex}`);
-        if (isSelected&&cell!==undefined) {
-          let newStyle = { ...cell.style };
-    
-          switch (styleType) {
-            // case 'border':
-            //   newStyle = handleBorderChange(newStyle, value);
-            //   break;
-            // case 'alignment':
-            //   newStyle = handleAlignmentChange(newStyle, value);
-            //   break;
-            // case 'bold':
-            //   newStyle = handleBoldChange(newStyle);
-            //   break;
-            // case 'italic':
-            //   newStyle = handleItalicChange(newStyle);
-            //   break;
-            case 'color':
-              newStyle = handleColorChange(newStyle, value);              
-              break;
-            case 'backgroundColor':
-              newStyle = handleBackgroundColorChange(newStyle, value);
-              break;
-            default:
-              break;
-          }
-    
-          const newValue = cell.value ?? "";
-          
-          return { ...cell, style: newStyle, value: newValue };
-        }
-        return cell;
-      })
-    );
-    
-    
-
-    return { ...prev, [sheetName]: updatedSheetData };
-  });
-}
-
-function handleColorChange(style: CellStyle, value: string): CellStyle {
-  return { ...style, color: `#${value}` };
-}
-
-function handleBackgroundColorChange(
-  style: CellStyle,
-  value: string
-): CellStyle {
-  return { ...style, backgroundColor: `#${value}` };
-}

package/src/components/ExcelFile/ImportExcelStyles.tsx

@@ -1,86 +0,0 @@
-interface CellStyle {
-  color?: string;
-  backgroundColor?: string;
-  bold?: boolean;
-  italic?: boolean;
-  name?: string;
-  border: {
-    top: string;
-    bottom: string;
-    left: string;
-    right: string;
-  };
-  alignment: {
-    horizontal?: string;
-    vertical?: string;
-    wrapText?: boolean;
-  };
-}
-
-interface CellData {
-  style?: CellStyle;
-}
-
-type ImportExcelStylesData = Array<Array<CellData>>;
-
-export default function ImportExcelStyles(data: ImportExcelStylesData | null) {
-  const getTable = document.querySelector(
-    '.Spreadsheet__table'
-  ) as HTMLTableElement | null;
-
-  if (!getTable) {
-    return;
-  }
-
-  const tableRows = getTable.querySelectorAll('tr');
-  const tableHeader = getTable.querySelectorAll('th');
-
-  tableHeader.forEach((cell) => {
-    const cellText = cell.innerText.trim();
-    const isNumber = !isNaN(Number(cellText));
-    cell.style.width = isNumber ? '50px' : '150px';
-  });
-
-  if (data) {
-    data.forEach((row, rowIndex) => {
-      const rowData = tableRows[rowIndex + 1] as
-        | HTMLTableRowElement
-        | undefined;
-
-      if (!rowData) return;
-
-      const colData = rowData.querySelectorAll('.Spreadsheet__cell');
-
-      row.forEach((column, columnIndex) => {
-        if (colData[columnIndex] && column.style) {
-          const {
-            color,
-            backgroundColor,
-            bold,
-            italic,
-            name,
-            border,
-            alignment,
-          } = column.style;
-          const cell = colData[columnIndex] as HTMLElement;
-          cell.style.color = color ? `#${color}` : '';
-          cell.style.backgroundColor = backgroundColor
-            ? `#${backgroundColor}`
-            : 'white';
-          cell.style.fontWeight = bold ? 'bolder' : 'normal';
-          cell.style.fontStyle = italic ? 'italic' : 'normal';
-          cell.style.fontFamily = name || '';
-          cell.style.borderLeft =
-            border.left === 'NONE' ? '' : `2px solid ${'black'}`;
-          cell.style.borderRight =
-            border.right === 'NONE' ? '' : `2px solid ${'black'}`;
-          cell.style.borderBottom =
-            border.bottom === 'NONE' ? '' : `2px solid ${'black'}`;
-          cell.style.borderTop =
-            border.top === 'NONE' ? '' : `2px solid ${'black'}`;
-          cell.style.textAlign = alignment?.horizontal || 'left';
-        }
-      });
-    });
-  }
-}

package/src/components/Form/Form.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import {
-  useForm,
-  UseFormProps,
-  SubmitHandler,
-  FieldValues,
-  FieldPath,
-  FieldErrors,
-} from 'react-hook-form';
-import './Form.scss';
-
-interface FormProps<T extends FieldValues> extends UseFormProps<T> {
-  onSubmit: SubmitHandler<T>;
-  children: (props: {
-    register: (name: FieldPath<T>, options?: any) => any;
-    errors: FieldErrors<T>;
-    handleBlur: (field: FieldPath<T>) => void;
-    getValues: () => T;
-    watch: (field?: FieldPath<T>) => any;
-    setValue: (field: FieldPath<T>, value: any, options?: object) => void;
-  }) => React.ReactNode;
-}
-
-const Form = <T extends FieldValues>({
-  onSubmit,
-  children,
-  ...rest
-}: FormProps<T>) => {
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-    trigger,
-    getValues,
-    watch,
-    setValue
-  } = useForm<T>(rest);
-
-  const handleBlur = async (field: FieldPath<T>) => {
-    await trigger(field);
-  };
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      {children({
-        register,
-        errors,
-        handleBlur,
-        getValues,
-        watch,
-        setValue,
-      })}
-    </form>
-  );
-};
-
-export default Form;