flipper-ui 0.26.0 → 0.26.6

package/.babelrc.js

@@ -1,119 +0,0 @@
-const toKebabCase = (str) =>
-  str.replace(
-    /([a-z])?([A-Z])/g,
-    (m, g1, g2) => (g1 ? g1 + '-' : '') + g2.toLowerCase()
-  )
-
-const reactVisModules = { 
-    AbstractSeries: 'plot/series/abstract-series',
-    ArcSeries: 'plot/series/arc-series',
-    AreaSeries: 'plot/series/area-series',
-    Borders: 'plot/borders',
-    ChartLabel: 'plot/chart-label',
-    CircularGridLines: 'plot/circular-grid-lines',
-    ContourSeries: 'plot/series/contour-series',
-    Crosshair: 'plot/crosshair',
-    CustomSVGSeries: 'plot/series/custom-svg-series',
-    DecorativeAxis: 'plot/axis/decorative-axis',
-    GradientDefs: 'plot/gradient-defs',
-    GridLines: 'plot/grid-lines',
-    HeatmapSeries: 'plot/series/heatmap-series',
-    HexbinSeries: 'plot/series/hexbin-series',
-    Highlight: 'plot/highlight',
-    Hint: 'plot/hint',
-    HorizontalBarSeries: 'plot/series/horizontal-bar-series',
-    HorizontalBarSeriesCanvas: 'plot/series/horizontal-bar-series-canvas',
-    HorizontalGridLines: 'plot/horizontal-grid-lines',
-    HorizontalRectSeries: 'plot/series/horizontal-rect-series',
-    HorizontalRectSeriesCanvas: 'plot/series/horizontal-rect-series-canvas',
-    LabelSeries: 'plot/series/label-series',
-    LineMarkSeries: 'plot/series/line-mark-series',
-    LineMarkSeriesCanvas: 'plot/series/line-mark-series-canvas',
-    LineSeries: 'plot/series/line-series',
-    LineSeriesCanvas: 'plot/series/line-series-canvas',
-    MarkSeries: 'plot/series/mark-series',
-    MarkSeriesCanvas: 'plot/series/mark-series-canvas',
-    PolygonSeries: 'plot/series/polygon-series',
-    VerticalBarSeries: 'plot/series/vertical-bar-series',
-    VerticalBarSeriesCanvas: 'plot/series/vertical-bar-series-canvas',
-    VerticalGridLines: 'plot/vertical-grid-lines',
-    VerticalRectSeries: 'plot/series/vertical-rect-series',
-    VerticalRectSeriesCanvas: 'plot/series/vertical-rect-series-canvas',
-    Voronoi: 'plot/voronoi',
-    RectSeries: 'plot/series/rect-series',
-    RectSeriesCanvas: 'plot/series/rect-series-canvas',
-    WhiskerSeries: 'plot/series/whisker-series',
-    XYPlot: 'plot/xy-plot',
-    XAxis: 'plot/axis/x-axis',
-    YAxis: 'plot/axis/y-axis',
-    ContinuousColorLegend: 'legends/continuous-color-legend',
-    ContinuousSizeLegend: 'legends/continuous-size-legend',
-    DiscreteColorLegend: 'legends/discrete-color-legend',
-    SearchableDiscreteColorLegend: 'legends/searchable-discrete-color-legend',
-    ParallelCoordinates: 'parallel-coordinates',
-    RadarChart: 'radar-chart',
-    RadialChart: 'radial-chart',
-    Sankey: 'sankey',
-    Sunburst: 'sunburst',
-    Treemap: 'treemap',
-    makeHeightFlexible: 'make-vis-flexible',
-    makeVisFlexible: 'make-vis-flexible',
-    makeWidthFlexible: 'make-vis-flexible',
-    FlexibleXYPlot: 'make-vis-flexible',
-    FlexibleWidthXYPlot: 'make-vis-flexible',
-    FlexibleHeightXYPlot: 'make-vis-flexible',
-    AxisUtils: 'utils/axis-utils',
-    ScaleUtils: 'utils/scales-utils'
-}
-
-module.exports = {
-  "plugins": [
-    [
-      "transform-imports", {
-        "@material-ui/icons": {
-          "transform": "@material-ui/icons/${member}",
-          "preventFullImport": true
-        },
-        "@material-ui/core": {
-          "transform": "@material-ui/core/${member}",
-          "preventFullImport": true
-        },
-        "@material-ui/styles": {
-          "transform": "@material-ui/styles/${member}",
-          "preventFullImport": true
-        },
-        "../icons": {
-          "transform": "@material-ui/icons/${member}",
-          "preventFullImport": true
-        },
-        "../charts": {
-          "transform": "flipper-ui/charts/${member}",
-          "preventFullImport": true
-        },
-        "react-vis": {
-          "transform": importName => `react-vis/es/${reactVisModules[importName]}`,
-          "preventFullImport": true
-        },
-        "date-fns/locale": {
-          "transform": importName =>`date-fns/locale/${toKebabCase(importName)}`,
-          "preventFullImport": true 
-        },
-        "date-fns": {
-          "transform": "date-fns/${member}",
-          "preventFullImport": true
-        },
-        "ramda": {
-          "transform": "ramda/es/${member}",
-          "preventFullImport": true
-        },
-      }
-    ],
-    "@babel/plugin-transform-runtime",
-    "transform-class-properties"
-  ],
-  "presets": [
-    "@babel/env",
-    "@babel/react",
-    "@babel/typescript"
-  ]
-}

