pixel-react 1.10.15 → 1.10.16

package/src/components/Excel/ExcelFile/ExcelFileComponents/util.ts

@@ -1,172 +0,0 @@
-import * as Types from './types';
-import * as Matrix from './matrix';
-import * as Point from './point';
-import { PointRange } from './point-range';
-import { Selection } from './selection';
-
-export { createEmpty as createEmptyMatrix } from './matrix';
-
-export const PLAIN_TEXT_MIME = 'text/plain';
-export const FOCUS_WITHIN_SELECTOR = ':focus-within';
-
-/** Move the cursor of given input element to the input's end */
-export function moveCursorToEnd(el: HTMLInputElement): void {
-  el.selectionStart = el.selectionEnd = el.value.length;
-}
-
-/**
- * Creates an array of numbers (positive and/or negative) progressing from start up to, but not including, end. A step of -1 is used if a negative start is specified without an end or step. If end is not specified, it's set to start with start then set to 0.
- * @param end - an integer number specifying at which position to stop (not included).
- * @param start - An integer number specifying at which position to start.
- * @param step - An integer number specifying the Increment */
-export function range(end: number, start = 0, step = 1): number[] {
-  const array = [];
-  if (Math.sign(end - start) === -1) {
-    for (let element = start; element > end; element -= step) {
-      array.push(element);
-    }
-    return array;
-  }
-  for (let element = start; element < end; element += step) {
-    array.push(element);
-  }
-  return array;
-}
-
-/** Return whether given point is active */
-export function isActive(
-  active: Types.StoreState['active'],
-  point: Point.Point
-): boolean {
-  return Boolean(active && Point.isEqual(point, active));
-}
-
-/** Get the offset values of given element */
-export function getOffsetRect(element: HTMLElement): Types.Dimensions {
-  return {
-    width: element.offsetWidth,
-    height: element.offsetHeight,
-    left: element.offsetLeft,
-    top: element.offsetTop,
-  };
-}
-
-/** Write given data to clipboard with given event */
-export function writeTextToClipboard(
-  event: ClipboardEvent,
-  data: string
-): void {
-  event.clipboardData?.setData(PLAIN_TEXT_MIME, data);
-}
-
-/** Read text from given clipboard event */
-export function readTextFromClipboard(event: ClipboardEvent): string {
-  // @ts-ignore
-  if (window.clipboardData && window.clipboardData.getData) {
-    // @ts-ignore
-    return window.clipboardData.getData('Text');
-  }
-  if (event.clipboardData && event.clipboardData.getData) {
-    return event.clipboardData.getData(PLAIN_TEXT_MIME);
-  }
-  return '';
-}
-
-/** Get the dimensions of cell at point from state */
-export function getCellDimensions(
-  point: Point.Point,
-  rowDimensions: Types.StoreState['rowDimensions'] | undefined,
-  columnDimensions: Types.StoreState['columnDimensions'] | undefined
-): Types.Dimensions | undefined {
-  const cellRowDimensions = rowDimensions && rowDimensions[point.row];
-  const cellColumnDimensions =
-    columnDimensions && columnDimensions[point.column];
-  return (
-    cellRowDimensions &&
-    cellColumnDimensions && {
-      ...cellRowDimensions,
-      ...cellColumnDimensions,
-    }
-  );
-}
-
-/** Get the dimensions of a range of cells */
-export function getRangeDimensions(
-  rowDimensions: Types.StoreState['rowDimensions'],
-  columnDimensions: Types.StoreState['columnDimensions'],
-  range: PointRange
-): Types.Dimensions | undefined {
-  const startDimensions = getCellDimensions(
-    range.start,
-    rowDimensions,
-    columnDimensions
-  );
-  const endDimensions = getCellDimensions(
-    range.end,
-    rowDimensions,
-    columnDimensions
-  );
-  return (
-    startDimensions &&
-    endDimensions && {
-      width: endDimensions.left + endDimensions.width - startDimensions.left,
-      height: endDimensions.top + endDimensions.height - startDimensions.top,
-      top: startDimensions.top,
-      left: startDimensions.left,
-    }
-  );
-}
-
-/** Get the dimensions of selected */
-export function getSelectedDimensions(
-  rowDimensions: Types.StoreState['rowDimensions'],
-  columnDimensions: Types.StoreState['columnDimensions'],
-  data: Matrix.Matrix<unknown>,
-  selected: Selection
-): Types.Dimensions | undefined {
-  const range = selected.toRange(data);
-  return range
-    ? getRangeDimensions(rowDimensions, columnDimensions, range)
-    : undefined;
-}
-
-/** Get given data as CSV */
-export function getCSV(data: Matrix.Matrix<Types.CellBase>): string {
-  const valueMatrix = Matrix.map((cell) => cell?.value || '', data);
-  return Matrix.join(valueMatrix);
-}
-
-/**
- * Calculate the rows and columns counts of a spreadsheet
- * @param data - the spreadsheet's data
- * @param rowLabels - the spreadsheet's row labels (if defined)
- * @param columnLabels - the spreadsheet's column labels (if defined)
- * @returns the rows and columns counts of a spreadsheet
- */
-export function calculateSpreadsheetSize(
-  data: Matrix.Matrix<unknown>,
-  rowLabels?: string[],
-  columnLabels?: string[]
-): Matrix.Size {
-  const { columns, rows } = Matrix.getSize(data);
-  return {
-    rows: rowLabels ? Math.max(rows, rowLabels.length) : rows,
-    columns: columnLabels ? Math.max(columns, columnLabels.length) : columns,
-  };
-}
-
-/** Should spreadsheet handle clipboard event */
-export function shouldHandleClipboardEvent(
-  root: Element | null,
-  mode: Types.Mode
-): boolean {
-  return root !== null && mode === 'view' && isFocusedWithin(root);
-}
-
-export function isFocusedWithin(element: Element): boolean {
-  return element.matches(FOCUS_WITHIN_SELECTOR);
-}
-
-export function hasLineBreaker(value: unknown) {
-  return typeof value === 'string' && value.includes('\n');
-}

