Merged the frictionlessdata/components into local upstream-merge branch

.eslintrc

@@ -21,6 +21,7 @@
   "rules": {
     "indent": "off",
     "no-unused-vars": "off",
+    "multiline-ternary": "off",
     "import/no-duplicates": "off",
     "no-use-before-define": "off",
     "no-useless-constructor": "off",

.github/issue_template.md

@@ -1,7 +1,3 @@
 # Overview
 
 Please replace this line with full information about your idea or problem. If it's a bug share as much as possible to reproduce it
-
----
-
-Please preserve this line to notify @roll (lead of this repository)

.github/pull_request_template.md

@@ -1,7 +1,5 @@
-# Overview
-
-Please replace this line with full information about your pull request. Make sure that tests pass before publishing it
+- fixes #<issue-number>
 
 ---
 
-Please preserve this line to notify @roll (lead of this repository)
+Please make sure that all the checks pass. Please add here any additional information regarding this pull request. It's highly recommended that you link this PR to an issue (please create one if it doesn't exist for this PR)

.github/workflows/general.yaml

@@ -9,6 +9,8 @@ on:
   pull_request:
     branches:
       - main
+  schedule:
+    - cron: "0 3 * * *"
 
 jobs:
 

.github/workflows/project.yaml

@@ -0,0 +1,24 @@
+name: project
+
+on:
+  issues:
+    types:
+      - opened
+      - reopened
+  pull_request:
+    types:
+      - opened
+      - reopened
+
+jobs:
+  project-assign:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Assign to project
+        uses: leonsteinhaeuser/[email protected]
+        with:
+          gh_token: ${{ secrets.PROJECT_TOKEN }}
+          resource_node_id: ${{ github.event_name == 'issues' && github.event.issue.node_id || github.event.pull_request.node_id }}
+          organization: frictionlessdata
+          project_id: 16
+          status_value: Inbox

.npmrc

@@ -1 +1,2 @@
+# https://github.com/storybookjs/storybook/issues/12983
 legacy-peer-deps = true

.storybook/main.js

@@ -1,5 +1,8 @@
 module.exports = {
   stories: ['../docs/**/*.stories.mdx', '../docs/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  webpackFinal: async (config, { configType }) => {
+    config.node = { ...config.node, fs: 'empty' }
+    return config
+  },
 }
-

CHANGELOG.md

