es-grid-template 0.0.4 → 0.0.7

package/lib/styles.scss

@@ -0,0 +1,30 @@
+$prefix : 'ui-rc'!default;
+.popup-context-menu {
+  min-width: 200px;
+}
+
+.ui-rc-table-wrapper{
+&.table-none-column-select {
+  .#{$prefix}-table-cell {
+    &.#{$prefix}-table-selection-column {
+      padding: 0!important;
+      overflow: hidden !important;
+      border-inline-end: 0 !important;
+      //flex: 0 0 0 !important;
+      //width: 0 !important;
+    }
+  }
+}
+}
+
+//
+//.ui-rc-table-wrapper {
+//  &.table-none-column-select {
+//    .ui-rc-table-cell {
+//      &.ui-rc-table-selection-column {
+//        padding: 0!important;
+//        overflow: hidden !important;
+//      }
+//    }
+//  }
+//}

package/lib/type.d.ts

@@ -0,0 +1,88 @@
+import type { TableProps, TableColumnType as RcColumnType } from "ui-rc";
+import type { Key, ReactElement, ReactNode } from "react";
+import type React from "react";
+import type { IOperator } from "./hooks";
+import type { FilterOperator, TableRowSelection } from "ui-rc/dist/table/interface";
+import type { ToolbarItem } from "ui-rc/dist/toolbar";
+import type { ItemType } from "ui-rc/dist/menu/interface";
+export type IColumnType = "number" | "time" | "date" | "week" | "month" | "file" | "quarter" | "year" | "datetime" | "string" | "boolean" | "checkbox" | "color" | null | undefined;
+export type AnyObject = Record<PropertyKey, any>;
+export interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
+    children: ColumnsType<RecordType>;
+}
+export type ColumnType<RecordType> = RcColumnType<RecordType> & {
+    type?: IColumnType;
+    isSummary?: boolean;
+    summaryTemplate?: (data: number, key: string) => ReactElement | ReactNode;
+    maxWidth?: string | number;
+    format?: IFormat;
+    allowFiltering?: boolean;
+    operator?: FilterOperator;
+    placeholder?: string;
+    showInColumnChoose?: boolean;
+};
+export type ColumnsType<RecordType = AnyObject> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
+export interface GridTableProps<RecordType> extends Omit<TableProps<RecordType>, 'columns' | 'rowSelection'> {
+    columns?: ColumnsType<RecordType>;
+    format?: IFormat;
+    t?: any;
+    lang?: string;
+    contextMenuItems?: any[];
+    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<RecordType>, 'item' | 'event'>) => string[]);
+    contextMenuOpen?: (args: Omit<ContextInfo<RecordType>, 'item'>) => void;
+    contextMenuClick?: (args: ContextInfo<RecordType>) => void;
+    recordDoubleClick?: (args: RecordDoubleClickEventArgs<RecordType>) => void;
+    toolbarItems?: ToolbarItem[];
+    showColumnChoose?: boolean;
+    onFilter?: (query: {
+        field: string;
+        key: string;
+        operator: IOperator;
+        predicate: 'and' | 'or';
+        value: any;
+    }[]) => void;
+    selectionSettings?: SelectionSettings;
+    rowKey?: string;
+    rowSelection?: RowSelection<RecordType>;
+    rowSelected?: (args: {
+        type: string;
+        rowData: RecordType;
+        selected: RecordType | RecordType[];
+    }) => void;
+}
+export type RowSelection<RecordType> = Omit<TableRowSelection<RecordType>, 'type' | 'columnWidth' | 'hideSelectAll' | 'defaultSelectedRowKeys'>;
+export type SelectionSettings = {
+    mode?: 'checkbox' | 'radio';
+    type?: 'single' | 'multiple';
+    checkboxOnly?: boolean;
+    hideSelectAll?: boolean;
+    columnWidth?: number | string;
+    defaultSelectedRowKeys?: Key[];
+};
+export type RecordDoubleClickEventArgs<RecordType> = {
+    rowData: RecordType;
+    rowIndex: number | undefined;
+    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+};
+export type ContextInfo<RecordType> = {
+    rowInfo: {
+        rowData: RecordType | null;
+    };
+    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+    item: ItemType;
+};
+export type IFormat = {
+    thousandSeparator?: string;
+    decimalSeparator?: string;
+    decimalScale?: number | undefined;
+    allowNegative?: boolean;
+    prefix?: string | undefined;
+    suffix?: string | undefined;
+    fixedDecimalScale?: boolean;
+    dateFormat?: string;
+    datetimeFormat?: string;
+    timeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+    yearFormat?: string;
+};

package/lib/type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