package/.eslintignore

@@ -1 +0,0 @@
-dist/*

package/.eslintrc.json

@@ -1,209 +0,0 @@
-{
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "jsx": true,
-        "useJSXTextNode": true
-    },
-    "extends": [
-        "plugin:@typescript-eslint/recommended",
-        "plugin:react/recommended",
-        "eslint:recommended",
-        "prettier",
-        "prettier/@typescript-eslint",
-        "plugin:ramda/recommended"
-    ],
-    "rules": {
-        "template-curly-spacing": "off",
-        "no-sequences": "error",
-        "spaced-comment": [
-            "error",
-            "always"
-        ],
-        "key-spacing": [
-            "error",
-            {
-                "mode": "strict"
-            }
-        ],
-        "max-len": [
-            "error",
-            {
-                "code": 85
-            }
-        ],
-        "max-lines": [
-            "error",
-            {
-                "max": 350,
-                "skipBlankLines": true
-            }
-        ],
-        "prefer-const": [
-            "error",
-            {
-                "destructuring": "all"
-            }
-        ],
-        "no-var": "error",
-        "newline-before-return": "error",
-        "arrow-parens": [
-            "error",
-            "as-needed"
-        ],
-        "no-bitwise": "error",
-        "max-classes-per-file": "error",
-        "no-duplicate-imports": "error",
-        "lines-between-class-members": [
-            "error",
-            "always"
-        ],
-        "padding-line-between-statements": [
-            "error",
-            {
-                "blankLine": "always",
-                "prev": "*",
-                "next": "return"
-            }
-        ],
-        "sort-imports": [
-            "error",
-            {
-                "ignoreCase": true,
-                "ignoreDeclarationSort": true,
-                "ignoreMemberSort": true,
-                "memberSyntaxSortOrder": [
-                    "none",
-                    "all",
-                    "multiple",
-                    "single"
-                ]
-            }
-        ],
-        "no-irregular-whitespace": "error",
-        "space-before-blocks": "error",
-        "no-multi-spaces": "error",
-        "no-trailing-spaces": "error",
-        "no-whitespace-before-property": "error",
-        "curly": "error",
-        "no-undef": "off",
-        "no-case-declarations": "off",
-        "indent": "off",
-        "no-unused-vars": [
-            "off"
-        ],
-        "no-console": [
-            "error",
-            {
-                "allow": [
-                    "log",
-                    "error"
-                ]
-            }
-        ],
-        "comma-dangle": [
-            "error",
-            "never"
-        ],
-        "semi": [
-            "error",
-            "never"
-        ],
-        "no-multiple-empty-lines": [
-            "error",
-            {
-                "max": 1
-            }
-        ],
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "eol-last": [
-            "error",
-            "always"
-        ],
-        "no-new-wrappers": "error",
-        "arrow-spacing": [
-            "error",
-            {
-                "after": true,
-                "before": true
-            }
-        ],
-        "object-curly-spacing": [
-            "error",
-            "always"
-        ],
-        "react/jsx-closing-bracket-location": [
-            1,
-            {
-                "selfClosing": "line-aligned",
-                "nonEmpty": "after-props"
-            }
-        ],
-        "react/prop-types": "off",
-        "react/display-name": "off",
-        "react/jsx-boolean-value": "off",
-        "react/jsx-wrap-multilines": "off",
-        "react/jsx-curly-spacing": [
-            "error",
-            {
-                "when": "always",
-                "children": true
-            }
-        ],
-        "react/no-unescaped-entities": "off",
-        "prefer-arrow/prefer-arrow-functions": [
-            "warn",
-            {
-                "disallowPrototype": true,
-                "singleReturnOnly": true,
-                "classPropertiesAllowed": false
-            }
-        ],
-        "@typescript-eslint/no-unused-vars": [
-            "error",
-            {
-                "ignoreRestSiblings": true
-            }
-        ],
-        "@typescript-eslint/no-explicit-any": "error",
-        "@typescript-eslint/class-name-casing": "error",
-        "@typescript-eslint/member-ordering": [
-            "error",
-            {
-                "classes": [
-                    "public-static-field",
-                    "public-instance-field",
-                    "private-static-field",
-                    "private-instance-field",
-                    "private-constructor",
-                    "public-constructor",
-                    "private-instance-method",
-                    "protected-instance-method",
-                    "public-instance-method"
-                ]
-            }
-        ],
-        "@typescript-eslint/prefer-interface": "off",
-        "@typescript-eslint/explicit-member-accessibility": "off",
-        "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/no-non-null-assertion": "off",
-        "@typescript-eslint/no-object-literal-type-assertion": "off",
-        "@typescript-eslint/interface-name-prefix": "off",
-        "@typescript-eslint/array-type": "off",
-        "@typescript-eslint/explicit-function-return-type": "off"
-    },
-    "plugins": [
-        "react",
-        "prefer-arrow",
-        "@typescript-eslint",
-        "ramda"
-    ],
-    "settings": {
-        "react": {
-            "pragma": "React",
-            "version": "16.8.6"
-        }
-    }
-}

package/.github/workflows/build.yml

@@ -1,25 +0,0 @@
-name: Node.js CI
-
-on: [push]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [18.x]
-
-    steps:
-      - uses: actions/checkout@v1
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
-        with:
-          node-version: ${{ matrix.node-version }}
-      - run: yarn
-      - run: yarn lint
-      - run: yarn build
-      - run: yarn test
-        env:
-          CI: true

package/.github/workflows/publish-s3.yml

@@ -1,27 +0,0 @@
-name: Deploy
-
-on:
-  push:
-    branches:
-      - master
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 18
-          registry-url: https://registry.npmjs.org/
-      - run: |
-          yarn
-          yarn docs:build
-      - name: Configure AWS credentials
-        uses: aws-actions/configure-aws-credentials@v1.6.1
-        with:
-          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY }}
-          aws-secret-access-key: ${{ secrets.AWS_ACCESS_SECRET }}
-          aws-region: 'us-east-1'
-      - name: Deploy to S3
-        run: aws s3 sync docs s3://flipper-ui.ngi.com.br --delete

package/.github/workflows/release.yml

@@ -1,24 +0,0 @@
-name: Release
-
-on:
-  release:
-    types: [created]
-
-jobs:
-
-  publish-npm:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 18
-          registry-url: https://registry.npmjs.org/
-      - run: yarn
-      - run: yarn build
-      - run: node pre-publish.js
-      - run: echo $(NODE_AUTH_TOKEN)
-      - run: npm config set -- '//registry.npmjs.org/:_authToken' "${NPM_AUTH_TOKEN}"
-      - run: npm publish dist --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.prettierrc

@@ -1,8 +0,0 @@
-{
-    "trailingComma": "none",
-    "tabWidth": 4,
-    "semi": false,
-    "jsxBracketSameLine": true,
-    "jsxSingleQuote": true,
-    "singleQuote": true
-}

package/.storybook/main.js

@@ -1,10 +0,0 @@
-module.exports = {
-    stories: [
-        '../src/**/*.stories.mdx',
-        '../src/**/*.stories.@(js|jsx|ts|tsx)'
-    ],
-    core: {
-        builder: 'webpack5'
-    },
-    addons: ['@storybook/addon-links', '@storybook/addon-essentials']
-}

