buckaroo-js-core 0.8.0

package/examples/ex/HistogramEx.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+//import { histograms } from '../../js/baked_data/staticData';
+//import { HistogramCell } from '../../js/components/DFViewerParts/HistogramCell';
+import { extraComponents, bakedData } from 'buckaroo';
+
+
+
+export default function Simple() {
+  const {
+    num_histo, bool_histo, NA_Only, simple_catgeorical, categorical_histo,
+    categorical_histo_lt, all_unique, unique_na, unique_continuous,
+    unique_continuous_scaled, unique_continuous_scaled_50,
+    start_station_categorical} = bakedData.histograms;
+
+  return <div className="histogram-ex">
+    <div className="histogram-wrap">
+      <span> Numeric </span>
+    <extraComponents.HistogramCell value={num_histo}/>
+    </div>
+    <div className="histogram-wrap">
+      <span> Boolean with NA  </span>
+    <extraComponents.HistogramCell value={bool_histo}/>
+    </div>
+    <div className="histogram-wrap">
+      <span>  NA Only  </span>
+    <extraComponents.HistogramCell value={NA_Only}/>
+    </div>
+    <div className="histogram-wrap">
+      <span> Simple Categorical </span>
+    <extraComponents.HistogramCell value={simple_catgeorical} />
+    </div>
+  
+    <div className="histogram-wrap">
+      <span> Categorical unique NA </span>
+    <extraComponents.HistogramCell value={categorical_histo} />
+    </div>
+    <div className="histogram-wrap">
+      <span> Categorical_longtail </span>
+    <extraComponents.HistogramCell value={categorical_histo_lt} />
+    </div>
+
+    <div className="histogram-wrap">
+      <span> Categorical All unique </span>
+    <extraComponents.HistogramCell value={all_unique}/>
+    </div>
+
+    <div className="histogram-wrap">
+      <span> Categorical Unique with NA  </span>
+    <extraComponents.HistogramCell value={unique_na}/>
+    </div>
+
+    <div className="histogram-wrap">
+      <span> Numeric all Unique  </span>
+    <extraComponents.HistogramCell value={unique_continuous_scaled}/>
+    </div>
+    <div className="histogram-wrap">
+      <span> start station categorical  </span>
+      <extraComponents.HistogramCell value={start_station_categorical}/>
+    </div>
+  
+
+    <div className="histogram-wrap">
+      <span> Numeric 50% unique  </span>
+    <extraComponents.HistogramCell value={unique_continuous_scaled_50}/>
+    </div>
+  </div>
+}

package/examples/ex/StatusBarEx.tsx

@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import {
+  BuckarooState,
+  extraComponents,
+  BuckarooOptions,
+  DFMeta,
+} from 'buckaroo';
+
+export default function StatusBarEx() {
+  console.clear();
+  const dfm: DFMeta = {
+    columns: 5,
+    rows_shown: 20,
+    filtered_rows: 300_000,
+    total_rows: 8_777_444,
+  };
+
+  const [bState, setBState] = useState<BuckarooState>({
+    auto_clean: 'conservative',
+    sampled: false,
+    df_display: 'main',
+    post_processing: 'asdf',
+    show_commands: false,
+    quick_command_args: {},
+  });
+
+  const bOptions: BuckarooOptions = {
+    auto_clean: ['aggressive', 'conservative'],
+    post_processing: ['', 'asdf'],
+    sampled: ['random'],
+    show_commands: ['on'],
+    df_display: ['main'],
+  };
+
+  return (
+    <div>
+      <extraComponents.StatusBar
+        dfMeta={dfm}
+        buckarooState={bState}
+        setBuckarooState={setBState}
+        buckarooOptions={bOptions}
+      />
+      <pre> {JSON.stringify(bState, null, 2)}</pre>
+    </div>
+  );
+}

package/examples/ex/WidgetDCFCellEx.tsx

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import {extraComponents} from 'buckaroo';
+
+export default function Simple() {
+    return <extraComponents.WidgetDCFCellExample />;
+}

package/examples/example.css

