Hello World",
9 | }
10 | }
11 | />
12 | `;
13 |
14 | exports[`should render 2`] = `
15 | "
16 | .a {
17 | display: initial
18 | }
19 | "
20 | `;
21 |
--------------------------------------------------------------------------------
/packages/cf-component-form/src/FormFieldErrorTheme.js:
--------------------------------------------------------------------------------
1 | export default baseTheme => ({
2 | position: 'relative',
3 | marginTop: '0.5em',
4 | padding: '0.5em 1em',
5 | border: `1px solid ${baseTheme.colorRedDark}`,
6 | fontSize: '0.8em',
7 | fontWeight: baseTheme.weightSemiBold,
8 | background: baseTheme.colorRed,
9 | color: baseTheme.colorWhite,
10 | boxShadow: '0 1px 1px rgba(0, 0, 0, 0.1)'
11 | });
12 |
--------------------------------------------------------------------------------
/packages/cf-component-heading/test/Heading.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Heading } from '../../cf-component-heading/src/index';
3 | import { felaSnapshot } from 'cf-style-provider';
4 |
5 | test('should render size', () => {
6 | const snapshot = felaSnapshot(
Heading);
7 | expect(snapshot.component).toMatchSnapshot();
8 | expect(snapshot.styles).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/packages/cf-component-list/test/UnorderedList.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { felaSnapshot } from 'cf-style-provider';
3 | import { UnorderedList } from '../../cf-component-list/src/index';
4 |
5 | test('should render', () => {
6 | const snapshot = felaSnapshot(
List);
7 | expect(snapshot.component).toMatchSnapshot();
8 | expect(snapshot.styles).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/packages/cf-component-page/test/Page.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import renderer from 'react-test-renderer';
3 | import { Page } from '../src/index';
4 | import { felaSnapshot } from 'cf-style-provider';
5 |
6 | test('should render', () => {
7 | const snapshot = felaSnapshot(
Hello World);
8 | expect(snapshot.component).toMatchSnapshot();
9 | expect(snapshot.styles).toMatchSnapshot();
10 | });
11 |
--------------------------------------------------------------------------------
/packages/cf-component-pagination/src/PaginationRoot.js:
--------------------------------------------------------------------------------
1 | import { createComponent } from 'cf-style-container';
2 | import PaginationRootTheme from './PaginationRootTheme';
3 |
4 | const paginationRootStyles = ({ theme }) => ({
5 | '&:after': {
6 | content: theme.content,
7 | display: theme.display,
8 | clear: theme.clear
9 | }
10 | });
11 |
12 | export default createComponent(paginationRootStyles, 'div');
13 |
--------------------------------------------------------------------------------
/packages/cf-test-www-api/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cf-test-www-api",
3 | "description": "Cloudflare WWW API Test Util",
4 | "version": "2.2.0",
5 | "main": "lib/index.js",
6 | "module": "es/index.js",
7 | "jsnext:main": "es/index.js",
8 | "author": "James Kyle
",
9 | "license": "BSD-3-Clause",
10 | "publishConfig": {
11 | "registry": "http://registry.npmjs.org/"
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/cf-component-dropdown/test/DropdownSeparator.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { felaSnapshot } from 'cf-style-provider';
3 | import { DropdownSeparator } from '../../cf-component-dropdown/src/index';
4 |
5 | test('should render with to', () => {
6 | const snapshot = felaSnapshot();
7 | expect(snapshot.component).toMatchSnapshot();
8 | expect(snapshot.styles).toMatchSnapshot();
9 | });
10 |
--------------------------------------------------------------------------------
/packages/cf-component-form/test/__snapshots__/FormFooter.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`should render 1`] = `
4 |
7 | FormFooter
8 |
9 | `;
10 |
11 | exports[`should render 2`] = `
12 | "
13 | .a {
14 | padding: 1em
15 | }
16 |
17 | .b {
18 | border-top: 1px solid #dedede
19 | }
20 |
21 | .c {
22 | text-align: right
23 | }
24 | "
25 | `;
26 |
--------------------------------------------------------------------------------
/packages/cf-component-list/test/__snapshots__/OrderedList.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`should render 1`] = `
4 |
7 | List
8 |
9 | `;
10 |
11 | exports[`should render 2`] = `
12 | "
13 | .a {
14 | list-style-type: decimal
15 | }
16 |
17 | .b {
18 | list-style-position: outside
19 | }
20 |
21 | .c {
22 | margin-left: 3em
23 | }
24 | "
25 | `;
26 |
--------------------------------------------------------------------------------
/packages/cf-component-list/test/__snapshots__/UnorderedList.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`should render 1`] = `
4 |
9 | `;
10 |
11 | exports[`should render 2`] = `
12 | "
13 | .a {
14 | list-style-type: disc
15 | }
16 |
17 | .b {
18 | list-style-position: outside
19 | }
20 |
21 | .c {
22 | margin-left: 3em
23 | }
24 | "
25 | `;
26 |
--------------------------------------------------------------------------------
/packages/cf-component-notifications/test/NotificationList.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import renderer from 'react-test-renderer';
3 | import { NotificationList } from '../../cf-component-notifications/src/index';
4 |
5 | test('should render', () => {
6 | const component = renderer.create(
7 | NotificationList
8 | );
9 | expect(component.toJSON()).toMatchSnapshot();
10 | });
11 |
--------------------------------------------------------------------------------
/packages/cf-component-table/test/__snapshots__/TableHeadCell.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`should render 1`] = `
4 |
7 | TableHeadCell
8 | |
9 | `;
10 |
11 | exports[`should render extra class name 1`] = `
12 |
15 | TableHeadCell
16 | |
17 | `;
18 |
--------------------------------------------------------------------------------
/packages/cf-builder-table/src/index.js:
--------------------------------------------------------------------------------
1 | import tableActions from './tableActions';
2 | import TableActionTypes from './TableActionTypes';
3 | import TableBuilder from './TableBuilder';
4 | import TableBuilderPropTypes from './TableBuilderPropTypes';
5 | import tableReducer from './tableReducer';
6 |
7 | export {
8 | tableActions,
9 | TableActionTypes,
10 | TableBuilder,
11 | TableBuilderPropTypes,
12 | tableReducer
13 | };
14 |
--------------------------------------------------------------------------------
/packages/cf-component-copyable-textarea/src/index.js:
--------------------------------------------------------------------------------
1 | import { applyTheme } from 'cf-style-container';
2 |
3 | import CopyableTextareaUnstyled from './CopyableTextarea';
4 | import CopyableTextareaTheme from './CopyableTextareaTheme';
5 |
6 | const CopyableTextarea = applyTheme(
7 | CopyableTextareaUnstyled,
8 | CopyableTextareaTheme
9 | );
10 |
11 | export { CopyableTextarea, CopyableTextareaUnstyled, CopyableTextareaTheme };
12 |
--------------------------------------------------------------------------------
/packages/cf-component-modal/src/ModalBody.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import PropTypes from 'prop-types';
4 |
5 | class ModalBody extends React.Component {
6 | render() {
7 | return (
8 |
9 | {this.props.children}
10 |
11 | );
12 | }
13 | }
14 |
15 | ModalBody.propTypes = {
16 | children: PropTypes.node
17 | };
18 |
19 | export default ModalBody;
20 |
--------------------------------------------------------------------------------
/packages/cf-util-route-handler/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "cf-util-route-handler",
3 | "description": "Cloudflare Route Handler Util",
4 | "version": "4.2.0",
5 | "main": "lib/index.js",
6 | "module": "es/index.js",
7 | "jsnext:main": "es/index.js",
8 | "author": "James Kyle ",
9 | "license": "BSD-3-Clause",
10 | "publishConfig": {
11 | "registry": "http://registry.npmjs.org/"
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/example/source.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { StyleProvider } from 'cf-style-provider';
4 | import { Button } from 'cf-component-button';
5 |
6 | ReactDOM.render(
7 |
8 |
11 | ,
12 | document.getElementById('react-app')
13 | );
14 |
--------------------------------------------------------------------------------
/packages/cf-component-code/example/basic/component.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Code, CodeBlock } from 'cf-component-code';
3 |
4 | class CodeComponent extends React.Component {
5 | render() {
6 | return (
7 |
8 |
Look at this inline code!
9 |
And this code block!
10 |
9 | {this.props.children}
10 |
11 | );
12 | }
13 | }
14 |
15 | ModalActions.propTypes = {
16 | children: PropTypes.node
17 | };
18 |
19 | export default ModalActions;
20 |
--------------------------------------------------------------------------------
/packages/cf-component-modal/src/ModalHeader.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import PropTypes from 'prop-types';
4 |
5 | class ModalHeader extends React.Component {
6 | render() {
7 | return (
8 |
9 | {this.props.children}
10 |
11 | );
12 | }
13 | }
14 |
15 | ModalHeader.propTypes = {
16 | children: PropTypes.node
17 | };
18 |
19 | export default ModalHeader;
20 |
--------------------------------------------------------------------------------
/packages/cf-component-card/test/CardToolbar.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { felaSnapshot } from 'cf-style-provider';
3 | import CardToolbar from '../../cf-component-card/src/CardToolbar';
4 |
5 | test('should render', () => {
6 | const snapshot = felaSnapshot(
7 |
8 | );
9 | expect(snapshot.component).toMatchSnapshot();
10 | expect(snapshot.styles).toMatchSnapshot();
11 | });
12 |
--------------------------------------------------------------------------------
/packages/cf-component-card/test/__snapshots__/CardBlock.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`should render 1`] = `
4 |
7 | CardBlock
8 |
9 | `;
10 |
11 | exports[`should render 2`] = `
12 | "
13 | .a {
14 | padding: 1rem 1.4rem 1.26667rem
15 | }
16 |
17 | .b {
18 | border-top: 1px solid #dedede
19 | }
20 |
21 | .c:first-child {
22 | border-top: 0px
23 | }
24 | "
25 | `;
26 |
--------------------------------------------------------------------------------
/packages/cf-component-header/src/NavList.js:
--------------------------------------------------------------------------------
1 | import { createComponent } from 'cf-style-container';
2 |
3 | const NavList = createComponent(
4 | () => ({
5 | display: 'none',
6 | lineHeight: '42px',
7 | textAlign: 'right',
8 | margin: 0,
9 | padding: 0,
10 | marginRight: '1.5rem',
11 | listStyle: 'none',
12 | tablet: {
13 | display: 'block'
14 | }
15 | }),
16 | 'ul'
17 | );
18 |
19 | export default NavList;
20 |
--------------------------------------------------------------------------------
/packages/cf-component-page/example/basic/component.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Page, PageHeader, PageContent } from 'cf-component-page';
3 |
4 | const PageComponent = () => (
5 |
6 |
7 |
8 | Awesome page content.
9 | Please buy our things.
10 |
11 |
12 | );
13 |
14 | export default PageComponent;
15 |
--------------------------------------------------------------------------------
/packages/cf-component-heading/test/HeadingCaption.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { HeadingCaption } from '../../cf-component-heading/src/index';
3 | import { felaSnapshot } from 'cf-style-provider';
4 |
5 | test('should render', () => {
6 | const snapshot = felaSnapshot(
7 | Heading Caption
8 | );
9 | expect(snapshot.component).toMatchSnapshot();
10 | expect(snapshot.styles).toMatchSnapshot();
11 | });
12 |
--------------------------------------------------------------------------------
/packages/cf-component-label/example/basic/component.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Label } from 'cf-component-label';
3 |
4 | const LabelComponent = () => (
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | );
13 |
14 | export default LabelComponent;
15 |
--------------------------------------------------------------------------------
/packages/cf-component-card/test/__snapshots__/CardMessages.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`should render 1`] = `
4 |
7 |
10 | Message One
11 |
12 |
15 | Message Two
16 |
17 |
7 | Hello World
8 |
9 | `;
10 |
11 | exports[`should render 2`] = `
12 | "
13 | .a {
14 | margin-left: auto
15 | }
16 |
17 | .b {
18 | margin-right: auto
19 | }
20 |
21 | .c {
22 | width: 90%
23 | }
24 |
25 | .d {
26 | max-width: 79em
27 | }
28 | "
29 | `;
30 |
--------------------------------------------------------------------------------
/packages/cf-component-textarea/test/Textarea.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { felaSnapshot } from 'cf-style-provider';
3 | import { Textarea } from '../../cf-component-textarea/src/index';
4 |
5 | test('should render', () => {
6 | const snapshot = felaSnapshot(
7 |