package/.storybook/preview-head.html

@@ -1 +0,0 @@
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

package/.storybook/preview.js

@@ -1,9 +0,0 @@
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 18.12.1

package/.vscode/settings.json

@@ -1,21 +0,0 @@
-{
-  "eslint.packageManager": "yarn",
-  "eslint.enable": true,
-  "eslint.autoFixOnSave": true,
-  "eslint.validate": [
-      "javascript",
-      "javascriptreact",
-      {
-        "language": "typescript",
-        "autoFix": true
-      },
-      {
-        "language": "typescriptreact",
-        "autoFix": true
-      }
-  ],
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  }
-}

package/.vscode/snippets/typescriptreact.json

@@ -1,89 +0,0 @@
-{
-    "React class": {
-        "prefix": "react class",
-        "body": [
-            "import React, { Component } from 'react'",
-            "",
-            "class ${TM_FILENAME_BASE} extends Component {",
-            "    public render() {",
-            "        return ${1:null}",
-            "    }",
-            "}",
-            "",
-            "export default ${TM_FILENAME_BASE}",
-            ""
-        ],
-        "description": "Creates a React Class with TypeScript"
-    },
-    "React class with props": {
-        "prefix": "react class with props",
-        "body": [
-            "import React, { Component } from 'react'",
-            "",
-            "interface IProps {",
-            "    ${1:definitions}",
-            "}",
-            "",
-            "class ${TM_FILENAME_BASE} extends Component<IProps> {",
-            "    public render() {",
-            "        return ${2:null}",
-            "    }",
-            "}",
-            "",
-            "export default ${TM_FILENAME_BASE}",
-            ""
-        ],
-        "description": "Creates a React Class with TypeScript"
-    },
-    "React SFC": {
-        "prefix": "react sfc",
-        "body": [
-            "import React, { SFC } from 'react'",
-            "",
-            "const ${TM_FILENAME_BASE}: SFC = () =>",
-            "    <${1:div} />",
-            "",
-            "export default ${TM_FILENAME_BASE}",
-            ""
-        ],
-        "description": "Creates a SFC with no props"
-    },
-    "React SFC with Props": {
-        "prefix": "react sfc with props",
-        "body": [
-            "import React, { SFC } from 'react'",
-            "",
-            "interface IProps {",
-            "    ${1:definitions}",
-            "}",
-            "",
-            "const ${TM_FILENAME_BASE}: SFC<IProps> = props =>",
-            "    <${2:div} { ...props } />",
-            "",
-            "export default ${TM_FILENAME_BASE}",
-            ""
-        ],
-        "description": "Creates a SFC with props"
-    },
-    "React constructor": {
-        "prefix": "react constructor",
-        "body": [
-            "constructor(props) {",
-            "    super(props)",
-            "    this.state = {",
-            "        ${1:definitions}",
-            "    }",
-            "}"
-        ],
-        "description": "Creates a React Constructor"
-    },
-    "React event handler": {
-        "prefix": "react event handler",
-        "body": [
-            "public handle${1:name} = (${2:params}) => {",
-            "    ${3:content}",
-            "}"
-        ],
-        "description": "Creates a React event handler"
-    }
-}

package/.wakatime-project

@@ -1 +0,0 @@
-@p&d/flipper-ui

package/pre-publish.js

@@ -1,14 +0,0 @@
-const fse = require('fs-extra')
-
-async function copyFiles() {
-    try {
-        await fse.copy('./package.json', './dist/package.json')
-        await fse.copy('./LICENSE', './dist/LICENSE')
-        await fse.copy('./README.md', './dist/README.md')
-    } catch (err) {
-        console.error(err)
-        process.exit(1)
-    }
-}
-
-copyFiles()

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-    "compilerOptions": {
-        "outDir": "./dist/", // path to output directory
-        "sourceMap": true, // allow sourcemap support
-        "strictNullChecks": true, // enable strict null checks as a best practice
-        "module": "commonjs", // specify module code generation
-        "jsx": "react", // use typescript to transpile jsx to js
-        "target": "es6", // specify ECMAScript target version
-        "esModuleInterop": true,
-        "declaration": true,
-        "skipLibCheck": true,
-        "moduleResolution": "node",
-        "types": [
-            "node"
-        ]
-    },
-    "include": [
-        "./src/*",
-        "./src/core/**/*",
-        "./src/lab/*",
-        "./src/charts/*"
-    ]
-}