Release/0.1.0 (#25)

* Added page and panel
* Added (in))valid colors
* Added base cards
* Added card variants
* Added grid system
* Added icons
* Added form message
* Added tags
* Added overlays
* Added tooltips
* Added modals

Author: EranNL

.eslintrc

@@ -0,0 +1,29 @@
+{
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["@typescript-eslint/eslint-plugin"],
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:react/recommended"
+    ],
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "sourceType": "module",
+        "project": "./tsconfig.json"
+    },
+    "env": {
+        "node": true,
+        "es6": true
+    },
+    "ignorePatterns": ["dist", "setupTests.ts", "babel.config.js"],
+    "rules": {
+        "comma-dangle": "off",
+        "class-methods-use-this": "off",
+        "import/prefer-default-export": "off",
+        "import/no-dynamic-require": "off",
+        "global-require": "off",
+        "quotes": ["error", "single", { "allowTemplateLiterals": true }],
+        "@typescript-eslint/indent": ["error", 4],
+        "@typescript-eslint/ban-ts-comment": "off"
+    }
+}

.github/workflows/ci.yml

@@ -0,0 +1,34 @@
+# This is a basic workflow to help you get started with Actions
+
+name: CI
+
+on: [push, pull_request]
+jobs:
+  test-coverage:
+    name: Test on Node.js Latest
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Use Node.js latest
+        uses: actions/[email protected]
+        with:
+          node-version: "15"
+      - name: Install dependencies
+        run: npm install
+      - name: Generate coverage report
+        run: npm run test-coverage
+      - name: Upload coverage report
+        uses: codecov/[email protected]
+        with:
+          token: ${{ secrets.CODECOV }}
+  test-node-12:
+    name: Test on Node.js v12
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout codd
+        uses: actions/checkout@v2
+      - name: Use Node.js v12
+        uses: actions/[email protected]
+        with:
+          node-version: "12"

.gitignore

@@ -0,0 +1,27 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# IDE
+/.idea

.idea/vcs.xml

@@ -0,0 +1,11 @@
+language: node_js
+
+node_js:
+  - "12"
+
+script:
+  - npm install codecov -g
+  - npm run build
+after_success:
+  - bash <(curl -s https://codecov.io/bash)
+  - codecov -f coverage/*.json

.idea/workspace.xml

@@ -0,0 +1,83 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import { Button } from '@/components/Button';
+import { Variant } from '@/components';
+
+describe('Button test', () => {
+    it('should render button', () => {
+        const container = shallow(
+            <Button
+                variant={Variant.PRIMARY}
+            >
+                Hello world
+            </Button>
+        );
+
+        expect(container.find('button').length).toBe(1);
+    });
+
+    it('should render button as link', () => {
+        const container = shallow(
+            <Button
+                as="a"
+                variant={Variant.PRIMARY}
+            >
+                Hello world
+            </Button>
+        );
+
+        expect(container.find('a').length).toBe(1);
+    });
+
+    it('should render block button', () => {
+        const container = shallow(
+            <Button
+                variant={Variant.PRIMARY}
+                block
+            >
+                Hello world
+            </Button>
+        );
+
+        expect(container.find('button').hasClass('btn-block')).toBeTruthy();
+    });
+
+    it('should render small button', () => {
+        const container = shallow(
+            <Button
+                variant={Variant.PRIMARY}
+                small
+            >
+                Hello world
+            </Button>
+        );
+
+        expect(container.find('button').hasClass('btn-small')).toBeTruthy();
+    });
+
+    it('should render button with icon left', () => {
+        const container = shallow(
+            <Button
+                variant={Variant.PRIMARY}
+                iconLeft={<i>icon</i>}
+            >
+                Hello world
+            </Button>
+        );
+
+        expect(container.find('button').find('i').text()).toContain('icon');
+    });
+
+    it('should render button with icon left', () => {
+        const container = shallow(
+            <Button
+                variant={Variant.PRIMARY}
+                iconRight={<i>icon</i>}
+            >
+                Hello world
+            </Button>
+        );
+
+        expect(container.find('button').find('i').text()).toContain('icon');
+    });
+});

.travis.yml

@@ -0,0 +1,68 @@
+import { render } from 'enzyme';
+import React from 'react';
+import Card from '@/components/Card/Card';
+import CardContent from '@/components/Card/Content';
+import CardHeader from '@/components/Card/Header';
+import { Variant } from '@/components';
+
+describe('Card test', () => {
+    it('should render card', () => {
+        const container = render(
+            <div>
+                <Card />
+            </div>
+        );
+
+        expect(container.find('.card').length).toBe(1);
+    });
+
+    it('should render card header', () => {
+        const container = render(
+            <div>
+                <Card>
+                    <Card.Header title="Foo" />
+                    <CardHeader title="Foo" />
+                    Hello world
+                </Card>
+            </div>
+        );
+
+        expect(container.find('.card .card-header').length).toBe(2);
+    });
+
+    it('should render card header with actions', () => {
+        const container = render(
+            <div>
+                <Card>
+                    <Card.Header title="Foo" actions={[<div key="1" className="foo"/>, null]} />
+                    Hello world
+                </Card>
+            </div>
+        );
+
+        expect(container.find('.card .card-header .card-header-action').length).toBe(1);
+    });
+
+    it('should render card content', () => {
+        const container = render(
+            <div>
+                <Card>
+                    <Card.Content>Content</Card.Content>
+                    <CardContent>Content</CardContent>
+                </Card>
+            </div>
+        );
+
+        expect(container.find('.card .card-content').text()).toBe('ContentContent');
+    });
+
+    it('should render variant card ', () => {
+        const container = render(
+            <div>
+                <Card variant={Variant.PRIMARY} />
+            </div>
+        );
+
+        expect(container.find('.card.card-primary').length).toBe(1);
+    });
+});

__tests__/.gitkeep

@@ -0,0 +1,25 @@
+import { render } from 'enzyme';
+import React from 'react';
+import Container from '@/components/Container/Container';
+
+describe('Container test', () => {
+    it('should render container', () => {
+        const container = render(
+            <div>
+                <Container/>
+            </div>
+        );
+
+        expect(container.find('.container').length).toBe(1);
+    });
+
+    it('should render fluid container', () => {
+        const container = render(
+            <div>
+                <Container fluid/>
+            </div>
+        );
+
+        expect(container.find('.container-fluid').length).toBe(1);
+    });
+});