@@ -0,0 +1,15 @@
+# Changelog
+
+Here described only the breaking and most significant changes. The full changelog and documentation for all released versions could be found in nicely formatted [commit history](https://github.com/frictionlessdata/components/commits/main).
+
+## v1.2.0
+
+- Supported workflows by name (#23)
+
+## v1.1.0
+
+- Create optional "onSchemaChange" prop for schema editor component (#18)
+
+## v1.0.0
+
+- First stable version

Makefile

@@ -19,7 +19,7 @@ release:
 	@cp README.md docs/Inroduction.stories.mdx && echo '\nWe are including a docs update to the commit\n'
 	@git log --pretty=format:"%C(yellow)%h%Creset %s%Cgreen%d" --reverse -20
 	@echo "\nReleasing v$(VERSION) in 10 seconds. Press <CTRL+C> to abort\n" && sleep 10
-	git commit -a -m 'v$(VERSION)' && git tag -a v$(VERSION) -m 'v$(VERSION)'
+	npm test && git commit -a -m 'v$(VERSION)' && git tag -a v$(VERSION) -m 'v$(VERSION)'
 	git push --follow-tags
 
 templates:

README.md

@@ -6,9 +6,9 @@
 [![Coverage](https://img.shields.io/codecov/c/github/frictionlessdata/components/main)](https://codecov.io/gh/frictionlessdata/components)
 [![Registry](https://img.shields.io/npm/v/frictionless-components.svg)](https://www.npmjs.com/package/frictionless-components)
 [![Codebase](https://img.shields.io/badge/github-main-brightgreen)](https://github.com/frictionlessdata/components)
-[![Support](https://img.shields.io/badge/chat-discord-brightgreen)](https://discord.com/channels/695635777199145130/695635777199145133)
+[![Support](https://img.shields.io/badge/support-discord-brightgreen)](https://discordapp.com/invite/Sewv6av)
 
-Visual components for the Frictionless Data project in TypeScript/React.
+Data integration components for TypeScript/React that implement Frictionless Data concepts in visual UI.
 
 ## Purpose
 

docs/Inroduction.stories.mdx

@@ -6,9 +6,9 @@
 [![Coverage](https://img.shields.io/codecov/c/github/frictionlessdata/components/main)](https://codecov.io/gh/frictionlessdata/components)
 [![Registry](https://img.shields.io/npm/v/frictionless-components.svg)](https://www.npmjs.com/package/frictionless-components)
 [![Codebase](https://img.shields.io/badge/github-main-brightgreen)](https://github.com/frictionlessdata/components)
-[![Support](https://img.shields.io/badge/chat-discord-brightgreen)](https://discord.com/channels/695635777199145130/695635777199145133)
+[![Support](https://img.shields.io/badge/support-discord-brightgreen)](https://discordapp.com/invite/Sewv6av)
 
-Visual components for the Frictionless Data project in TypeScript/React.
+Data integration components for TypeScript/React that implement Frictionless Data concepts in visual UI.
 
 ## Purpose
 

docs/Schema.stories.tsx

@@ -0,0 +1,24 @@
+import '../src/styles'
+import React from 'react'
+import { Story, Meta } from '@storybook/react'
+import { Schema, ISchemaProps } from '../src'
+
+export default {
+  title: 'Components/Schema',
+  component: Schema,
+} as Meta
+
+const Template: Story<ISchemaProps> = (args) => <Schema {...args} />
+const onSave = () => alert('Clicked on the "Save button"')
+
+export const Empty = Template.bind({})
+Empty.args = {
+  onSave,
+}
+
+export const Source = Template.bind({})
+Source.args = {
+  source:
+    'https://raw.githubusercontent.com/frictionlessdata/frictionless-py/main/data/table.csv',
+  onSave,
+}

package.json

@@ -1,10 +1,10 @@
 {
   "name": "@cdl-dryad/frictionless-components",
-  "version": "0.3.14",
+  "version": "1.2.0",
   "license": "MIT",
   "author": "roll <[email protected]>",
-  "description": "Visual components for frictionless",
-  "homepage": "https://github.com/frictionlessdata/frictionless-ui",
+  "description": "Data integration components for TypeScript/React that implement Frictionless Data concepts in visual UI.",
+  "homepage": ["https://github.com/frictionlessdata/frictionless-ui", "https://github.com/CDL-Dryad/components"],
   "bugs": "https://github.com/frictionlessdata/frictionless-ui/issues",
   "repository": {
     "type": "git",
@@ -29,7 +29,6 @@
     "e2e": "cypress run",
     "format": "prettier --write '{src,test}/**/*.ts*' && eslint --fix '{src,test}/**/*.ts*'",
     "lint": "prettier --check '{src,test}/**/*.ts*' && eslint '{src,test}/**/*.ts*'",
-    "prepare": "husky install",
     "pretest": "npm run lint",
     "readme": "doctoc --maxlevel 3 README.md",
     "test": "jest --coverage",
@@ -38,16 +37,20 @@
   "dependencies": {
     "@types/lodash": "^4.14.168",
     "@types/marked": "^2.0.1",
+    "@types/uuid": "^8.3.0",
     "classnames": "^2.3.1",
     "jsonschema": "^1.4.0",
     "jszip": "^3.6.0",
     "lodash": "^4.17.21",
     "marked": "^2.0.1",
-    "use-async-effect": "^2.2.3"
+    "react-sortable-hoc": "^2.0.0",
+    "tableschema": "^1.12.4",
+    "use-async-effect": "^2.2.3",
+    "uuid": "^8.3.2"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.13.15",
@@ -79,14 +82,12 @@
     "eslint-plugin-standard": "^5.0.0",
     "file-loader": "^6.2.0",
     "http-server": "^0.12.3",
-    "husky": "^6.0.0",
     "jest": "^26.6.3",
     "mini-css-extract-plugin": "^1.4.1",
     "node-fetch": "^2.6.1",
     "npm-check-updates": "^11.4.1",
     "prettier": "^2.2.1",
     "react": "^17.0.2",
-    "react-addons-test-utils": "^15.6.2",
     "react-dom": "^17.0.2",
     "react-hot-loader": "^4.13.0",
     "react-test-renderer": "^17.0.2",

src/components/ReportTask.tsx

@@ -39,9 +39,23 @@ export function ReportTask(props: IReportTaskProps) {
 
 // Helpers
 
+export function removeBaseUrl(text: string) {
+  return text.replace(/https:\/\/raw\.githubusercontent\.com\/\S*?\/\S*?\/\S*?\//g, '')
+}
+
+export function splitFilePath(path: string) {
+  const parts = path.split('/')
+  return {
+    name: parts.pop(),
+    base: parts.join('/'),
+    sep: parts.length ? '/' : '',
+  }
+}
+
 export function getReportErrors(task: IReportTask) {
   const reportErrors: { [code: string]: IReportError } = {}
   for (const error of task.errors) {
+    if (!task.resource.schema) continue
     const header = task.resource.schema.fields.map((field) => field.name)
 
     // Prepare reportError