@rowsncolumns/grid 9.0.4 → 13.2.32

package/src/types.ts

@@ -1,69 +0,0 @@
-export enum KeyCodes {
-  Right = 39,
-  Left = 37,
-  Up = 38,
-  Down = 40,
-  Escape = 27,
-  Tab = 9,
-  Meta = 91,
-  Delete = 46,
-  BackSpace = 8,
-  Enter = 13,
-  A = 65,
-  SPACE = 32,
-  ALT = 18,
-  C = 67,
-  Home = 36,
-  End = 35,
-  PageDown = 34,
-  PageUp = 33,
-  Z = 90,
-  CapsLock = 20,
-  KEY_B = 66,
-  KEY_I = 73,
-  KEY_U = 85,
-  KEY_X = 88,
-  KEY_L = 76,
-  KEY_E = 69,
-  KEY_R = 82,
-  BACK_SLASH = 220,
-  KEY_Y = 89,
-  ScrollLock = 145,
-  NumLock = 144,
-  Pause = 19,
-  Insert = 45,
-  F1 = 112,
-  F2 = 113,
-  F3 = 114,
-  F4 = 115,
-  F5 = 116,
-  F6 = 117,
-  F7 = 118,
-  F8 = 119,
-  F9 = 120,
-  F10 = 121,
-  F11 = 122,
-  F12 = 123,
-}
-
-export enum Direction {
-  Up = "UP",
-  Down = "DOWN",
-  Left = "LEFT",
-  Right = "RIGHT",
-}
-
-export enum MimeType {
-  html = "text/html",
-  csv = "text/csv",
-  plain = "text/plain",
-  json = "application/json",
-}
-
-export enum MouseButtonCodes {
-  "left" = 1,
-  "middle" = 2,
-  "right" = 3,
-}
-
-export type SelectionPolicy = "single" | "range" | "multiple";

package/src/utils.tsx

