@sis-cc/dotstatsuite-components 21.0.1 → 21.1.0

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@sis-cc/dotstatsuite-components",
   "description": "Set components based on React.",
-  "version": "21.0.1",
+  "version": "21.1.0",
   "type": "module",
   "module": "./dist/dotstatsuite-components.js",
+  "files": [
+    "/dist"
+  ],
   "engines": {
     "node": ">=18"
   },

package/.editorconfig

@@ -1,19 +0,0 @@
-# EditorConfig is awesome: http://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.js]
-trim_trailing_whitespace = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-insert_final_newline = true
-max_line_length = 100

package/.gitlab-ci.yml

@@ -1,48 +0,0 @@
-stages:
-  - setup
-  - test
-  - build
-  - publish
-
-variables:
-  NODE_VERSION: node:24-alpine
-
-setup:
-  stage: setup
-  image: $NODE_VERSION
-  script:
-    - yarn
-    - yarn peers
-  artifacts:
-    paths:
-      - node_modules/
-
-test:
-  stage: test
-  image: $NODE_VERSION
-  before_script:
-    - chmod +x ./node_modules/web-component-env/src/wce-test
-  script:
-    - yarn test
-  coverage: '/All files\s*\|\s*(\d+\.\d+)%/'
-  dependencies:
-    - setup
-
-build:
-  stage: build
-  image: $NODE_VERSION
-  artifacts:
-    paths:
-      - dist/
-  script:
-    - yarn build
-
-publish:
-  stage: publish
-  image: $NODE_VERSION
-  only:
-    - tags
-  before_script:
-    - echo "//registry.npmjs.org/:_authToken=$NPM_AUTH_TOKEN" > ~/.npmrc
-  script:
-    - npm publish

package/prettier.config.js

@@ -1,13 +0,0 @@
-module.exports = {
-  printWidth: 80,
-  tabWidth: 2,
-  useTabs: false,
-  singleQuote: true,
-  trailingComma: 'all',
-  bracketSameLine: false,
-  bracketSpacing: true,
-  semi: true,
-  arrowParens: 'always',
-  endOfLine: 'lf',
-  jsxSingleQuote: false,
-};

package/src/app.js

@@ -1,13 +0,0 @@
-import React, { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-
-const container = document.getElementById('root');
-const root = createRoot(container);
-
-const App = () => (
-  <StrictMode>
-    I'm not groot, I'm component
-  </StrictMode>
-);
-
-root.render(<App />);

package/src/bridge-d3-react/README.md

@@ -1,42 +0,0 @@
-# bridge-d3-react
-
-Wrapper of [d3-charts](https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-d3-charts) that expose charts as React Components.
-
-## Usage
-
-```javascript
-import React from 'react';
-import { render } from 'react-dom';
-import { bridgeD3React } from '@sis-cc/dotstatsuite-components';
-
-const log = options => console.log(options);
-
-const BarChart = bridgeD3React.BarChart;
-
-render(
-  <BarChart data={ data } getInitialOptions={ log } />,
-  document.getElementById('root')
-);
-```
-
-## Available charts
-
-All charts of `d3-charts`.
-
-## API (out of the box usage)
-
-### methods
-
-#### `getInitialOptions(options)`
-
-Give options used by the chart engine to draw a chart (superset of user options).
-
-### props
-
-#### `options`
-
-Same as `d3-charts`.
-
-#### `data`
-
-Same as `d3-charts`.

package/src/bridge-d3-react/src/app.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import { map, random, range, size } from 'lodash';
-import { BarChart, RowChart, ScatterChart, LineChart, TimelineChart, ChoroplethChart, ChoroplethLegend } from './';
-import choroData from './mock-choro';
-
-function _render(id, chart) {
-  let root = document.createElement('div');
-  root.id = id;
-  document.getElementById('root').appendChild(root);
-  render(chart, root);
-}
-
-const datapoints = [
-  {label: 'label1', x: -90, y: -4 },
-  {label: 'label2', x: 110, y: 10 },
-  {label: 'label3', x: 120, y: 14 },
-  {label: 'label4', x: 137, y: 22 },
-  {label: 'label5', x: 155, y: 36 },
-  {label: 'label6', x: 268, y: 37, baselineIndex: 0 },
-  {label: 'label7', x: 320, y: 41, highlightIndex: 0},
-  {label: 'label8', x: 569, y: 89, highlightIndex: 1}
-];
-
-const barData = [{ datapoints }];
-const rowData = [{ datapoints: map(datapoints, dp => ({ ...dp, x: dp.y, y: dp.x })) }];
-const scatterData = [{ datapoints: map(datapoints, dp => ({ ...dp, x: dp.y })) }];
-const lineFuncs = [
-  (x) => 10*x+7,
-  (x) => x*2+4,
-  (x) => x*.3+20,
-  (x) => x*4+14,
-  (x) => x*.8-4,
-  (x) => x**.5+5,
-  (x) => x*(x/40),
-  (x) => x*(x/40)*(x/40)
-]
-const lineData = map(range(size(lineFuncs)), (r, i) => ({
-  datapoints: map(range(50), (j) => ({ x: 2*j+1, y: lineFuncs[i%size(lineFuncs)](2*j+1) })),
-  baselineIndex: i == 0 ? i : -1,
-  highlightIndex: i == 2 || i == 7 ? i : -1
-}));
-const options = {
-  base: {
-    width: 800,
-    height: 400,
-    isAnnotated: true
-  },
-  legend: {
-    choropleth: {
-      width: 300,
-      height: 50
-    }
-  }
-};
-const log = options => console.log(options);
-
-_render('root1', <BarChart options={ options } data={ barData } getInitialOptions={ log } />);
-_render('root2', <RowChart options={ options } data={ rowData } />);
-_render('root3', <ScatterChart options={ options } data={ scatterData } />);
-_render('root4', <LineChart options={ options } data={ lineData } />);
-_render('root5', <TimelineChart options={ options } data={ lineData } />);
-_render('root6', <ChoroplethChart options={ options } data={ choroData } />);
-_render('root7', <ChoroplethLegend options={ options } data={ choroData } />);

package/src/bridge-d3-react/src/index.js

@@ -1,17 +0,0 @@
-import { createFactory } from 'react';
-
-import factory from './react-chart-factory';
-import * as rcwCharts from '@sis-cc/dotstatsuite-d3-charts';
-
-export const BarChart = createFactory(factory(rcwCharts.BarChart));
-export const RowChart = createFactory(factory(rcwCharts.RowChart));
-export const ScatterChart = createFactory(factory(rcwCharts.ScatterChart));
-export const LineChart = createFactory(factory(rcwCharts.LineChart));
-export const SymbolChart = createFactory(factory(rcwCharts.SymbolChart));
-export const TimelineChart = createFactory(factory(rcwCharts.TimelineChart));
-export const VerticalSymbolChart = createFactory(factory(rcwCharts.VerticalSymbolChart));
-export const HorizontalSymbolChart = createFactory(factory(rcwCharts.HorizontalSymbolChart));
-export const StackedBarChart = createFactory(factory(rcwCharts.StackedBarChart));
-export const StackedRowChart = createFactory(factory(rcwCharts.StackedRowChart));
-export const ChoroplethChart = createFactory(factory(rcwCharts.ChoroplethChart));
-export const ChoroplethLegend = createFactory(factory(rcwCharts.ChoroplethLegend));