@@ -0,0 +1,20 @@
+.table-fixed {
+    table-layout: fixed;
+}
+
+.btn-width {
+    width: 3rem;
+    text-align: end;
+}
+
+.table-rounded td {
+    border-bottom-width: 0;
+}
+
+.table-rounded td:first-child {
+    border-radius: 10px 0 0 10px;
+}
+
+.table-rounded td:last-child {
+    border-radius: 0 10px 10px 0;
+}

package/examples/index-iframe.hnottml

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="keywords" content="react, list, listview, typescript, javascript">
+    <title>iframe wrapper index </title>
+    <style>
+      html {
+	  color:black;
+      }
+      </style>
+</head>
+
+
+<body>
+  <h1  style="color:black"> index iframe </h1>
+  <div style="border:1px solid green">
+    <iframe height="400" width="900" src="//#/DFViewerEx"></iframe>
+</body>
+
+</html>

package/examples/index-react18.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOMClient from 'react-dom/client';
+
+import App from './App';
+
+// eslint-disable-next-line no-console
+console.debug('React 18 mode');
+ReactDOMClient.createRoot(document.getElementById('root')).render(<App />);

package/examples/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="keywords" content="react, list, listview, typescript, javascript">
+    <title>react-edit-list - Universal Editable List React Component</title>
+</head>
+
+<body>
+    <div id="fullscreen" class="fullscreen">
+        <div id="root">
+            <%= require('../README.md').default %>
+        </div>
+    </div>
+</body>
+
+</html>

package/examples/jsx-loader.ts

@@ -0,0 +1,16 @@
+import prettier from 'prettier/standalone';
+import parserTypescript from 'prettier/parser-typescript';
+import Prism from 'prismjs';
+
+import loadLanguages from 'prismjs/components/';
+loadLanguages(['tsx', 'jsx', 'typescript']);
+
+export default function tsx_loader(content: string, map: unknown, meta: unknown): void {
+    const formatted = prettier.format(content, {
+        parser: 'typescript',
+        plugins: [parserTypescript]
+    });
+    const html = Prism.highlight(formatted, Prism.languages.tsx, 'tsx');
+    this.callback(null, html, map, meta);
+    return;
+}

package/examples/tsconfig.json

@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "sourceMap": true,
+        "noImplicitAny": false,
+        "module": "esnext",
+        "target": "es2018",
+        "lib": [
+            "esnext",
+            "dom",
+            "dom.iterable"
+        ],
+        "declaration": true,
+        "declarationMap": true,
+        "removeComments": false,
+        "allowSyntheticDefaultImports": true,
+        "jsx": "react",
+        "allowJs": true,
+        "baseUrl": "./",
+        "esModuleInterop": true,
+        "resolveJsonModule": true,
+        "moduleResolution": "node",
+        "downlevelIteration": true,
+        "paths": {
+            "react-edit-list": ["../src"]
+        }
+    },
+    "include": [
+        ".",
+        "../src"
+    ]
+}

package/index.d.ts

@@ -0,0 +1,2 @@
+export { bakedData, extraComponents } from './buckaroo_js/index';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,qBAAqB,CAAC"}

package/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extraComponents = exports.bakedData = void 0;
+var index_1 = require("./buckaroo_js/index");
+Object.defineProperty(exports, "bakedData", { enumerable: true, get: function () { return index_1.bakedData; } });
+Object.defineProperty(exports, "extraComponents", { enumerable: true, get: function () { return index_1.extraComponents; } });
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":";;;AACA,6CAA+D;AAAvD,kGAAA,SAAS,OAAA;AAAE,wGAAA,eAAe,OAAA"}