@@ -1,287 +0,0 @@
-import React from "react";
-import { ShapeConfig } from "konva/lib/Shape";
-import { Line, Rect } from "react-konva";
-import { SelectionProps } from "./Grid";
-
-/**
- * Create a box with custom top/right/bottom/left colors and widths
- * @param param0
- */
-export const createCanvasBox = ({
-  x = 0,
-  y = 0,
-  width = 0,
-  height = 0,
-  fill,
-  stroke,
-  strokeLeftColor = stroke,
-  strokeTopColor = stroke,
-  strokeRightColor = stroke,
-  strokeBottomColor = stroke,
-  strokeWidth = 0,
-  strokeTopWidth = strokeWidth,
-  strokeRightWidth = strokeWidth,
-  strokeBottomWidth = strokeWidth,
-  strokeLeftWidth = strokeWidth,
-  dash,
-  dashEnabled,
-  lineCap = "square",
-  key,
-}: ShapeConfig) => {
-  const commonProps = {
-    perfectDrawEnabled: false,
-    shadowForStrokeEnabled: false,
-    hitStrokeWidth: 0,
-    listening: false,
-  };
-  const composite = undefined;
-  const lines = [
-    <Line
-      points={[x, y, x + width, y]}
-      stroke={strokeTopColor}
-      strokeWidth={strokeTopWidth}
-      dash={dash}
-      dashEnabled={dashEnabled}
-      lineCap={lineCap}
-      key="top"
-      globalCompositeOperation={composite}
-      {...commonProps}
-    />,
-    <Line
-      points={[x + width, y, x + width, y + height]}
-      stroke={strokeRightColor}
-      strokeWidth={strokeRightWidth}
-      dash={dash}
-      dashEnabled={dashEnabled}
-      lineCap={lineCap}
-      key="right"
-      globalCompositeOperation={composite}
-      {...commonProps}
-    />,
-    <Line
-      points={[x + width, y + height, x, y + height]}
-      stroke={strokeBottomColor}
-      strokeWidth={strokeBottomWidth}
-      dash={dash}
-      dashEnabled={dashEnabled}
-      lineCap={lineCap}
-      key="bottom"
-      globalCompositeOperation={composite}
-      {...commonProps}
-    />,
-    <Line
-      points={[x, y + height, x, y]}
-      stroke={strokeLeftColor}
-      strokeWidth={strokeLeftWidth}
-      dash={dash}
-      dashEnabled={dashEnabled}
-      lineCap={lineCap}
-      key="left"
-      globalCompositeOperation={composite}
-      {...commonProps}
-    />,
-  ];
-
-  return (
-    <React.Fragment key={key}>
-      {fill && (
-        <Rect
-          globalCompositeOperation={composite}
-          fill={fill}
-          x={x}
-          y={y}
-          width={width}
-          height={height}
-          {...commonProps}
-        />
-      )}
-      {lines}
-    </React.Fragment>
-  );
-};
-
-export const createHTMLBox = ({
-  x = 0,
-  y = 0,
-  width = 0,
-  height = 0,
-  fill,
-  stroke,
-  strokeLeftColor = stroke,
-  strokeTopColor = stroke,
-  strokeRightColor = stroke,
-  strokeBottomColor = stroke,
-  strokeWidth = 0,
-  strokeTopWidth = strokeWidth,
-  strokeRightWidth = strokeWidth,
-  strokeBottomWidth = strokeWidth,
-  strokeLeftWidth = strokeWidth,
-  key,
-  strokeStyle = "solid",
-  fillOpacity = 1,
-  draggable,
-  isDragging,
-  borderCoverWidth = 5,
-  type,
-  bounds,
-  activeCell,
-  ...props
-}: SelectionProps) => {
-  const lineStyles: Partial<React.CSSProperties> = {
-    borderWidth: 0,
-    position: "absolute",
-    pointerEvents: "none",
-  };
-  /**
-   * Border cover is so that there is enough
-   * draggable handle area for the user.
-   * Default is 5px
-   */
-  const showBorderCover = draggable;
-  const borderCoverStyle: React.CSSProperties = {
-    position: "absolute",
-    pointerEvents: draggable ? "auto" : "none",
-    cursor: draggable ? (isDragging ? "grabbing" : "grab") : "initial",
-  };
-  width = width - Math.floor(strokeWidth / 2);
-  height = height - Math.floor(strokeWidth / 2);
-  // y = y - Math.ceil(strokeWidth / 2);
-  const lines = [
-    <div
-      style={{
-        ...lineStyles,
-        left: x,
-        top: y,
-        width: width,
-        height: strokeTopWidth,
-        borderColor: strokeTopColor,
-        borderTopWidth: strokeTopWidth,
-        borderStyle: strokeStyle,
-      }}
-      key="top"
-      {...props}
-    />,
-    <div
-      style={{
-        ...lineStyles,
-        left: x + width,
-        top: y,
-        width: strokeRightWidth,
-        height: height,
-        borderColor: strokeRightColor,
-        borderRightWidth: strokeRightWidth,
-        borderStyle: strokeStyle,
-      }}
-      key="right"
-      {...props}
-    />,
-    <div
-      style={{
-        ...lineStyles,
-        left: x,
-        top: y + height,
-        width: width + strokeTopWidth,
-        height: strokeBottomWidth,
-        borderColor: strokeBottomColor,
-        borderBottomWidth: strokeBottomWidth,
-        borderStyle: strokeStyle,
-      }}
-      key="bottom"
-      {...props}
-    />,
-    <div
-      style={{
-        ...lineStyles,
-        left: x,
-        top: y,
-        width: strokeLeftWidth,
-        height: height,
-        borderColor: strokeLeftColor,
-        borderLeftWidth: strokeLeftWidth,
-        borderStyle: strokeStyle,
-      }}
-      key="left"
-      {...props}
-    />,
-  ];
-  const borderCovers = [
-    <div
-      style={{
-        ...borderCoverStyle,
-        left: x,
-        top: y,
-        width: width,
-        height: 5,
-      }}
-      key="top"
-      {...props}
-    />,
-    <div
-      style={{
-        ...borderCoverStyle,
-        left: x + width - borderCoverWidth + strokeRightWidth,
-        top: y,
-        width: borderCoverWidth,
-        height: height,
-      }}
-      key="right"
-      {...props}
-    />,
-    <div
-      style={{
-        ...borderCoverStyle,
-        left: x,
-        top: y + height - borderCoverWidth + strokeBottomWidth,
-        width: width + strokeTopWidth,
-        height: borderCoverWidth,
-      }}
-      key="bottom"
-      {...props}
-    />,
-    <div
-      style={{
-        ...borderCoverStyle,
-        left: x,
-        top: y,
-        width: borderCoverWidth,
-        height: height,
-      }}
-      key="left"
-      {...props}
-    />,
-  ];
-  /**
-   * Display title component
-   * Only if title is not null
-   */
-  const titleProps = {
-    isDragging,
-    x,
-    y,
-    stroke: strokeTopColor,
-    width,
-    bounds,
-    strokeWidth,
-  };
-  return (
-    <React.Fragment key={key}>
-      {fill && (
-        <div
-          style={{
-            position: "absolute",
-            top: y,
-            left: x,
-            height,
-            width,
-            backgroundColor: fill,
-            opacity: fillOpacity,
-            userSelect: "none",
-            pointerEvents: "none",
-          }}
-        />
-      )}
-      {lines}
-      {showBorderCover && borderCovers}
-    </React.Fragment>
-  );
-};