package/src/components/Excel/ExcelFile.stories.tsx

@@ -1,171 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import ExcelFile from './ExcelFile/ExcelFile';
-
-const meta: Meta<typeof ExcelFile> = {
-  title: 'Components/ExcelFile',
-  component: ExcelFile,
-  tags: ['autodocs'],
-  argTypes: {
-    toolbar: {
-      control: { type: 'radio' },
-      options: ['show', 'disable', 'hide'],
-      description: 'Controls whether the toolbar is shown, disabled, or hidden',
-    },
-    excelData: {
-      description: 'The Excel data containing sheets and their content',
-    },
-    contextOption: {
-      description: 'Provide context menu options for actions like right-click',
-    },
-    onSave: {
-      description: 'Callback function to save the Excel data',
-    },
-  },
-};
-
-type Story = StoryObj<typeof ExcelFile>;
-
-export const Default: Story = {
-  args: {
-    excelData: [
-      {
-        sheetName: 'fireflink',
-        data: [
-          [
-            {
-              value: 'Test Sample Data 1',
-              styles: {
-                //TODO remove 's' for Style
-                name: 'Arial',
-                size: 11,
-                bold: true,
-                italic: false,
-                color: 'ffffff', // Sample data from backend without #
-                backgroundColor: '434db8', // Sample data from backend without #
-                borderColor: 'F2F2F2', // Sample data from backend without #
-                border: {
-                  top: 'NONE',
-                  bottom: 'NONE',
-                  left: 'NONE',
-                  right: 'NONE',
-                },
-                alignment: {
-                  horizontal: 'GENERAL',
-                  vertical: 'BOTTOM',
-                  wrapText: false,
-                },
-              },
-              isDisable:true,
-            },
-            {
-              value: 'Test Data 2',
-              styles: {
-                //TODO remove 's' for Style
-                name: 'Arial',
-                size: 12,
-                bold: true,
-                italic: true,
-                color: 'EB5B00', // Sample data from backend without #
-                backgroundColor: '88C273', // Sample data from backend without #
-                borderColor: 'F2F2F2', // Sample data from backend without #
-                border: {
-                  top: 'NONE',
-                  bottom: 'NONE',
-                  left: 'NONE',
-                  right: 'NONE',
-                },
-                alignment: {
-                  horizontal: 'GENERAL',
-                  vertical: 'BOTTOM',
-                  wrapText: false,
-                },
-              },
-            },
-          ],
-          [
-            {
-              value: 'Test Data 3',
-              styles: {
-                //TODO remove 's' for Style
-                name: 'Arial',
-                size: 11,
-                bold: false,
-                italic: false,
-                color: '000000', // Sample data from backend without #
-                backgroundColor: 'EB5B00', // Sample data from backend without #
-                borderColor: 'F2F2F2', // Sample data from backend without #
-                border: {
-                  top: 'NONE',
-                  bottom: 'NONE',
-                  left: 'NONE',
-                  right: 'NONE',
-                },
-                alignment: {
-                  horizontal: 'GENERAL',
-                  vertical: 'BOTTOM',
-                  wrapText: false,
-                },
-              },
-            },
-            {
-              value: 'Test Sample Data 4',
-              styles: {
-                //TODO remove 's' for Style
-                name: 'Arial',
-                size: 11,
-                bold: false,
-                italic: false,
-                color: '3D0301', // Sample data from backend without #
-                backgroundColor: 'C6E7FF', // Sample data from backend without #
-                borderColor: 'F2F2F2', // Sample data from backend without #
-                border: {
-                  top: 'THIN',
-                  bottom: 'THIN',
-                  left: 'THIN',
-                  right: 'THIN',
-                },
-                alignment: {
-                  horizontal: 'GENERAL',
-                  vertical: 'BOTTOM',
-                  wrapText: false,
-                },
-              },
-            },
-          ],
-        ],
-      },
-    ],
-    toolbar: 'hide',
-    sheetBar: 'hide',
-    colCount: 10,
-    rowCount: 10,
-    columnContextEnable: true,
-    rowContextEnable: true,
-    contextOption: {
-      open: true,
-      options: [
-        {
-          label: 'Get data from Header',
-          value: 'Get data from Header',
-          iconName: 'success',
-          action: () => {},
-        },
-        {
-          label: 'Get Cell Value',
-          value: 'Get Cell Value',
-          iconName: 'success',
-          action: () => {},
-        },
-      ],
-    },
-    contextHeightPositioning: -220,
-    contextWidthPositioning: -180,
-    sheetHeight: '300px',
-    onSaveDelay:1000,
-    onSave: (val) => {
-      console.log(val);
-    },
-  },
-};
-
-export default meta;