package/jest.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+    testEnvironment: 'jsdom',
+    roots: ['<rootDir>/test'],
+    transform: {
+        '^.+.(t|j)sx?$': 'ts-jest'
+    },
+    moduleNameMapper: {
+        '^react-edit-list$': '<rootDir>/src'
+    },
+    globals: {
+        'ts-jest': {
+            tsconfig: {
+                outDir: './.ts-jest'
+            }
+        }
+    },
+    setupFiles: ['jest-canvas-mock'],
+    setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
+    testRegex: '/test/.*\\.test\\.tsx?$',
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+    collectCoverage: true,
+    collectCoverageFrom: ['./src/**'],
+    coverageReporters: ['json', 'lcov', 'text', 'clover']
+};

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "buckaroo-js-core",
+  "version": "0.8.0",
+  "description": "Core JS/tsx components of buckaroo, packaged separately",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "clean": "tsc --build --clean && rimraf docs",
+    "build": "npm run clean && npm run build:lib && npm run build:examples",
+    "build:lib": "tsc",
+    "build:examples": "webpack --mode=production --env production",
+    "dev": "webpack-cli serve --mode=development --env development --open",
+    "prod": "webpack-cli serve --mode=production --env production --open",
+    "lint": "eslint './{examples,src}/**/*.{ts,tsx}'",
+    "lint:fix": "eslint './{examples,src}/**/*.{ts,tsx}' --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "codecov": "curl -s https://codecov.io/bash | bash",
+    "preversion": "npm run test",
+    "version": "npm run clean && npm run build && git add package.json README.md",
+    "postversion": "git push && git push --tags && npm run publish"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/paddymul/buckaroo-js-core.git"
+  },
+  "homepage": "https://github.com/paddymul/buckaroo-js-core",
+  "keywords": [
+    "react",
+    "edit",
+    "editable",
+    "editable-table",
+    "editable-list",
+    "editable-grid",
+    "list",
+    "listview",
+    "es6",
+    "js",
+    "typescript"
+  ],
+  "author": "Paddy Mullen <paddy@paddymullen.com>",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/paddymul/buckaroo-js-core/issues"
+  },
+  "dependencies": {
+    "ag-grid-community": "^31.0.3",
+    "ag-grid-react": "^31.0.3",
+    "lodash": "^4.17.21",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-smooth": "^2.0.3",
+    "recharts": "^2.7.3"
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-async-to-generator": "7.16.8",
+    "@babel/plugin-transform-runtime": "7.17.0",
+    "@babel/preset-env": "7.16.11",
+    "@babel/preset-react": "7.16.7",
+    "@babel/preset-typescript": "7.16.7",
+    "@babel/runtime": "7.17.9",
+    "@eslint/compat": "^1.2.1",
+    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.13.0",
+    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/react": "^13.0.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^14.14.25",
+    "@types/prismjs": "^1.16.3",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/webpack-dev-server": "^4.7.1",
+    "@typescript-eslint/eslint-plugin": "^8.11.0",
+    "@typescript-eslint/parser": "^8.11.0",
+    "@typescript-eslint/typescript-estree": "^8.11.0",
+    "bootstrap": "^5.1.3",
+    "css-loader": "^5.0.1",
+    "eslint": "^9.13.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "file-loader": "^6.2.0",
+    "fork-ts-checker-webpack-plugin": "^6.1.0",
+    "glob": "^7.1.6",
+    "globals": "^15.11.0",
+    "html-loader": "^2.1.2",
+    "html-webpack-plugin": "^5.0.0",
+    "jest": "^29.5.14",
+    "jest-canvas-mock": "^2.3.1",
+    "markdown-loader": "^7.0.0",
+    "null-loader": "^4.0.1",
+    "prettier": "2.6.2",
+    "prism-themes": "^1.6.0",
+    "prismjs": "^1.28.0",
+    "raw-loader": "^4.0.2",
+    "react": "^18.0.0",
+    "react-bootstrap": "^2.0.0",
+    "react-dom": "^18.0.0",
+    "react-router": "^6.27.0",
+    "react-router-dom": "^5.2.0",
+    "react-test-renderer": "^18.0.0",
+    "rimraf": "^6.0.1",
+    "style-loader": "^2.0.0",
+    "svg-url-loader": "^7.1.1",
+    "ts-jest": "^29.2.5",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "tsconfig-paths-webpack-plugin": "^3.3.0",
+    "typescript": "<5.2.0",
+    "webpack": "^5.20.1",
+    "webpack-cli": "^5.0.0",
+    "webpack-dev-server": "^5.0.0"
+  }
+}