├── src ├── Tab │ ├── README.md │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── tab.test.js.snap │ │ └── tab.test.js │ ├── Tab.css │ └── Tab.js ├── Task │ ├── README.md │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── task.test.js.snap │ │ └── task.test.js │ ├── Task.css │ └── Task.js ├── Label │ ├── README.md │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── label.test.js.snap │ │ └── label.test.js │ └── Label.css ├── ListGroup │ ├── README.md │ ├── index.js │ ├── ListGroup.css │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── listGroup.test.js.snap │ └── ListGroup.js ├── ListItem │ ├── README.md │ ├── index.js │ ├── ListItem.css │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── listItem.test.js.snap │ │ └── listItem.test.js │ └── ListItem.js ├── NavItem │ ├── README.md │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── navItem.test.js.snap │ └── NavItem.css ├── Option │ ├── README.md │ ├── index.js │ ├── Option.css │ └── Option.js ├── TabList │ ├── README.md │ ├── index.js │ ├── TabList.css │ └── TabList.js ├── TabPanel │ ├── README.md │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── tabPanel.test.js.snap │ │ └── tabPanel.test.js │ ├── TabPanel.css │ └── TabPanel.js ├── AccordionPanel │ ├── README.md │ ├── index.js │ ├── AccordionPanel.css │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── accordionPanel.test.js.snap │ └── AccordionPanel.js ├── BreadcrumbItem │ ├── README.md │ ├── index.js │ ├── BreadcrumbItem.css │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── breadcrumbItem.test.js.snap │ │ └── breadcrumbItem.test.js │ └── BreadcrumbItem.js ├── TableHeader │ ├── README.md │ ├── index.js │ ├── TableHeader.css │ └── TableHeader.js ├── Nav │ ├── index.js │ ├── Nav.css │ └── __tests__ │ │ ├── data.json │ │ └── __snapshots__ │ │ └── nav.test.js.snap ├── Card │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── card.test.js.snap │ │ └── card.test.js │ ├── Card.css │ ├── README.md │ └── Card.js ├── Hint │ ├── index.js │ ├── Hint.css │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── hint.test.js.snap │ │ └── hint.test.js │ ├── README.md │ └── Hint.js ├── Icon │ ├── index.js │ ├── Icon.css │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── icon.test.js.snap │ │ └── icon.test.js │ ├── README.md │ └── Icon.js ├── List │ ├── index.js │ ├── List.css │ ├── __tests__ │ │ └── list.test.js │ └── List.js ├── Tabs │ ├── index.js │ ├── Tabs.css │ └── __tests__ │ │ └── __snapshots__ │ │ └── tabs.test.js.snap ├── Text │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── text.test.js.snap │ │ └── text.test.js │ ├── Text.css │ ├── Text.js │ └── README.md ├── Alert │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── alert.test.js.snap │ ├── Alert.css │ ├── Alert.js │ └── README.md ├── Avatar │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── avatar.test.js.snap │ ├── Avatar.css │ └── README.md ├── Form │ └── index.js ├── Modal │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── modal.test.js.snap │ ├── README.md │ └── Modal.css ├── Radio │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── radio.test.js.snap │ ├── README.md │ └── Radio.css ├── Table │ ├── index.js │ └── Table.js ├── Timer │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── timer.test.js.snap │ └── README.md ├── Button │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── button.test.js.snap │ └── README.md ├── Dialog │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── dialog.test.js.snap │ │ └── dialog.test.js │ ├── Dialog.css │ └── README.md ├── Portal │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── portal.test.js.snap │ │ └── portal.test.js │ ├── Portal.css │ └── Portal.js ├── Switch │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── switch.test.js.snap │ └── README.md ├── Checkbox │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── checkbox.test.js.snap │ ├── README.md │ └── Checkbox.css ├── Dropdown │ ├── index.js │ └── Dropdown.css ├── Overlay │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── overlay.test.js.snap │ │ └── overlay.test.js │ ├── Overlay.css │ └── Overlay.js ├── Taskbar │ ├── index.js │ ├── Taskbar.css │ ├── README.md │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── taskbar.test.js.snap │ │ └── taskbar.test.js │ └── Taskbar.js ├── TextArea │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── textArea.test.js.snap │ └── README.md ├── Tooltip │ ├── index.js │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── tooltip.test.js.snap │ │ └── tooltip.test.js │ └── README.md ├── Accordion │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── accordion.test.js.snap │ └── Accordion.css ├── TextField │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── textField.test.js.snap │ └── TextField.css ├── Breadcrumb │ ├── index.js │ ├── Breadcrumb.css │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── breadcrumb.test.js.snap │ │ └── breadcrumb.test.js │ ├── README.md │ └── Breadcrumb.js ├── FileUpload │ ├── index.js │ ├── fileupload.css │ ├── README.md │ ├── __tests__ │ │ └── fileUpload.test.js │ └── FileUpload.js ├── RadioGroup │ ├── index.js │ ├── RadioGroup.css │ ├── README.md │ └── __tests__ │ │ └── radioGroup.test.js ├── ProgressBar │ ├── index.js │ ├── __tests__ │ │ └── __snapshots__ │ │ │ └── progressBar.test.js.snap │ ├── README.md │ └── ProgressBar.css ├── CheckboxGroup │ ├── index.js │ ├── CheckboxGroup.css │ └── README.md ├── utils │ ├── polyfills.js │ ├── index.js │ ├── messages.js │ ├── propsVerification.js │ ├── __tests__ │ │ ├── prefixer.test.js │ │ └── propsVerification.test.js │ ├── prefixer.js │ └── events.js ├── styles.css ├── styles │ ├── typography.css │ └── miscellaneous.css ├── constants.js └── index.js ├── .gitattributes ├── .eslintignore ├── docs ├── images │ ├── logo_full.png │ ├── logo_small.png │ ├── logo_full_300.png │ └── logo_medium.png ├── PUBLISH.md ├── CONTRIBUTING.md └── CODE_OF_CONDUCT.md ├── .babelrc ├── scripts ├── enzymeConfig.js └── gh-pages.js ├── .travis.yml ├── config ├── postcss.config.js ├── webpack.analyze.config.js ├── webpack.analyze.index.config.js └── webpack.index.config.js ├── .gitignore ├── .npmignore ├── .eslintrc └── LICENSE /src/Tab/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Task/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Label/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/ListGroup/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/ListItem/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/NavItem/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Option/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/TabList/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/TabPanel/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/AccordionPanel/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/BreadcrumbItem/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/TableHeader/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | packages/react-atlas/src/assets/* linguist-vendored -------------------------------------------------------------------------------- /src/Nav/index.js: -------------------------------------------------------------------------------- 1 | import Nav from "./Nav.js"; 2 | export { Nav }; 3 | -------------------------------------------------------------------------------- /src/Tab/index.js: -------------------------------------------------------------------------------- 1 | import Tab from "./Tab.js"; 2 | export { Tab }; 3 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | styleguide 3 | docAssets 4 | lib 5 | wiki -------------------------------------------------------------------------------- /src/Card/index.js: -------------------------------------------------------------------------------- 1 | import Card from "./Card.js"; 2 | export { Card }; 3 | -------------------------------------------------------------------------------- /src/Hint/index.js: -------------------------------------------------------------------------------- 1 | import Hint from "./Hint.js"; 2 | export { Hint }; 3 | -------------------------------------------------------------------------------- /src/Icon/index.js: -------------------------------------------------------------------------------- 1 | import Icon from "./Icon.js"; 2 | export { Icon }; 3 | -------------------------------------------------------------------------------- /src/List/index.js: -------------------------------------------------------------------------------- 1 | import List from "./List.js"; 2 | export { List }; 3 | -------------------------------------------------------------------------------- /src/Tabs/index.js: -------------------------------------------------------------------------------- 1 | import Tabs from "./Tabs.js"; 2 | export { Tabs }; 3 | -------------------------------------------------------------------------------- /src/Task/index.js: -------------------------------------------------------------------------------- 1 | import Task from "./Task.js"; 2 | export { Task }; 3 | -------------------------------------------------------------------------------- /src/Text/index.js: -------------------------------------------------------------------------------- 1 | import Text from "./Text.js"; 2 | export { Text }; 3 | -------------------------------------------------------------------------------- /src/Alert/index.js: -------------------------------------------------------------------------------- 1 | import Alert from "./Alert.js"; 2 | export { Alert }; 3 | -------------------------------------------------------------------------------- /src/Avatar/index.js: -------------------------------------------------------------------------------- 1 | import Avatar from "./Avatar"; 2 | export { Avatar }; 3 | -------------------------------------------------------------------------------- /src/Form/index.js: -------------------------------------------------------------------------------- 1 | import Form from "./Form.js"; 2 | export { Form }; 3 | -------------------------------------------------------------------------------- /src/Label/index.js: -------------------------------------------------------------------------------- 1 | import Label from "./Label.js"; 2 | export { Label }; 3 | -------------------------------------------------------------------------------- /src/Modal/index.js: -------------------------------------------------------------------------------- 1 | import Modal from "./Modal.js"; 2 | export { Modal }; 3 | -------------------------------------------------------------------------------- /src/Radio/index.js: -------------------------------------------------------------------------------- 1 | import Radio from "./Radio.js"; 2 | export { Radio }; 3 | -------------------------------------------------------------------------------- /src/Table/index.js: -------------------------------------------------------------------------------- 1 | import Table from "./Table.js"; 2 | export { Table }; 3 | -------------------------------------------------------------------------------- /src/Timer/index.js: -------------------------------------------------------------------------------- 1 | import Timer from "./Timer.js"; 2 | export { Timer }; 3 | -------------------------------------------------------------------------------- /src/Button/index.js: -------------------------------------------------------------------------------- 1 | import Button from "./Button.js"; 2 | export { Button }; 3 | -------------------------------------------------------------------------------- /src/Dialog/index.js: -------------------------------------------------------------------------------- 1 | import Dialog from "./Dialog.js"; 2 | export { Dialog }; 3 | -------------------------------------------------------------------------------- /src/Option/index.js: -------------------------------------------------------------------------------- 1 | import Option from "./Option.js"; 2 | export { Option }; 3 | -------------------------------------------------------------------------------- /src/Portal/index.js: -------------------------------------------------------------------------------- 1 | import Portal from "./Portal.js"; 2 | export { Portal }; 3 | -------------------------------------------------------------------------------- /src/Switch/index.js: -------------------------------------------------------------------------------- 1 | import Switch from "./Switch.js"; 2 | export { Switch }; 3 | -------------------------------------------------------------------------------- /src/Checkbox/index.js: -------------------------------------------------------------------------------- 1 | import Checkbox from "./Checkbox.js"; 2 | export { Checkbox }; 3 | -------------------------------------------------------------------------------- /src/Dropdown/index.js: -------------------------------------------------------------------------------- 1 | import Dropdown from "./Dropdown.js"; 2 | export { Dropdown }; 3 | -------------------------------------------------------------------------------- /src/ListItem/index.js: -------------------------------------------------------------------------------- 1 | import ListItem from "./ListItem.js"; 2 | export { ListItem }; 3 | -------------------------------------------------------------------------------- /src/NavItem/index.js: -------------------------------------------------------------------------------- 1 | import NavItem from "./NavItem.js"; 2 | export { NavItem }; 3 | -------------------------------------------------------------------------------- /src/Overlay/index.js: -------------------------------------------------------------------------------- 1 | import Overlay from "./Overlay.js"; 2 | export { Overlay }; 3 | -------------------------------------------------------------------------------- /src/TabList/index.js: -------------------------------------------------------------------------------- 1 | import TabList from "./TabList.js"; 2 | export { TabList }; 3 | -------------------------------------------------------------------------------- /src/TabPanel/index.js: -------------------------------------------------------------------------------- 1 | import TabPanel from "./TabPanel.js"; 2 | export { TabPanel }; 3 | -------------------------------------------------------------------------------- /src/Taskbar/index.js: -------------------------------------------------------------------------------- 1 | import Taskbar from "./Taskbar.js"; 2 | export { Taskbar }; 3 | -------------------------------------------------------------------------------- /src/TextArea/index.js: -------------------------------------------------------------------------------- 1 | import TextArea from "./TextArea.js"; 2 | export { TextArea }; 3 | -------------------------------------------------------------------------------- /src/Tooltip/index.js: -------------------------------------------------------------------------------- 1 | import Tooltip from "./Tooltip.js"; 2 | export { Tooltip }; 3 | -------------------------------------------------------------------------------- /src/Accordion/index.js: -------------------------------------------------------------------------------- 1 | import Accordion from "./Accordion.js"; 2 | export { Accordion }; 3 | -------------------------------------------------------------------------------- /src/ListGroup/index.js: -------------------------------------------------------------------------------- 1 | import ListGroup from "./ListGroup.js"; 2 | export { ListGroup }; 3 | -------------------------------------------------------------------------------- /src/TextField/index.js: -------------------------------------------------------------------------------- 1 | import TextField from "./TextField.js"; 2 | export { TextField }; 3 | -------------------------------------------------------------------------------- /src/Breadcrumb/index.js: -------------------------------------------------------------------------------- 1 | import Breadcrumb from "./Breadcrumb.js"; 2 | export { Breadcrumb }; 3 | -------------------------------------------------------------------------------- /src/FileUpload/index.js: -------------------------------------------------------------------------------- 1 | import FileUpload from "./FileUpload.js"; 2 | export { FileUpload }; 3 | -------------------------------------------------------------------------------- /src/RadioGroup/index.js: -------------------------------------------------------------------------------- 1 | import RadioGroup from "./RadioGroup.js"; 2 | export { RadioGroup }; 3 | -------------------------------------------------------------------------------- /src/Icon/Icon.css: -------------------------------------------------------------------------------- 1 | .large { 2 | font-size: 2rem; 3 | } 4 | .small { 5 | font-size: .85rem; 6 | } 7 | -------------------------------------------------------------------------------- /src/ProgressBar/index.js: -------------------------------------------------------------------------------- 1 | import ProgressBar from "./ProgressBar.js"; 2 | export { ProgressBar }; 3 | -------------------------------------------------------------------------------- /src/TableHeader/index.js: -------------------------------------------------------------------------------- 1 | import TableHeader from "./TableHeader.js"; 2 | export { TableHeader }; 3 | -------------------------------------------------------------------------------- /src/CheckboxGroup/index.js: -------------------------------------------------------------------------------- 1 | import CheckboxGroup from "./CheckboxGroup"; 2 | export { CheckboxGroup }; 3 | -------------------------------------------------------------------------------- /docs/images/logo_full.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DigitalRiver/react-atlas/HEAD/docs/images/logo_full.png -------------------------------------------------------------------------------- /docs/images/logo_small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DigitalRiver/react-atlas/HEAD/docs/images/logo_small.png -------------------------------------------------------------------------------- /src/BreadcrumbItem/index.js: -------------------------------------------------------------------------------- 1 | import BreadcrumbItem from "./BreadcrumbItem.js"; 2 | export { BreadcrumbItem }; 3 | -------------------------------------------------------------------------------- /docs/images/logo_full_300.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DigitalRiver/react-atlas/HEAD/docs/images/logo_full_300.png -------------------------------------------------------------------------------- /docs/images/logo_medium.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DigitalRiver/react-atlas/HEAD/docs/images/logo_medium.png -------------------------------------------------------------------------------- /src/AccordionPanel/index.js: -------------------------------------------------------------------------------- 1 | import AccordionPanel from "./AccordionPanel.js"; 2 | export { AccordionPanel }; 3 | -------------------------------------------------------------------------------- /src/TableHeader/TableHeader.css: -------------------------------------------------------------------------------- 1 | @import '../styles/variables.css'; 2 | .column:hover { 3 | background-color: var(--silver); 4 | } 5 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "react", "env" 4 | ], 5 | "plugins": ["transform-class-properties", "transform-object-rest-spread"] 6 | } -------------------------------------------------------------------------------- /scripts/enzymeConfig.js: -------------------------------------------------------------------------------- 1 | import { configure } from "enzyme"; 2 | import Adapter from "enzyme-adapter-react-16"; 3 | 4 | configure({ adapter: new Adapter() }); 5 | -------------------------------------------------------------------------------- /src/AccordionPanel/AccordionPanel.css: -------------------------------------------------------------------------------- 1 | .accordionPanel { 2 | composes: default-text from '../styles.css'; 3 | composes: default-font from '../styles.css'; 4 | } -------------------------------------------------------------------------------- /src/Modal/__tests__/__snapshots__/modal.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test correct render Test correct render 1`] = `null`; 4 | -------------------------------------------------------------------------------- /src/Portal/__tests__/__snapshots__/portal.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test correct render Test correct render 1`] = `null`; 4 | -------------------------------------------------------------------------------- /src/Dialog/__tests__/__snapshots__/dialog.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Dialog component Test render correctly 1`] = `null`; 4 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | sudo: false 3 | node_js: 4 | - '6' 5 | install: 6 | - npm install 7 | script: 8 | - npm run build:prd 9 | - npm run lint 10 | - npm run test -------------------------------------------------------------------------------- /src/Hint/Hint.css: -------------------------------------------------------------------------------- 1 | .hintLabel { 2 | composes: default-font from '../styles.css'; 3 | composes: dark-gray from '../styles.css'; 4 | composes: font-size-6 from '../styles.css'; 5 | } -------------------------------------------------------------------------------- /src/Tabs/Tabs.css: -------------------------------------------------------------------------------- 1 | .tabs { 2 | composes: default-font from '../styles.css'; 3 | font-size: 1rem; 4 | } 5 | 6 | .vertical { 7 | display: flex; 8 | flex: 0 0 100%; 9 | } -------------------------------------------------------------------------------- /src/Breadcrumb/Breadcrumb.css: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | composes: default-font from '../styles.css'; 3 | padding: 8px 15px; 4 | display: inline-flex; 5 | align-items: center; 6 | } -------------------------------------------------------------------------------- /src/utils/polyfills.js: -------------------------------------------------------------------------------- 1 | import "core-js/fn/array/from"; 2 | import "core-js/fn/array/iterator"; 3 | import "core-js/fn/map"; 4 | import "core-js/fn/string/starts-with"; 5 | import "core-js/fn/symbol"; 6 | -------------------------------------------------------------------------------- /config/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | "postcss-import": {}, 4 | "postcss-cssnext": { 5 | browsers: ["last 2 versions", "> 5%"] 6 | } 7 | } 8 | }; 9 | -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- 1 | import events from "./events"; 2 | import prefixer from "./prefixer"; 3 | // import time from './time'; 4 | import utils from "./utils"; 5 | 6 | export { events, prefixer, utils }; 7 | -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- 1 | @import './styles/layout.css'; 2 | @import './styles/borders.css'; 3 | @import './styles/typography.css'; 4 | @import './styles/colors.css'; 5 | @import './styles/miscellaneous.css'; 6 | 7 | -------------------------------------------------------------------------------- /src/ListGroup/ListGroup.css: -------------------------------------------------------------------------------- 1 | .divider { 2 | composes: border-bottom from '../styles.css'; 3 | } 4 | 5 | .groupTitle { 6 | composes: pad-v-1 from '../styles.css'; 7 | composes: header-font from '../styles.css'; 8 | } -------------------------------------------------------------------------------- /src/Nav/Nav.css: -------------------------------------------------------------------------------- 1 | .nav { 2 | padding-left: 0; 3 | margin-bottom: 0; 4 | margin-top: 0; 5 | list-style: none; 6 | height: auto; 7 | } 8 | 9 | .nav a { 10 | text-decoration: none; 11 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | build 2 | lib 3 | node_modules 4 | npm-debug.log 5 | .idea 6 | .vscode 7 | styleguide 8 | .npmrc 9 | jsconfig.json 10 | lerna-debug.log 11 | coverage 12 | atlas.config.js 13 | *reports/ 14 | *.DS_Store 15 | -------------------------------------------------------------------------------- /docs/PUBLISH.md: -------------------------------------------------------------------------------- 1 | ## Publishing to your own github page 2 | To publish your own build of react-atlas to your own fork, run the following commands: 3 | 4 | ```bash 5 | $ npm run docs:build 6 | $ npm run gh-pages:publish 7 | ``` 8 | -------------------------------------------------------------------------------- /src/Card/__tests__/__snapshots__/card.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Card component renders correctly 1`] = ` 4 |
8 | `; 9 | -------------------------------------------------------------------------------- /src/Timer/__tests__/__snapshots__/timer.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Timer Component Supports render prop 1`] = ` 4 | 5 | You have 6 | 10 7 | second(s) left 8 | 9 | `; 10 | -------------------------------------------------------------------------------- /src/Text/__tests__/__snapshots__/text.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Text component renders correctly 1`] = ` 4 | 7 | Hello World! 8 | 9 | `; 10 | -------------------------------------------------------------------------------- /src/ListItem/ListItem.css: -------------------------------------------------------------------------------- 1 | .listItem { 2 | display: flex; 3 | flex-direction: row; 4 | align-items: center; 5 | } 6 | .inlineBlock { 7 | display: inline-block; 8 | } 9 | .rightItem { 10 | composes: inlineBlock; 11 | margin-left: auto; 12 | } -------------------------------------------------------------------------------- /src/Portal/Portal.css: -------------------------------------------------------------------------------- 1 | .portal { 2 | align-items: center; 3 | justify-content: center; 4 | display: flex; 5 | position: fixed; 6 | top: 0; 7 | width: 100%; 8 | height: 100%; 9 | z-index: 999; 10 | overflow-x: hidden; 11 | overflow-y: auto; 12 | } -------------------------------------------------------------------------------- /src/List/List.css: -------------------------------------------------------------------------------- 1 | .list { 2 | composes: marg-b-2 from '../styles.css'; 3 | composes: pad-1 from '../styles.css'; 4 | composes: rounded from '../styles.css'; 5 | display: table; 6 | } 7 | 8 | .border { 9 | composes: default-border from '../styles.css'; 10 | } -------------------------------------------------------------------------------- /src/Hint/__tests__/__snapshots__/hint.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Hint component render Render correctly 1`] = ` 4 | 8 | Some text 9 | 10 | `; 11 | -------------------------------------------------------------------------------- /config/webpack.analyze.config.js: -------------------------------------------------------------------------------- 1 | let config = require(__dirname + "/webpack.config.js"); 2 | let BundleAnalyzerPlugin = require("webpack-bundle-analyzer") 3 | .BundleAnalyzerPlugin; 4 | 5 | config.plugins.push(new BundleAnalyzerPlugin()); 6 | 7 | module.exports = config; 8 | -------------------------------------------------------------------------------- /src/Overlay/__tests__/__snapshots__/overlay.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test correct render Test correct render 1`] = ` 4 |
9 | `; 10 | -------------------------------------------------------------------------------- /src/Tab/__tests__/__snapshots__/tab.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Tab component Test render correctly 1`] = ` 4 |
  • 9 | My Tab 10 |
    • 11 | `; 12 | -------------------------------------------------------------------------------- /config/webpack.analyze.index.config.js: -------------------------------------------------------------------------------- 1 | let config = require(__dirname + "/webpack.index.config.js"); 2 | let BundleAnalyzerPlugin = require("webpack-bundle-analyzer") 3 | .BundleAnalyzerPlugin; 4 | 5 | config.plugins.push(new BundleAnalyzerPlugin()); 6 | 7 | module.exports = config; 8 | -------------------------------------------------------------------------------- /src/Option/Option.css: -------------------------------------------------------------------------------- 1 | .optionWrapper { 2 | padding: 5px; 3 | } 4 | 5 | .option { 6 | overflow: hidden; 7 | text-overflow: ellipsis; 8 | } 9 | 10 | .selected { 11 | composes: bg-gray from '../styles.css'; 12 | } 13 | 14 | .hover { 15 | composes: bg-silver from '../styles.css'; 16 | } -------------------------------------------------------------------------------- /src/Overlay/Overlay.css: -------------------------------------------------------------------------------- 1 | .overlay { 2 | composes: bg-black from '../styles.css'; 3 | left: 0; 4 | opacity: 0; 5 | position: fixed; 6 | top: 0; 7 | width: 100%; 8 | height: 100%; 9 | z-index: -1; 10 | } 11 | 12 | .overlay.active { 13 | opacity: 0.6; 14 | pointer-events: all; 15 | } -------------------------------------------------------------------------------- /src/Icon/__tests__/__snapshots__/icon.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test correct render Test correct render 1`] = ` 4 | }" 6 | onClick={undefined} 7 | style={undefined} 8 | /> 9 | `; 10 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .*rc 2 | .eslintignore 3 | .editorconfig 4 | karma.conf.js 5 | tests.webpack.js 6 | webpack.config.* 7 | jsconfig.json 8 | CONTRIBUTING.md 9 | CODE_OF_CONDUCT.md 10 | docs 11 | spec 12 | tools 13 | wiki 14 | styleguide 15 | docsConfig.js 16 | temp.css 17 | coverage 18 | src 19 | config 20 | 21 | -------------------------------------------------------------------------------- /src/utils/messages.js: -------------------------------------------------------------------------------- 1 | const messages = { 2 | requiredMessage: "This field is required", 3 | selectOne: "Select One", 4 | onSubmitAction: "Pass either onSubmit or action", 5 | missingRequired: "Required input value is empty", 6 | expandAll: "Expand All" 7 | }; 8 | 9 | export default messages; 10 | -------------------------------------------------------------------------------- /src/BreadcrumbItem/BreadcrumbItem.css: -------------------------------------------------------------------------------- 1 | .breadcrumbItem { 2 | display: inline-flex; 3 | align-items: center; 4 | } 5 | 6 | .breadcrumbItem + .breadcrumbItem:before { 7 | content: "/ "; 8 | padding: 0 5px; 9 | color: #ccc; 10 | } 11 | 12 | .breadcrumbItem.active { 13 | color: #777; 14 | } -------------------------------------------------------------------------------- /src/AccordionPanel/__tests__/__snapshots__/accordionPanel.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Accordion Panel component Test render correctly 1`] = ` 4 |
    8 | Some content for the first panel 9 |
    10 | `; 11 | -------------------------------------------------------------------------------- /src/TabList/TabList.css: -------------------------------------------------------------------------------- 1 | @import '../styles/variables.css'; 2 | 3 | .tabList { 4 | composes: marg-0 from '../styles.css'; 5 | composes: pad-0 from '../styles.css'; 6 | border-bottom: 1px solid var(--gray); 7 | } 8 | 9 | .vertical { 10 | flex-grow: 1; 11 | border-bottom: none; 12 | border-right: 1px solid var(--gray); 13 | } -------------------------------------------------------------------------------- /src/Dialog/Dialog.css: -------------------------------------------------------------------------------- 1 | @import '../styles/variables.css'; 2 | 3 | .dialog { 4 | composes: default-font from '../styles.css'; 5 | display: inline-block; 6 | } 7 | 8 | .buttons { 9 | float: right; 10 | margin-top: 9px; 11 | } 12 | 13 | .buttons button { 14 | margin: 3px; 15 | } 16 | 17 | .warning h3 { 18 | color: var(--warning); 19 | } 20 | -------------------------------------------------------------------------------- /src/TabPanel/__tests__/__snapshots__/tabPanel.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test dropdown component Test render correctly 1`] = ` 4 |
    8 |

    9 | Content 1 10 |

    11 |

    12 | Tab content here 13 |

    14 |
    15 | `; 16 | -------------------------------------------------------------------------------- /src/Taskbar/Taskbar.css: -------------------------------------------------------------------------------- 1 | .taskbar { 2 | composes: taskbar-border-top from '../styles.css'; 3 | composes: taskbar-border-bottom from '../styles.css'; 4 | width: 100%; 5 | border-radius: 2px; 6 | min-height: 50px; 7 | margin-bottom: 27px; 8 | } 9 | 10 | .taskbarContainer { 11 | padding: 0 20px; 12 | } 13 | 14 | .center { 15 | text-align: center; 16 | } -------------------------------------------------------------------------------- /src/FileUpload/fileupload.css: -------------------------------------------------------------------------------- 1 | .text { 2 | composes: default-text from '../styles.css'; 3 | composes: default-font from '../styles.css'; 4 | composes: marg-1 from '../styles.css'; 5 | display: flex; 6 | justify-content: center; /* align horizontal */ 7 | align-items: center; /* align vertical */ 8 | height:100%; 9 | text-align:center; 10 | } -------------------------------------------------------------------------------- /src/Hint/__tests__/hint.test.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Hint } from "../index"; 3 | import renderer from "react-test-renderer"; 4 | 5 | describe("Test Hint component render", () => { 6 | it("Render correctly", () => { 7 | const tree = renderer.create().toJSON(); 8 | expect(tree).toMatchSnapshot(); 9 | }); 10 | }); 11 | -------------------------------------------------------------------------------- /src/Alert/__tests__/__snapshots__/alert.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Alert component Test renders correctly 1`] = ` 4 |
    8 | 9 | Success! 10 | 11 | This alert box indicates a successful or positive action. 12 |
    13 | `; 14 | -------------------------------------------------------------------------------- /src/Hint/README.md: -------------------------------------------------------------------------------- 1 | ###### Default Hint: 2 |
    3 | 4 | 10 digit number including area code 5 |
    6 | 7 | ###### Passing text as prop: 8 |
    9 | 10 | 11 |
    12 | 13 | 14 | -------------------------------------------------------------------------------- /scripts/gh-pages.js: -------------------------------------------------------------------------------- 1 | let ghpages = require("gh-pages"); 2 | let pjson = require("../package.json"); 3 | 4 | ghpages.publish( 5 | "config/styleguide", 6 | { 7 | remote: "origin", 8 | message: "Auto-generated commit for React Atlas version: " + pjson.version 9 | }, 10 | function(err) { 11 | console.warn("Error publishing Styleguide: ", err); 12 | } 13 | ); 14 | -------------------------------------------------------------------------------- /src/BreadcrumbItem/__tests__/__snapshots__/breadcrumbItem.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test BreadcrumbItem component Test correct render 1`] = ` 4 |
  • 8 | 12 | Atlas 13 | 14 |
    • 15 | `; 16 | -------------------------------------------------------------------------------- /src/Task/__tests__/__snapshots__/task.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test correct render Test correct render 1`] = ` 4 | 10 | 13 | Item One 14 | 15 | `; 16 | -------------------------------------------------------------------------------- /src/ListItem/__tests__/__snapshots__/listItem.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test ListItem component Test render correctly 1`] = ` 4 |
    10 |
    13 | Item one 14 |
    15 |
    16 | `; 17 | -------------------------------------------------------------------------------- /src/Avatar/__tests__/__snapshots__/avatar.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test correct render Test correct render 1`] = ` 4 |
    9 | 15 |
    16 | `; 17 | -------------------------------------------------------------------------------- /src/TabPanel/TabPanel.css: -------------------------------------------------------------------------------- 1 | @import '../styles/variables.css'; 2 | 3 | .tabPanel { 4 | display: none; 5 | } 6 | 7 | .selected { 8 | display: block; 9 | } 10 | 11 | .bordered { 12 | border: 1px solid var(--gray); 13 | border-top: none; 14 | padding: 1rem; 15 | } 16 | 17 | .vertical { 18 | flex-grow: 8; 19 | border: 1px solid var(--gray); 20 | border-left: none; 21 | padding: 1rem; 22 | } -------------------------------------------------------------------------------- /src/ListGroup/__tests__/__snapshots__/listGroup.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test ListGroup component Test render correctly 1`] = ` 4 |
    9 |
    12 |
    13 | Item 1 14 |
    15 |
    16 | Item 2 17 |
    18 |
    19 | Item 3 20 |
    21 |
    22 | `; 23 | -------------------------------------------------------------------------------- /src/Tooltip/__tests__/__snapshots__/tooltip.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Test Tooltip component render Render correctly 1`] = ` 4 |
    12 | 15 | 16 |
    17 | `; 18 | -------------------------------------------------------------------------------- /src/Icon/README.md: -------------------------------------------------------------------------------- 1 | 2 | ###### Default Icon: 3 | 4 | 5 | 6 | ###### Icon within Button: 7 | 8 |