@@ -1,94 +1,75 @@
-{
-  "name": "es-grid-template",
-  "version": "0.0.4",
-  "description": "React",
-  "main": "dist/index.js",
-  "files": [
-    "dist/**/*",
-    "LICENSE",
-    "README.md",
-    "CHANGELOG.md"
-  ],
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "test": "jest",
-    "build:clean": "rimraf dist",
-    "build:rollup": "rollup -c",
-    "build": "npm-run-all build:clean build:rollup",
-    "lint:ts": "eslint ./src --ext .ts,.tsx --config .eslintrc --fix",
-    "lint:styles": "stylelint \"**/*.css\" --fix",
-    "lint": "npm-run-all lint:ts lint:styles",
-    "format": "prettier --write .",
-    "semantic-release": "semantic-release"
-  },
-  "keywords": [
-    "react"
-  ],
-  "author": "Taonv",
-  "license": "MIT",
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "@rollup/plugin-typescript": "^8.2.5",
-    "@semantic-release/commit-analyzer": "^9.0.2",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^8.0.6",
-    "@semantic-release/npm": "^9.0.1",
-    "@semantic-release/release-notes-generator": "^10.0.3",
-    "@testing-library/react": "^14.2.1",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.58",
-    "@types/react-resizable": "^3.0.7",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
-    "antd-style": "^3.7.1",
-    "classnames": "^2.5.1",
-    "eslint": "^8.25.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.8",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
-    "jest": "^29.7.0",
-    "jest-css-modules": "^2.1.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.35",
-    "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-numeric-component": "^1.0.7",
-    "react-resizable": "^3.0.5",
-    "reactstrap": "^9.2.2",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.56.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.71.1",
-    "sass-loader": "^14.1.1",
-    "styled-components": "^6.1.8",
-    "stylelint": "^16.2.1",
-    "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard": "^36.0.0",
-    "stylelint-order": "^6.0.4",
-    "stylelint-prettier": "^5.0.0",
-    "ts-jest": "^29.1.2",
-    "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "ui-rc": "^0.1.2"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-dom": ">=16.8.6"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "antd": "^5.24.1",
-    "dayjs": "^1.11.13",
-    "moment": "^2.30.1"
-  }
-}
+{
+  "name": "es-grid-template",
+  "version": "0.0.7",
+  "description": "es-grid-template",
+  "keywords": [
+    "react",
+    "react-component",
+    "grid",
+    "table"
+  ],
+  "license": "MIT",
+  "main": "lib/index",
+  "module": "es/index",
+  "files": [
+    "lib",
+    "es",
+    "assets/*.css",
+    "assets/*.less"
+  ],
+  "scripts": {
+    "compile": "father build",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d dist",
+    "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
+    "now-build": "npm run docs:build",
+    "prepare": "dumi setup",
+    "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
+    "postpublish": "npm run docs:build && npm run docs:deploy",
+    "start": "dumi dev",
+    "test": "rc-test"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.11.2",
+    "@rc-component/father-plugin": "^2.0.1",
+    "@rc-component/trigger": "^2.0.0",
+    "@rc-component/util": "^1.0.1",
+    "@types/react-resizable": "^3.0.8",
+    "@types/styled-components": "^5.1.34",
+    "antd": "^5.24.1",
+    "antd-style": "^3.7.1",
+    "classnames": "^2.3.1",
+    "dayjs": "^1.11.13",
+    "moment": "^2.30.1",
+    "react-numeric-component": "^1.0.7",
+    "react-resizable": "^3.0.5",
+    "styled-components": "^6.1.15",
+    "ui-rc": "^0.1.5"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/preset-env": "^7.26.9",
+    "@rc-component/np": "^1.0.3",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.4.0",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
+    "@types/warning": "^3.0.0",
+    "cross-env": "^7.0.0",
+    "dumi": "^2.2.13",
+    "eslint": "^8.56.0",
+    "eslint-plugin-unicorn": "^55.0.0",
+    "father": "^4.0.0",
+    "gh-pages": "^3.1.0",
+    "less": "^4.1.1",
+    "np": "^7.1.0",
+    "rc-test": "^7.0.9",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^4.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  }
+}

package/dist/components/GridTable/GridTable.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { GridTableProps } from "../../type";
-import 'dayjs/locale/es';
-import 'dayjs/locale/vi';
-import './styles.scss';
-export declare const GridTable: <RecordType extends object>(props: GridTableProps<RecordType>) => React.JSX.Element;

package/dist/components/GridTable/index.d.ts

@@ -1 +0,0 @@
-export * from './GridTable';

package/dist/components/index.d.ts

@@ -1 +0,0 @@
-export * from './GridTable';

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components';
-export * from './type';