chore: move to @component-controls/components

examples/storybook-5/.storybook/main.js

@@ -19,6 +19,7 @@ module.exports = {
   ],
   stories: [
     '../../../ui/editors/src/**/*.stories.(js|tsx|mdx)',
+    '../../../ui/components/src/**/*.stories.(js|tsx|mdx)',
     '../../../ui/block-components/src/**/*.stories.(js|tsx|mdx)',
     '../src/**/*.stories.(js|tsx|mdx)',
   ],

ui/block-components/package.json

@@ -29,6 +29,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@component-controls/components": "^0.6.0",
     "@component-controls/core": "^0.6.0",
     "@component-controls/editors": "^0.6.0",
     "@component-controls/specification": "^0.6.0",
@@ -40,13 +41,11 @@
     "qs": "^6.9.1",
     "react": "^16.8.3",
     "react-dom": "^16.8.3",
-    "react-tabs": "^3.1.0",
     "theme-ui": "^0.3.1"
   },
   "devDependencies": {
     "@types/jest": "^25.1.2",
     "@types/qs": "^6.9.1",
-    "@types/react-tabs": "^2.3.1",
     "@types/theme-ui": "^0.3.0",
     "cross-env": "^5.2.1",
     "docz-rollup": "^2.1.0",

ui/block-components/src/BlockContainer/BlockContainer.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import styled from '@emotion/styled';
-import { ActionBar, ActionItem } from '../ActionBar';
+import { ActionBar, ActionItem } from '@component-controls/components';
 
 const SpacedBlockContainer = styled.div(() => ({
   position: 'relative',

ui/block-components/src/ControlsTable/ControlsTable.tsx

@@ -16,7 +16,7 @@ import {
 } from '@component-controls/core';
 
 import { BlockContainer } from '../BlockContainer';
-import { Tab, Tabs, TabList, TabPanel } from '../Tabs';
+import { Tab, Tabs, TabList, TabPanel } from '@component-controls/components';
 import { PropertyEditorRow } from './PropEditorRow';
 
 export interface ExtraControlAction {

ui/block-components/src/index.ts

@@ -1,6 +1,4 @@
-export * from './ActionBar';
 export * from './BlockContainer';
 export * from './StorySource';
 export * from './Source';
-export * from './Tabs';
 export * from './ControlsTable';

ui/components/.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    "@babel/preset-typescript",
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "current"
+        }
+      }
+    ]
+  ]
+}

ui/components/.eslintignore

@@ -0,0 +1 @@
+dist

ui/components/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: 'docz-ts',
+}

ui/components/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Atanas Stoyanov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

ui/components/README.md

@@ -0,0 +1 @@
+# Componnet Control Editors

ui/components/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@component-controls/components",
+  "version": "0.6.0",
+  "description": "Component controls user interface components",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "package.json",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "yarn cross-env NODE_ENV=production rollup -c",
+    "dev": "yarn cross-env NODE_ENV=development yarn build -w",
+    "fix": "yarn lint --fix",
+    "lint": "yarn eslint . --ext mdx,ts,tsx",
+    "prepare": "yarn build",
+    "test": "yarn jest"
+  },
+  "homepage": "https://github.com/ccontrols/component-controls",
+  "bugs": {
+    "url": "https://github.com/ccontrols/component-controls/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ccontrols/component-controls.git",
+    "directory": "core/specification"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "react-popper-tooltip": "^2.10.1",
+    "react-tabs": "^3.1.0",
+    "theme-ui": "^0.3.1"
+  },
+  "devDependencies": {
+    "@types/jest": "^25.1.2",
+    "@types/react-tabs": "^2.3.1",
+    "@types/theme-ui": "^0.3.0",
+    "cross-env": "^5.2.1",
+    "docz-rollup": "^2.1.0",
+    "eslint": "^6.5.1",
+    "eslint-config-docz-ts": "^2.1.0",
+    "jest": "^24.9.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "theme-ui": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "Atanas Stoyanov"
+  ],
+  "gitHead": "5068cf281e57cce95509b6c7ac5683c8d5618d98"
+}

ui/components/rollup.config.js

@@ -0,0 +1,5 @@
+import { config } from 'docz-rollup';
+
+export default config({
+  input: './src/index.ts',
+});

ui/components/src/Popover/index.ts

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

ui/block-components/src/Tabs/Tabs.tsx → ui/components/src/Tabs/Tabs.tsx

@@ -10,7 +10,7 @@ import {
 } from 'react-tabs';
 
 const TabsContainer = styled.div`
-  ${({ theme }: { theme: Theme }) => `
+  ${({ theme }: { theme?: Theme }) => `
     .react-tabs {
       -webkit-tap-highlight-color: transparent;
     }

ui/components/src/Toggle/index.ts

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

ui/components/src/index.ts

@@ -0,0 +1,4 @@
+export * from './ActionBar';
+export * from './Popover';
+export * from './Tabs';
+export * from './Toggle';

ui/components/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "types": ["node", "jest"],
+    "typeRoots": ["../../node_modules/@types", "node_modules/@types"]
+  },
+  "include": ["src/**/*", "src/typings.d.ts"],
+  "exclude": ["node_modules/**"]
+}

ui/editors/package.json

@@ -29,14 +29,14 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@component-controls/components": "^0.6.0",
     "@component-controls/core": "^0.6.0",
     "@component-controls/specification": "^0.6.0",
     "global": "^4.3.2",
     "polished": "^3.4.4",
     "react": "^16.8.3",
     "react-color": "^2.17.0",
     "react-dom": "^16.8.3",
-    "react-popper-tooltip": "^2.10.1",
     "react-select": "^3.0.8",
     "theme-ui": "^0.3.1"
   },

ui/editors/src/editors/BooleanEditor/BooleanEditor.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentControlBoolean } from '@component-controls/specification';
-import { Toggle } from '../../components/Toggle/Toggle';
+import { Toggle } from '@component-controls/components';
 import { FlexContainer } from '../../components/FlexContainer/FlexContainer';
 import { PropertyControlProps, PropertyEditor } from '../types';
 

ui/editors/src/editors/ObjectEditor/ObjectEditor.tsx

@@ -6,9 +6,9 @@ import {
   ComponentControlObject,
 } from '@component-controls/specification';
 import { mergeControlValues, getControlValues } from '@component-controls/core';
+import { Popover } from '@component-controls/components';
 import { PropertyControlProps, PropertyEditor } from '../types';
 import { FlexContainer } from '../../components/FlexContainer/FlexContainer';
-import { Popover } from '../../components/Popover/Popover';
 
 import { PropertyEditors } from '../PropertyEditors';