diff --git a/.ackrc b/.ackrc deleted file mode 100644 index 1852bf1287..0000000000 --- a/.ackrc +++ /dev/null @@ -1,6 +0,0 @@ ---ignore-dir=lib ---ignore-dir=amd ---ignore-dir=docs/assets ---ignore-dir=test-built ---ignore-file=match:test_bundle.js ---ignore-file=match:components.html diff --git a/.babelrc.js b/.babelrc.js new file mode 100644 index 0000000000..d1326d1df9 --- /dev/null +++ b/.babelrc.js @@ -0,0 +1,49 @@ +export default (api) => { + const env = api.env(); + + let dev = false; + let setUseClient = false; + let modules; + + switch (env) { + case 'docs': + case 'test': + case 'dist-dev': + dev = true; + modules = false; + break; + case 'dist-prod': + modules = false; + break; + case 'esm': + modules = false; + setUseClient = true; + break; + case 'cjs': + default: + modules = 'commonjs'; + setUseClient = true; + break; + } + + return { + presets: [ + [ + '@react-bootstrap', + { + dev, + modules, + removePropTypes: !dev, + setUseClient, + customClientImports: [ + 'useBootstrapPrefix', + 'createWithBsPrefix', + 'useCol', + ], + }, + ], + '@babel/preset-typescript', + ], + plugins: [env === 'test' && 'istanbul'].filter(Boolean), + }; +}; diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000000..a0ccb1ca5e --- /dev/null +++ b/.editorconfig @@ -0,0 +1,18 @@ +# EditorConfig is awesome: https://EditorConfig.org + +# top-most EditorConfig file +root = true + +# Unix-style newlines with a newline ending every file +[*] +end_of_line = lf +insert_final_newline = true + +[*.js] +charset = utf-8 +indent_style = space +indent_size = 2 + +[{package.json,.travis.yml}] +indent_style = space +indent_size = 2 diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000000..94f480de94 --- /dev/null +++ b/.gitattributes @@ -0,0 +1 @@ +* text=auto eol=lf \ No newline at end of file diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml new file mode 100644 index 0000000000..e9426147e0 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -0,0 +1,93 @@ +name: Bug report +description: Create a report to help us improve +title: "Bug" +labels: [bug] +assignees: "-" +body: + - type: checkboxes + attributes: + label: Prerequisites + description: Take a moment to review + options: + - label: I am using the [correct version](https://github.com/react-bootstrap/react-bootstrap#bootstrap-compatibility) of React-Bootstrap for my version of Bootstrap + required: true + - label: I have [searched](https://github.com/react-bootstrap/react-bootstrap/issues?q=is%3Aissue) for duplicate or closed issues + required: true + - label: I have read the [contributing guidelines](https://github.com/react-bootstrap/react-bootstrap/blob/master/CONTRIBUTING.md) + required: true + - type: textarea + id: bug-description + attributes: + label: Describe the bug + description: Provide a clear and concise description of what the bug is. + validations: + required: true + - type: textarea + id: bug-expected-behavior + attributes: + label: Expected behavior + description: Provide a clear and concise description of what you expected to happen. + - type: textarea + id: bug-steps + attributes: + label: To Reproduce + description: Steps to reproduce the behavior + placeholder: | + 1. Go to '...' + 2. Click on '....' + 3. Scroll down to '....' + 4. See error + - type: input + id: bug-repro + attributes: + label: Reproducible Example + description: Provide a link to the minimum reproduction here. You can fork from [CodeSandbox](https://codesandbox.io/s/github/react-bootstrap/code-sandbox-examples/tree/master/basic) to get started. + placeholder: Paste a link to your reproduction here. Issues without reproductions will be deprioritized. + validations: + required: true + - type: textarea + id: bug-screenshots + attributes: + label: Screenshots + description: If applicable, add screenshots to help explain your problem. + - type: dropdown + id: os + attributes: + label: What operating system(s) are you seeing the problem on? + multiple: true + options: + - Windows + - macOS + - Android + - iOS + - Linux + - type: dropdown + id: browser + attributes: + label: What browser(s) are you seeing the problem on? + multiple: true + options: + - Chrome + - Safari + - Firefox + - Microsoft Edge + - Opera + - type: input + id: react-bootstrap-version + attributes: + label: What version of React-Bootstrap are you using? + placeholder: ex. 2.0.0 + validations: + required: true + - type: input + id: bootstrap-version + attributes: + label: What version of Bootstrap are you using? + placeholder: ex. 5.1.3 + validations: + required: true + - type: textarea + id: bug-additional + attributes: + label: Additional context + description: Add any other context about the problem here. diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml new file mode 100644 index 0000000000..035bdbf19b --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature_request.yml @@ -0,0 +1,30 @@ +name: Feature request +description: Suggest an idea for this project +title: "Feature" +labels: [enhancement] +assignees: "-" +body: + - type: textarea + id: feature-description + attributes: + label: Is your feature request related to a problem? Please describe + description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] + validations: + required: true + - type: textarea + id: feature-solution + attributes: + label: Describe the solution you'd like + description: A clear and concise description of what you want to happen. + validations: + required: true + - type: textarea + id: feature-alternatives + attributes: + label: Describe alternatives you've considered + description: A clear and concise description of any alternative solutions or features you've considered. + - type: textarea + id: feature-additional + attributes: + label: Additional context + description: Add any other context or screenshots about the feature request here. diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml new file mode 100644 index 0000000000..9ff92b5c50 --- /dev/null +++ b/.github/workflows/ci.yml @@ -0,0 +1,70 @@ +name: CI + +on: + push: + branches: + - master + pull_request: + branches: + - master + +permissions: + contents: read + +jobs: + test: + name: Run tests + runs-on: ${{ matrix.os }} + strategy: + matrix: + browser: [chromium, firefox] + os: [ubuntu-latest, windows-latest, macOS-latest] + steps: + - name: Checkout + uses: actions/checkout@v6 + + - name: Setup Node.js environment + uses: actions/setup-node@v6 + with: + node-version: 22.21.1 + cache: yarn + + - name: Install Dependencies + run: yarn --network-timeout 100000 + env: + YARN_CACHE_FOLDER: .cache/yarn + + - name: Install Playwright Browsers + run: yarn playwright install --with-deps + + - name: Run Tests + run: yarn test-browser --browser.name=${{ env.BROWSER }} --browser.headless --coverage + env: + BROWSER: ${{ matrix.browser }} + + - name: Codecov + uses: codecov/codecov-action@v4 + + build-lint: + name: Build and lint + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v6 + + - name: Setup Node.js environment + uses: actions/setup-node@v6 + with: + node-version: 22.21.1 + + - name: Install Dependencies + run: yarn --network-timeout 100000 + + - name: Lint + run: yarn lint + + - name: Check types + run: yarn check-types + + - name: Build Project + run: yarn build diff --git a/.gitignore b/.gitignore index 2844552a01..44349a78dd 100644 --- a/.gitignore +++ b/.gitignore @@ -1,16 +1,97 @@ +lib/ +cjs/ +coverage/ +www/.cache/ +www/public/ +.idea/ +.vscode/ + +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env +.env.test + +# parcel-bundler cache (https://parceljs.org/) +.cache + +# next.js build output +.next + +# nuxt.js build output +.nuxt + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless/ + +# FuseBox cache +.fusebox/ + +# DynamoDB Local files +.dynamodb/ + *~ -node_modules .DS_Store -npm-debug.log -test_bundle.js -test-built/* -.idea -transpiled/* -docs/*.html -docs/assets/bundle.js -cjs/* -amd/* -ie8/bundle.js -lib/* -tmp-bower-repo/ -tmp-docs-repo/ + +# Generated types +/types + +.yalc +yalc.lock diff --git a/.husky/pre-commit b/.husky/pre-commit new file mode 100755 index 0000000000..3723623171 --- /dev/null +++ b/.husky/pre-commit @@ -0,0 +1 @@ +yarn lint-staged diff --git a/.jshintrc b/.jshintrc deleted file mode 100644 index c2c20e2903..0000000000 --- a/.jshintrc +++ /dev/null @@ -1,15 +0,0 @@ -{ - "curly": true, - "eqeqeq": true, - "immed": true, - "latedef": true, - "newcap": false, - "noarg": true, - "sub": true, - "undef": true, - "unused": true, - "boss": true, - "eqnull": true, - "node": true, - "esnext": true -} diff --git a/.npmignore b/.npmignore deleted file mode 100644 index 67c137bab6..0000000000 --- a/.npmignore +++ /dev/null @@ -1,11 +0,0 @@ -node_modules/ -docs/ -test-built/ -test/ -tools/ -.gitignore -.travis.yml -Gruntfile.js -karma.ci.js -karma.dev.js -test_bundle.js diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 0000000000..5767036af0 --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +22.21.1 diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index 777b8a6b35..0000000000 --- a/.travis.yml +++ /dev/null @@ -1,4 +0,0 @@ -sudo: false -language: node_js -node_js: - - "0.10" diff --git a/CHANGELOG-pre1.md b/CHANGELOG-pre1.md new file mode 100644 index 0000000000..28ad17200a --- /dev/null +++ b/CHANGELOG-pre1.md @@ -0,0 +1,1053 @@ +## [v0.32.3] +> 2018-08-20 + +- **Bugfix:** Fix dependencies ([#3239], [#3240]) + +[v0.32.3]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.32.2...v0.32.3 +[#3239]: https://github.com/react-bootstrap/react-bootstrap/pull/3239 +[#3240]: https://github.com/react-bootstrap/react-bootstrap/pull/3240 + + +## [v0.32.2] +> 2018-08-17 + +- **Feature:** Support custom `animation` for `` ([#3222]) +- **Bugfix:** Fix `` compatibility with React Hot Loader ([#2965]) +- **Docs:** Add search to docs ([#3094]) +- **Chore:** Upgrade to Babel 7 ([#3044]) +- **Chore:** Upgrade to webpack 4 ([#3075], [#3100]) + +[v0.32.2]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.32.1...v0.32.2 +[#2965]: https://github.com/react-bootstrap/react-bootstrap/pull/2965 +[#3044]: https://github.com/react-bootstrap/react-bootstrap/pull/3044 +[#3075]: https://github.com/react-bootstrap/react-bootstrap/pull/3075 +[#3094]: https://github.com/react-bootstrap/react-bootstrap/pull/3094 +[#3100]: https://github.com/react-bootstrap/react-bootstrap/pull/3100 +[#3222]: https://github.com/react-bootstrap/react-bootstrap/pull/3222 + + +## [v0.32.1] +> 2018-01-24 + +- **Bugfix:** Do not allow more than one open panel in an accordion group ([#2940]) + +[v0.32.1]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.32.0...v0.32.1 +[#2940]: https://github.com/react-bootstrap/react-bootstrap/pull/2940 + + +## [v0.32.0] +> 2018-01-04 + +- **Breaking:** Refactor Panel API ([#1769]) +- **Breaking:** Remove Pagination logic, for purely presentational components ([#2587]) + +- **Feature:** Switch to react-transition-group for Transition components ([#2676]) +- **Feature:** Remove inconsistent preventDefaults onSelect events ([#2790]) +- **BugFix:** Use different properties for mouseover and mouseout in handleMouseOverOut ([#2908]) +- **Docs:** Add new Gatsby docs! ([#2920]) +- **Chore:** replace old TransitionEvents ([#2902]) + +[v0.32.0]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.31.5...v0.32.0 +[#2920]: https://github.com/react-bootstrap/react-bootstrap/pull/2920 +[#2902]: https://github.com/react-bootstrap/react-bootstrap/pull/2902 +[#2587]: https://github.com/react-bootstrap/react-bootstrap/pull/2587 +[#2790]: https://github.com/react-bootstrap/react-bootstrap/pull/2790 +[#2908]: https://github.com/react-bootstrap/react-bootstrap/pull/2908 +[#2676]: https://github.com/react-bootstrap/react-bootstrap/pull/2676 +[#1769]: https://github.com/react-bootstrap/react-bootstrap/pull/1769 + + +## [v0.31.5] +> 2017-10-24 + +- **Bugfix:** Fix ES module build ([#2856]) + +[v0.31.5]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.31.4...v0.31.5 +[#2856]: https://github.com/react-bootstrap/react-bootstrap/pull/2856 + + +## [v0.31.4] +> 2017-10-24 + +- **Feature:** Support `align` on `` ([#2830]) +- **Bugfix:** Update react-overlays dependency to support React v16 ([#2839], [#2855]) +- **Bugfix:** Use a bound function for the base modal ref in `` to prevent the ref getting set to `null` ([#2844]) +- **Chore:** Update Babel configuration ([#2821], [#2837]) + +[v0.31.4]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.31.3...v0.31.4 +[#2821]: https://github.com/react-bootstrap/react-bootstrap/pull/2821 +[#2830]: https://github.com/react-bootstrap/react-bootstrap/pull/2830 +[#2837]: https://github.com/react-bootstrap/react-bootstrap/pull/2837 +[#2839]: https://github.com/react-bootstrap/react-bootstrap/pull/2839 +[#2844]: https://github.com/react-bootstrap/react-bootstrap/pull/2844 +[#2855]: https://github.com/react-bootstrap/react-bootstrap/pull/2855 + + +## [v0.31.3] +> 2017-09-06 + +- **Bugfix:** Support `disabled` on `` ([#2760]) +- **Bugfix:** Handle space keydown events on `` ([#2697]) +- **Bugfix:** Handle reducing number of items in uncontrolled carousels ([#2768]) + +[v0.31.3]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.31.2...v0.31.3 +[#2697]: https://github.com/react-bootstrap/react-bootstrap/pull/2697 +[#2760]: https://github.com/react-bootstrap/react-bootstrap/pull/2760 +[#2768]: https://github.com/react-bootstrap/react-bootstrap/pull/2768 + + +## [v0.31.2] +> 2017-08-01 + +- **Feature:** Support `backdropClassName` on `` ([#2723]) +- **Bugfix:** Export `` and `` ([#2704]) +- **Bugfix:** Pass through props on `` ([#2731]) +- **Bugfix:** Fix `` in pre-ES2016 environments ([#2731]) + +[v0.31.2]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.31.1...v0.31.2 +[#2704]: https://github.com/react-bootstrap/react-bootstrap/pull/2704 +[#2723]: https://github.com/react-bootstrap/react-bootstrap/pull/2723 +[#2731]: https://github.com/react-bootstrap/react-bootstrap/pull/2731 + + +## [v0.31.1] +> 2017-07-12 + +- **Feature:** Add `` and `` ([#2252], [#2648]) +- **Feature:** Add `` to top-level API ([#2652]) +- **Bugfix:** Properly handle `title` on `` and `` ([#2635], [#2647]) +- **Bugfix:** Properly handle `onLoad` and `onError` on `` ([#2687]) +- **Bugfix:** Properly handle `defaultOpen` on dropdown button components ([#2702]) +- **Chore:** Switch from react-prop-types to prop-types-extra ([#2621]) +- **Chore:** Rebuild UMD bundle with updated dependencies + +[v0.31.1]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.31.0...v0.31.1 +[#2252]: https://github.com/react-bootstrap/react-bootstrap/pull/2252 +[#2621]: https://github.com/react-bootstrap/react-bootstrap/pull/2621 +[#2635]: https://github.com/react-bootstrap/react-bootstrap/pull/2635 +[#2647]: https://github.com/react-bootstrap/react-bootstrap/pull/2647 +[#2648]: https://github.com/react-bootstrap/react-bootstrap/pull/2648 +[#2652]: https://github.com/react-bootstrap/react-bootstrap/pull/2652 +[#2687]: https://github.com/react-bootstrap/react-bootstrap/pull/2687 +[#2702]: https://github.com/react-bootstrap/react-bootstrap/pull/2702 + + +## [v0.31.0] +> 2017-04-26 + +- **Breaking:** Rename `aria-label` prop to `closeLabel` on ModalHeader ([#2584]) +- **Breaking:** Remove unused `onClose` callback on Dropdowns (use `onToggle`) ([#2585]) +- **Breaking:** Increase minimal required React and ReactDOM versions to `0.14.9` or `>=15.3.0` ([#2579]) +- **Bugfix:** Consistently render accessible close buttons for Alerts and Modals ([#2584]) + +[v0.31.0]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.10...v0.31.0 +[#2584]: https://github.com/react-bootstrap/react-bootstrap/pull/2584 +[#2585]: https://github.com/react-bootstrap/react-bootstrap/pull/2585 +[#2579]: https://github.com/react-bootstrap/react-bootstrap/pull/2579 + + +## [v0.30.10] +> 2017-04-21 + +- **Bugfix:** Move prop-types to normal dependencies ([#2576]) + +[v0.30.10]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.9...v0.30.10 +[#2576]: https://github.com/react-bootstrap/react-bootstrap/pull/2576 + +## [v0.30.9] +> 2017-04-18 + +- **Feature:** Export `` ([#2505]) +- **Bugfix:** Support falsy `eventKey` ([#2541]) +- **Chore:** Update for React v15.5 deprecations ([#2552]) + +[v0.30.9]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.8...v0.30.9 +[#2505]: https://github.com/react-bootstrap/react-bootstrap/pull/2505 +[#2541]: https://github.com/react-bootstrap/react-bootstrap/pull/2541 +[#2552]: https://github.com/react-bootstrap/react-bootstrap/pull/2552 + + +## [v0.30.8] +> 2017-03-07 + +- **Feature:** Support `bsSize` on `` ([#2382], [#2394]) +- **Feature:** Pass event and event source to `onToggle` callback for `` ([#2422]) +- **Feature:** Add `restoreFocus` to `` ([#2482]) +- **Feature:** Add `mountOnEnter` to transition and tab components ([#2504]) +- **Bugfix:** Don't set `aria-describedby` in `` when not showing the overlay ([#2359]) +- **Bugfix:** Fix `boundaryLinks` in `` ([#2443]) +- **Bugfix:** Support `closeButton` in `` in static modals ([#2453]) +- **Bugfix:** Fix `` with `slide` disabled ([#2466]) + +[v0.30.8]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.7...v0.30.8 +[#2359]: https://github.com/react-bootstrap/react-bootstrap/pull/2359 +[#2382]: https://github.com/react-bootstrap/react-bootstrap/pull/2382 +[#2394]: https://github.com/react-bootstrap/react-bootstrap/pull/2394 +[#2422]: https://github.com/react-bootstrap/react-bootstrap/pull/2422 +[#2443]: https://github.com/react-bootstrap/react-bootstrap/pull/2443 +[#2453]: https://github.com/react-bootstrap/react-bootstrap/pull/2453 +[#2466]: https://github.com/react-bootstrap/react-bootstrap/pull/2466 +[#2482]: https://github.com/react-bootstrap/react-bootstrap/pull/2482 +[#2504]: https://github.com/react-bootstrap/react-bootstrap/pull/2504 + + +## [v0.30.7] +> 2016-11-22 + +- **Feature:** Add `componentClass` to ``, ``, and `` ([#2313]) +- **Feature:** Add `inputRef` to `` ([#2337]) +- **Bugfix:** Pass `onMouseEnter` and `onMouseLeave` to `` rather than `` from `` and related components ([#2335]) +- **Refactor:** Remove unused `shouldRenderFill` method on `` ([#2316]) +- **Docs:** Explicitly add `placement` to `` `propTypes` for generated documentation ([#2318]) +- **Docs:** Explicitly document use of `null` (and `undefined`) `validationState` on `` ([#2336]) + +[v0.30.7]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.6...v0.30.7 +[#2313]: https://github.com/react-bootstrap/react-bootstrap/pull/2313 +[#2316]: https://github.com/react-bootstrap/react-bootstrap/pull/2316 +[#2318]: https://github.com/react-bootstrap/react-bootstrap/pull/2318 +[#2335]: https://github.com/react-bootstrap/react-bootstrap/pull/2335 +[#2336]: https://github.com/react-bootstrap/react-bootstrap/pull/2336 +[#2337]: https://github.com/react-bootstrap/react-bootstrap/pull/2337 + + +## [v0.30.6] +> 2016-10-28 + +- **Feature:** Add `rootCloseEvent` to `` to configure root close trigger event ([#2195]) +- **Feature:** Add screen reader labels configurable with `prevLabel` and `nextLabel` to `` controls ([#2275]) +- **Feature:** Add `collapseOnSelect` to `` to enable automatically collapsing the navbar when the user selects an item ([#2280], [#2308]) +- **Bugfix:** Change placeholder `href` in `` to `#` for better IE compatibility ([#2080]) +- **Bugfix:** Fix off-by-one error in displaying `` pages ([#2271]) +- **Bugfix:** Properly set `.collapsed` on `` title anchor ([#2276]) + +[v0.30.6]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.5...v0.30.6 +[#2080]: https://github.com/react-bootstrap/react-bootstrap/pull/2080 +[#2195]: https://github.com/react-bootstrap/react-bootstrap/pull/2195 +[#2271]: https://github.com/react-bootstrap/react-bootstrap/pull/2271 +[#2275]: https://github.com/react-bootstrap/react-bootstrap/pull/2275 +[#2276]: https://github.com/react-bootstrap/react-bootstrap/pull/2276 +[#2280]: https://github.com/react-bootstrap/react-bootstrap/pull/2280 +[#2308]: https://github.com/react-bootstrap/react-bootstrap/pull/2308 + + +## [v0.30.5] +> 2016-10-03 + +- **Bugfix:** Fix opening `` ([#2244], [#2251]) + +[v0.30.5]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.4...v0.30.5 +[#2244]: https://github.com/react-bootstrap/react-bootstrap/pull/2244 +[#2251]: https://github.com/react-bootstrap/react-bootstrap/pull/2251 + + +## [v0.30.4] +> 2016-09-30 + +- **Bugfix:** Properly set `aria-expanded` on `` headers ([#2137]) +- **Bugfix:** Fix off-by-one bug in `` [#2189] +- **Bugfix:** Persist `` instance across visibility changes ([#2241]) + +[v0.30.4]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.3...v0.30.4 +[#2137]: https://github.com/react-bootstrap/react-bootstrap/pull/2137 +[#2189]: https://github.com/react-bootstrap/react-bootstrap/pull/2189 +[#2241]: https://github.com/react-bootstrap/react-bootstrap/pull/2241 + + +## [v0.30.3] +> 2016-08-20 + +- **Feature:** Support dropdowns in tab navigation ([#2134]) +- **Bugfix:** Properly pass expanded state to collapsible header elements ([#2133], [#2137]) + +[v0.30.3]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.2...v0.30.3 +[#2133]: https://github.com/react-bootstrap/react-bootstrap/pull/2133 +[#2134]: https://github.com/react-bootstrap/react-bootstrap/pull/2134 +[#2137]: https://github.com/react-bootstrap/react-bootstrap/pull/2137 + + +## [v0.30.2] +> 2016-08-04 + +- **Chore:** Upgrade to Babel 6 ([#2108]) +- **Chore:** Add ES module build ([#2108]) + +[v0.30.2]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.1...v0.30.2 +[#2108]: https://github.com/react-bootstrap/react-bootstrap/pull/2108 + + +## [v0.30.1] +> 2016-08-01 + +- **Bugfix:** Don't trigger PropTypes warning ([#2095]) +- **Bugfix:** Fix regression with `rootClose` on `` ([#2099]) + +[v0.30.1]: https://github.com/react-bootstrap/react-bootstrap/compare/v0.30.0...v0.30.1 +[#2095]: https://github.com/react-bootstrap/react-bootstrap/pull/2095 +[#2099]: https://github.com/react-bootstrap/react-bootstrap/pull/2099 + + +## [v0.30.0] +> 2016-07-25 + +- **Breaking:** Remove `linkId` prop from `` for consistency with other wrapped link components ([#2011]) +- **Breaking:** Remove deprecated functionality from v0.29.x ([#2017]) +- **Breaking:** Remove redundant `caption` prop from ``, as this functionality is available from `` ([#2018]) +- **Breaking:** Remove pointless `navItem` and `navDropdown` props from ` - ); - }, - - handleAlertDismiss: function() { - this.setState({alertVisible: false}); - }, - - handleAlertShow: function() { - this.setState({alertVisible: true}); - } -}); - -React.render(, mountNode); \ No newline at end of file diff --git a/docs/examples/AlertBasic.js b/docs/examples/AlertBasic.js deleted file mode 100644 index 75da80f88c..0000000000 --- a/docs/examples/AlertBasic.js +++ /dev/null @@ -1,7 +0,0 @@ -var alertInstance = ( - - Holy guacamole! Best check yo self, you're not looking too good. - - ); - -React.render(alertInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/AlertDismissable.js b/docs/examples/AlertDismissable.js deleted file mode 100644 index 9ccc0048e1..0000000000 --- a/docs/examples/AlertDismissable.js +++ /dev/null @@ -1,36 +0,0 @@ -var AlertDismissable = React.createClass({ - getInitialState: function() { - return { - alertVisible: true - }; - }, - - render: function() { - if (this.state.alertVisible) { - return ( - -

Oh snap! You got an error!

-

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

-

- or - -

- - ); - } - - return ( - - ); - }, - - handleAlertDismiss: function() { - this.setState({alertVisible: false}); - }, - - handleAlertShow: function() { - this.setState({alertVisible: true}); - } -}); - -React.render(, mountNode); \ No newline at end of file diff --git a/docs/examples/Badge.js b/docs/examples/Badge.js deleted file mode 100644 index 751445a75a..0000000000 --- a/docs/examples/Badge.js +++ /dev/null @@ -1,5 +0,0 @@ -var badgeInstance = ( -

Badges 42

-); - -React.render(badgeInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonActive.js b/docs/examples/ButtonActive.js deleted file mode 100644 index 224291e870..0000000000 --- a/docs/examples/ButtonActive.js +++ /dev/null @@ -1,8 +0,0 @@ -var buttonsInstance = ( - - - - - ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonBlock.js b/docs/examples/ButtonBlock.js deleted file mode 100644 index 6ac435eef4..0000000000 --- a/docs/examples/ButtonBlock.js +++ /dev/null @@ -1,10 +0,0 @@ -var wellStyles = {maxWidth: 400, margin: '0 auto 10px'}; - -var buttonsInstance = ( -
- - -
- ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonDisabled.js b/docs/examples/ButtonDisabled.js deleted file mode 100644 index f7b346d547..0000000000 --- a/docs/examples/ButtonDisabled.js +++ /dev/null @@ -1,8 +0,0 @@ -var buttonsInstance = ( - - - - - ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonGroupBasic.js b/docs/examples/ButtonGroupBasic.js deleted file mode 100644 index 3651d8c5b8..0000000000 --- a/docs/examples/ButtonGroupBasic.js +++ /dev/null @@ -1,9 +0,0 @@ -var buttonGroupInstance = ( - - - - - - ); - -React.render(buttonGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonGroupJustified.js b/docs/examples/ButtonGroupJustified.js deleted file mode 100644 index 663cb9fd25..0000000000 --- a/docs/examples/ButtonGroupJustified.js +++ /dev/null @@ -1,12 +0,0 @@ -var buttonGroupInstance = ( - - - - - Dropdown link - Dropdown link - - - ); - -React.render(buttonGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonGroupNested.js b/docs/examples/ButtonGroupNested.js deleted file mode 100644 index 3f40c20b02..0000000000 --- a/docs/examples/ButtonGroupNested.js +++ /dev/null @@ -1,12 +0,0 @@ -var buttonGroupInstance = ( - - - - - Dropdown link - Dropdown link - - - ); - -React.render(buttonGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonGroupSizes.js b/docs/examples/ButtonGroupSizes.js deleted file mode 100644 index bfe6fe08f6..0000000000 --- a/docs/examples/ButtonGroupSizes.js +++ /dev/null @@ -1,37 +0,0 @@ -var buttonGroupInstance = ( -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- ); - -React.render(buttonGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonGroupVertical.js b/docs/examples/ButtonGroupVertical.js deleted file mode 100644 index e4055a5533..0000000000 --- a/docs/examples/ButtonGroupVertical.js +++ /dev/null @@ -1,22 +0,0 @@ -var buttonGroupInstance = ( - - - - - Dropdown link - Dropdown link - - - - - Dropdown link - Dropdown link - - - Dropdown link - Dropdown link - - - ); - -React.render(buttonGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonLoading.js b/docs/examples/ButtonLoading.js deleted file mode 100644 index 09fca2dc3f..0000000000 --- a/docs/examples/ButtonLoading.js +++ /dev/null @@ -1,32 +0,0 @@ -var LoadingButton = React.createClass({ - getInitialState: function() { - return { - isLoading: false - }; - }, - - render: function() { - var isLoading = this.state.isLoading; - return ( - - ); - }, - - handleClick: function() { - this.setState({isLoading: true}); - - // This probably where you would have an `ajax` call - setTimeout(function() { - - // Completed of async action, set loading state back - this.setState({isLoading: false}); - }.bind(this), 2000); - } -}); - -React.render(, mountNode); diff --git a/docs/examples/ButtonSizes.js b/docs/examples/ButtonSizes.js deleted file mode 100644 index 48919286b2..0000000000 --- a/docs/examples/ButtonSizes.js +++ /dev/null @@ -1,22 +0,0 @@ -var buttonsInstance = ( -
- - - - - - - - - - - - - - - - -
- ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonTagTypes.js b/docs/examples/ButtonTagTypes.js deleted file mode 100644 index b447ee5c6d..0000000000 --- a/docs/examples/ButtonTagTypes.js +++ /dev/null @@ -1,8 +0,0 @@ -var buttonsInstance = ( - - - - - ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonToolbarBasic.js b/docs/examples/ButtonToolbarBasic.js deleted file mode 100644 index c5351db625..0000000000 --- a/docs/examples/ButtonToolbarBasic.js +++ /dev/null @@ -1,22 +0,0 @@ -var buttonGroupInstance = ( - - - - - - - - - - - - - - - - - - - ); - -React.render(buttonGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ButtonTypes.js b/docs/examples/ButtonTypes.js deleted file mode 100644 index 35b22d2f49..0000000000 --- a/docs/examples/ButtonTypes.js +++ /dev/null @@ -1,26 +0,0 @@ -var buttonsInstance = ( - - {/* Standard button */} - - - {/* Provides extra visual weight and identifies the primary action in a set of buttons */} - - - {/* Indicates a successful or positive action */} - - - {/* Contextual button for informational alert messages */} - - - {/* Indicates caution should be taken with this action */} - - - {/* Indicates a dangerous or potentially negative action */} - - - {/* Deemphasize a button by making it look like a link while maintaining button behavior */} - - - ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/CarouselControlled.js b/docs/examples/CarouselControlled.js deleted file mode 100644 index d5a8ac329d..0000000000 --- a/docs/examples/CarouselControlled.js +++ /dev/null @@ -1,41 +0,0 @@ -var index = 0; -var direction = null; - -function renderCarousel () { - var carouselInstance = ( - - - 900x500 -
-

First slide label

-

Nulla vitae elit libero, a pharetra augue mollis interdum.

-
- - - 900x500 -
-

Second slide label

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
- - - 900x500 -
-

Third slide label

-

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

-
- - - ); - - React.render(carouselInstance, mountNode); -} - -function handleSelect (selectedIndex, selectedDirection) { - alert('selected=' + selectedIndex + ', direction=' + selectedDirection); - index = selectedIndex; - direction = selectedDirection; - renderCarousel(); -} - -renderCarousel(); \ No newline at end of file diff --git a/docs/examples/CarouselUncontrolled.js b/docs/examples/CarouselUncontrolled.js deleted file mode 100644 index d34672eab3..0000000000 --- a/docs/examples/CarouselUncontrolled.js +++ /dev/null @@ -1,27 +0,0 @@ -var carouselInstance = ( - - - 900x500 -
-

First slide label

-

Nulla vitae elit libero, a pharetra augue mollis interdum.

-
- - - 900x500 -
-

Second slide label

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

-
- - - 900x500 -
-

Third slide label

-

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

-
- - - ); - -React.render(carouselInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/CollapsableNav.js b/docs/examples/CollapsableNav.js deleted file mode 100644 index 7211b1342d..0000000000 --- a/docs/examples/CollapsableNav.js +++ /dev/null @@ -1,23 +0,0 @@ -var navbarInstance = ( - - {/* This is the eventKey referenced */} - - - - - ); - -React.render(navbarInstance, mountNode); diff --git a/docs/examples/CollapsableParagraph.js b/docs/examples/CollapsableParagraph.js deleted file mode 100644 index 5725be5baf..0000000000 --- a/docs/examples/CollapsableParagraph.js +++ /dev/null @@ -1,37 +0,0 @@ -var CollapsableParagraph = React.createClass({ - mixins: [CollapsableMixin], - - getCollapsableDOMNode: function(){ - return this.refs.panel.getDOMNode(); - }, - - getCollapsableDimensionValue: function(){ - return this.refs.panel.getDOMNode().scrollHeight; - }, - - onHandleToggle: function(e){ - e.preventDefault(); - this.setState({expanded:!this.state.expanded}); - }, - - render: function(){ - var styles = this.getCollapsableClassSet(); - var text = this.isExpanded() ? 'Hide' : 'Show'; - return ( -
- -
- {this.props.children} -
-
- ); - } -}); - -var panelInstance = ( - - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. - -); - -React.render(panelInstance, mountNode); diff --git a/docs/examples/DropdownButtonBasic.js b/docs/examples/DropdownButtonBasic.js deleted file mode 100644 index c35217a85b..0000000000 --- a/docs/examples/DropdownButtonBasic.js +++ /dev/null @@ -1,19 +0,0 @@ -var BUTTONS = ['Default', 'Primary', 'Success', 'Info', 'Warning', 'Danger', 'Link']; - -function renderDropdownButton (title, i) { - return ( - - Action - Another action - Something else here - - Separated link - - ); -} - -var buttonsInstance = ( - {BUTTONS.map(renderDropdownButton)} - ); - -React.render(buttonsInstance, mountNode); diff --git a/docs/examples/DropdownButtonNoCaret.js b/docs/examples/DropdownButtonNoCaret.js deleted file mode 100644 index 23327bf0b5..0000000000 --- a/docs/examples/DropdownButtonNoCaret.js +++ /dev/null @@ -1,13 +0,0 @@ -var buttonInstance = ( - - - Action - Another action - Something else here - - Separated link - - - ); - -React.render(buttonInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/DropdownButtonSizes.js b/docs/examples/DropdownButtonSizes.js deleted file mode 100644 index 4298e8de5a..0000000000 --- a/docs/examples/DropdownButtonSizes.js +++ /dev/null @@ -1,35 +0,0 @@ -var buttonsInstance = ( -
- - - Action - Another action - Something else here - - Separated link - - - - - - Action - Another action - Something else here - - Separated link - - - - - - Action - Another action - Something else here - - Separated link - - -
- ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/Glyphicon.js b/docs/examples/Glyphicon.js deleted file mode 100644 index 0736a35f69..0000000000 --- a/docs/examples/Glyphicon.js +++ /dev/null @@ -1,22 +0,0 @@ -var glyphInstance = ( -
- - - - - - - - - - - - - - - - -
-); - -React.render(glyphInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/GridBasic.js b/docs/examples/GridBasic.js deleted file mode 100644 index 4931b5c581..0000000000 --- a/docs/examples/GridBasic.js +++ /dev/null @@ -1,25 +0,0 @@ -var navInstance = ( - - - <{'Col xs={12} md={8}'} /> - <{'Col xs={6} md={4}'} /> - - - - <{'Col xs={6} md={4}'} /> - <{'Col xs={6} md={4}'} /> - <{'Col xs={6} md={4}'} /> - - - - <{'Col xs={6} xsOffset={6}'} /> - - - - <{'Col md={6} mdPush={6}'} /> - <{'Col md={6} mdPull={6}'} /> - - - ); - -React.render(navInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/Input.js b/docs/examples/Input.js deleted file mode 100644 index 2218bf0a21..0000000000 --- a/docs/examples/Input.js +++ /dev/null @@ -1,42 +0,0 @@ -var ExampleInput = React.createClass({ - getInitialState: function() { - return { - value: '' - }; - }, - - validationState: function() { - var length = this.state.value.length; - if (length > 10) return 'success'; - else if (length > 5) return 'warning'; - else if (length > 0) return 'error'; - }, - - handleChange: function() { - // This could also be done using ReactLink: - // http://facebook.github.io/react/docs/two-way-binding-helpers.html - this.setState({ - value: this.refs.input.getValue() - }); - }, - - render: function() { - return ( - - ); - } -}); - -React.render(, mountNode); diff --git a/docs/examples/InputAddons.js b/docs/examples/InputAddons.js deleted file mode 100644 index 80de4379d9..0000000000 --- a/docs/examples/InputAddons.js +++ /dev/null @@ -1,14 +0,0 @@ -var inputAddonsInstance = ( -
- - - - } /> - Before} /> - - Item - } /> -
- ); - -React.render(inputAddonsInstance, mountNode); diff --git a/docs/examples/InputHorizontal.js b/docs/examples/InputHorizontal.js deleted file mode 100644 index 53086147cf..0000000000 --- a/docs/examples/InputHorizontal.js +++ /dev/null @@ -1,9 +0,0 @@ -var inputHorizontalInstance = ( -
- - - -
- ); - -React.render(inputHorizontalInstance, mountNode); diff --git a/docs/examples/InputTypes.js b/docs/examples/InputTypes.js deleted file mode 100644 index edb6dca7f9..0000000000 --- a/docs/examples/InputTypes.js +++ /dev/null @@ -1,23 +0,0 @@ -var inputTypeInstance = ( -
- - - - - - - - - - - - - - - - - -
- ); - -React.render(inputTypeInstance, mountNode); diff --git a/docs/examples/InputValidation.js b/docs/examples/InputValidation.js deleted file mode 100644 index 1781645a94..0000000000 --- a/docs/examples/InputValidation.js +++ /dev/null @@ -1,9 +0,0 @@ -var inputValidationInstance = ( -
- - - -
- ); - -React.render(inputValidationInstance, mountNode); diff --git a/docs/examples/InputWrapper.js b/docs/examples/InputWrapper.js deleted file mode 100644 index 57fa0039bc..0000000000 --- a/docs/examples/InputWrapper.js +++ /dev/null @@ -1,14 +0,0 @@ -var inputWrapperInstance = ( - - - - - - - - - - - ); - -React.render(inputWrapperInstance, mountNode); diff --git a/docs/examples/Jumbotron.js b/docs/examples/Jumbotron.js deleted file mode 100644 index e1dc5e3403..0000000000 --- a/docs/examples/Jumbotron.js +++ /dev/null @@ -1,9 +0,0 @@ -var jumbotronInstance = ( - -

Hello, world!

-

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

-

- - ); - -React.render(jumbotronInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/Label.js b/docs/examples/Label.js deleted file mode 100644 index f949938fc3..0000000000 --- a/docs/examples/Label.js +++ /dev/null @@ -1,12 +0,0 @@ -var labelInstance = ( -
-

Label

-

Label

-

Label

-

Label

-
Label
-

Label

-
-); - -React.render(labelInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/LabelVariations.js b/docs/examples/LabelVariations.js deleted file mode 100644 index a8e8896a5f..0000000000 --- a/docs/examples/LabelVariations.js +++ /dev/null @@ -1,12 +0,0 @@ -var labelVariationInstance = ( -
- - - - - - -
- ); - -React.render(labelVariationInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ListGroupActive.js b/docs/examples/ListGroupActive.js deleted file mode 100644 index 3e8e85abcc..0000000000 --- a/docs/examples/ListGroupActive.js +++ /dev/null @@ -1,9 +0,0 @@ -var listgroupInstance = ( - - Link 1 - Link 2 - Link 3 - - ); - -React.render(listgroupInstance, mountNode); diff --git a/docs/examples/ListGroupDefault.js b/docs/examples/ListGroupDefault.js deleted file mode 100644 index 0d0477876f..0000000000 --- a/docs/examples/ListGroupDefault.js +++ /dev/null @@ -1,9 +0,0 @@ -var listgroupInstance = ( - - Item 1 - Item 2 - ... - - ); - -React.render(listgroupInstance, mountNode); diff --git a/docs/examples/ListGroupHeader.js b/docs/examples/ListGroupHeader.js deleted file mode 100644 index 8751ec6140..0000000000 --- a/docs/examples/ListGroupHeader.js +++ /dev/null @@ -1,9 +0,0 @@ -var listgroupInstance = ( - - Some body text - Linked item - Danger styling - - ); - -React.render(listgroupInstance, mountNode); diff --git a/docs/examples/ListGroupLinked.js b/docs/examples/ListGroupLinked.js deleted file mode 100644 index c67e087364..0000000000 --- a/docs/examples/ListGroupLinked.js +++ /dev/null @@ -1,9 +0,0 @@ -var listgroupInstance = ( - - Link 1 - Link 2 - ... - - ); - -React.render(listgroupInstance, mountNode); diff --git a/docs/examples/ListGroupStyle.js b/docs/examples/ListGroupStyle.js deleted file mode 100644 index a67e7b2f7f..0000000000 --- a/docs/examples/ListGroupStyle.js +++ /dev/null @@ -1,10 +0,0 @@ -var listgroupInstance = ( - - Success - Info - Warning - Danger - - ); - -React.render(listgroupInstance, mountNode); diff --git a/docs/examples/ModalContained.js b/docs/examples/ModalContained.js deleted file mode 100644 index 8747c2eef7..0000000000 --- a/docs/examples/ModalContained.js +++ /dev/null @@ -1,40 +0,0 @@ -/** - * You will want to include this bit of css - * - * .modal-container { - * position: relative; - * } - * .modal-container .modal, .modal-container .modal-backdrop { - * position: absolute; - * } - */ - - -var ContainedModal = React.createClass({ - render: function() { - return ( - -
- Elit est explicabo ipsum eaque dolorem blanditiis doloribus sed id ipsam, beatae, rem fuga id earum? Inventore et facilis obcaecati. -
-
- -
- - ); - } -}); - -var Trigger = React.createClass({ - render: function() { - return ( -
- } container={this}> - - -
- ); - } -}); - -React.render(, mountNode); diff --git a/docs/examples/ModalOverlayMixin.js b/docs/examples/ModalOverlayMixin.js deleted file mode 100644 index 15890fc1af..0000000000 --- a/docs/examples/ModalOverlayMixin.js +++ /dev/null @@ -1,43 +0,0 @@ -// Our custom component is managing whether the Modal is visible -var CustomModalTrigger = React.createClass({ - mixins: [OverlayMixin], - - getInitialState: function () { - return { - isModalOpen: false - }; - }, - - handleToggle: function () { - this.setState({ - isModalOpen: !this.state.isModalOpen - }); - }, - - render: function () { - return ( - - ); - }, - - // This is called by the `OverlayMixin` when this component - // is mounted or updated and the return value is appended to the body. - renderOverlay: function () { - if (!this.state.isModalOpen) { - return ; - } - - return ( - -
- This modal is controlled by our custom trigger component. -
-
- -
- - ); - } -}); - -React.render(, mountNode); \ No newline at end of file diff --git a/docs/examples/ModalStatic.js b/docs/examples/ModalStatic.js deleted file mode 100644 index 7b11bf193f..0000000000 --- a/docs/examples/ModalStatic.js +++ /dev/null @@ -1,24 +0,0 @@ -function handleHide() { - alert('Close me!') -} - -var modalInstance = ( -
- -
- One fine body... -
-
- - -
- -
- ); - -React.render(modalInstance, mountNode); diff --git a/docs/examples/ModalTrigger.js b/docs/examples/ModalTrigger.js deleted file mode 100644 index 6cfcff4c00..0000000000 --- a/docs/examples/ModalTrigger.js +++ /dev/null @@ -1,42 +0,0 @@ -var MyModal = React.createClass({ - render: function() { - return ( - -
-

Text in a modal

-

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

- -

Popover in a modal

-

TODO

- -

Tooltips in a modal

-

TODO

- -
- -

Overflowing text to show scroll behavior

-

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

-

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

-

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

-

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

-

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

-

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

-

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

-

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

-

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

-
-
- -
- - ); - } -}); - -var overlayTriggerInstance = ( - }> - - - ); - -React.render(overlayTriggerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/NavBasic.js b/docs/examples/NavBasic.js deleted file mode 100644 index b3f49f0d8a..0000000000 --- a/docs/examples/NavBasic.js +++ /dev/null @@ -1,13 +0,0 @@ -function handleSelect (selectedKey) { - alert('selected ' + selectedKey); -} - -var navInstance = ( - - ); - -React.render(navInstance, mountNode); diff --git a/docs/examples/NavDropdown.js b/docs/examples/NavDropdown.js deleted file mode 100644 index e9e09259ab..0000000000 --- a/docs/examples/NavDropdown.js +++ /dev/null @@ -1,20 +0,0 @@ -function handleSelect (selectedKey) { - alert('selected ' + selectedKey); -} - -var navInstance = ( - - ); - -React.render(navInstance, mountNode); diff --git a/docs/examples/NavJustified.js b/docs/examples/NavJustified.js deleted file mode 100644 index e44f580231..0000000000 --- a/docs/examples/NavJustified.js +++ /dev/null @@ -1,21 +0,0 @@ -function handleSelect (selectedKey) { - alert('selected ' + selectedKey); -} - -var navInstance = ( -
- -
- -
- ); - -React.render(navInstance, mountNode); diff --git a/docs/examples/NavStacked.js b/docs/examples/NavStacked.js deleted file mode 100644 index dabace3084..0000000000 --- a/docs/examples/NavStacked.js +++ /dev/null @@ -1,13 +0,0 @@ -function handleSelect (selectedKey) { - alert('selected ' + selectedKey); -} - -var navInstance = ( - - ); - -React.render(navInstance, mountNode); diff --git a/docs/examples/NavbarBasic.js b/docs/examples/NavbarBasic.js deleted file mode 100644 index 972b8def31..0000000000 --- a/docs/examples/NavbarBasic.js +++ /dev/null @@ -1,17 +0,0 @@ -var navbarInstance = ( - - - - ); - -React.render(navbarInstance, mountNode); diff --git a/docs/examples/NavbarCollapsable.js b/docs/examples/NavbarCollapsable.js deleted file mode 100644 index e079825065..0000000000 --- a/docs/examples/NavbarCollapsable.js +++ /dev/null @@ -1,17 +0,0 @@ -var navbarInstance = ( - - - - ); - -React.render(navbarInstance, mountNode); diff --git a/docs/examples/PageHeader.js b/docs/examples/PageHeader.js deleted file mode 100644 index 1063020db3..0000000000 --- a/docs/examples/PageHeader.js +++ /dev/null @@ -1,5 +0,0 @@ -var pageHeaderInstance = ( - Example page header Subtext for header -); - -React.render(pageHeaderInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PagerAligned.js b/docs/examples/PagerAligned.js deleted file mode 100644 index 7f1220b128..0000000000 --- a/docs/examples/PagerAligned.js +++ /dev/null @@ -1,8 +0,0 @@ -var pagerInstance = ( - - ← Previous Page - Next Page → - - ); - -React.render(pagerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PagerDefault.js b/docs/examples/PagerDefault.js deleted file mode 100644 index cab4455a49..0000000000 --- a/docs/examples/PagerDefault.js +++ /dev/null @@ -1,8 +0,0 @@ -var pagerInstance = ( - - Previous - Next - - ); - -React.render(pagerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PagerDisabled.js b/docs/examples/PagerDisabled.js deleted file mode 100644 index d9debe9730..0000000000 --- a/docs/examples/PagerDisabled.js +++ /dev/null @@ -1,8 +0,0 @@ -var pagerInstance = ( - - ← Previous - Next → - - ); - -React.render(pagerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelBasic.js b/docs/examples/PanelBasic.js deleted file mode 100644 index e8364e3b42..0000000000 --- a/docs/examples/PanelBasic.js +++ /dev/null @@ -1,7 +0,0 @@ -var panelInstance = ( - - Basic panel example - - ); - -React.render(panelInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelContextual.js b/docs/examples/PanelContextual.js deleted file mode 100644 index d69b2e72af..0000000000 --- a/docs/examples/PanelContextual.js +++ /dev/null @@ -1,33 +0,0 @@ -var title = ( -

Panel title

- ); - -var panelsInstance = ( -
- - Panel content - - - - Panel content - - - - Panel content - - - - Panel content - - - - Panel content - - - - Panel content - -
- ); - -React.render(panelsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelGroupAccordion.js b/docs/examples/PanelGroupAccordion.js deleted file mode 100644 index 468bab033d..0000000000 --- a/docs/examples/PanelGroupAccordion.js +++ /dev/null @@ -1,15 +0,0 @@ -var accordionInstance = ( - - - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. - - - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. - - - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. - - -); - -React.render(accordionInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelGroupControlled.js b/docs/examples/PanelGroupControlled.js deleted file mode 100644 index 73a94ae7d0..0000000000 --- a/docs/examples/PanelGroupControlled.js +++ /dev/null @@ -1,16 +0,0 @@ -var renderedInstance; - -function handleSelect (selectedKey) { - renderedInstance.setProps({ - activeKey: selectedKey - }); -} - -var panelGroupInstance = ( - - Panel 1 content - Panel 2 content - -); - -renderedInstance = React.render(panelGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelGroupUncontrolled.js b/docs/examples/PanelGroupUncontrolled.js deleted file mode 100644 index abb0e0d5f0..0000000000 --- a/docs/examples/PanelGroupUncontrolled.js +++ /dev/null @@ -1,8 +0,0 @@ -var panelGroupInstance = ( - - Panel 1 content - Panel 2 content - -); - -React.render(panelGroupInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelListGroupFill.js b/docs/examples/PanelListGroupFill.js deleted file mode 100644 index cda253fb33..0000000000 --- a/docs/examples/PanelListGroupFill.js +++ /dev/null @@ -1,13 +0,0 @@ -var panelInstance = ( - - Some default panel content here. - - Item 1 - Item 2 - … - - Some more panel content here. - - ); - -React.render(panelInstance, mountNode); diff --git a/docs/examples/PanelWithFooter.js b/docs/examples/PanelWithFooter.js deleted file mode 100644 index 2ae3dd6b6e..0000000000 --- a/docs/examples/PanelWithFooter.js +++ /dev/null @@ -1,7 +0,0 @@ -var panelInstance = ( - - Panel content - - ); - -React.render(panelInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PanelWithHeading.js b/docs/examples/PanelWithHeading.js deleted file mode 100644 index 1422797b23..0000000000 --- a/docs/examples/PanelWithHeading.js +++ /dev/null @@ -1,16 +0,0 @@ -var title = ( -

Panel title

- ); - -var panelsInstance = ( -
- - Panel content - - - Panel content - -
- ); - -React.render(panelsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PopoverBasic.js b/docs/examples/PopoverBasic.js deleted file mode 100644 index 0d9178add1..0000000000 --- a/docs/examples/PopoverBasic.js +++ /dev/null @@ -1,11 +0,0 @@ -var holderStyle = {height: 120}; - -var popoverInstance = ( -
- - And here's some amazing content. It's very engaging. right? - -
- ); - -React.render(popoverInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PopoverPositioned.js b/docs/examples/PopoverPositioned.js deleted file mode 100644 index 2eee7eb9dc..0000000000 --- a/docs/examples/PopoverPositioned.js +++ /dev/null @@ -1,18 +0,0 @@ -var positionerInstance = ( - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - - ); - -React.render(positionerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/PopoverPositionedContained.js b/docs/examples/PopoverPositionedContained.js deleted file mode 100644 index 5e8c3a8143..0000000000 --- a/docs/examples/PopoverPositionedContained.js +++ /dev/null @@ -1,18 +0,0 @@ -var positionerInstance = ( - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - - ); - -React.render(positionerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarAnimated.js b/docs/examples/ProgressBarAnimated.js deleted file mode 100644 index 8796d212e1..0000000000 --- a/docs/examples/ProgressBarAnimated.js +++ /dev/null @@ -1,5 +0,0 @@ -var progressInstance = ( - - ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarBasic.js b/docs/examples/ProgressBarBasic.js deleted file mode 100644 index 0679319c6e..0000000000 --- a/docs/examples/ProgressBarBasic.js +++ /dev/null @@ -1,5 +0,0 @@ -var progressInstance = ( - - ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarContextual.js b/docs/examples/ProgressBarContextual.js deleted file mode 100644 index d9624cca1a..0000000000 --- a/docs/examples/ProgressBarContextual.js +++ /dev/null @@ -1,10 +0,0 @@ -var progressInstance = ( -
- - - - -
- ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarScreenreaderLabel.js b/docs/examples/ProgressBarScreenreaderLabel.js deleted file mode 100644 index ac58b9b793..0000000000 --- a/docs/examples/ProgressBarScreenreaderLabel.js +++ /dev/null @@ -1,5 +0,0 @@ -var progressInstance = ( - - ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarStacked.js b/docs/examples/ProgressBarStacked.js deleted file mode 100644 index b7d474f87f..0000000000 --- a/docs/examples/ProgressBarStacked.js +++ /dev/null @@ -1,9 +0,0 @@ -var progressInstance = ( - - - - - - ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarStriped.js b/docs/examples/ProgressBarStriped.js deleted file mode 100644 index ee32b96ff7..0000000000 --- a/docs/examples/ProgressBarStriped.js +++ /dev/null @@ -1,10 +0,0 @@ -var progressInstance = ( -
- - - - -
- ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/ProgressBarWithLabel.js b/docs/examples/ProgressBarWithLabel.js deleted file mode 100644 index 487cb33cc4..0000000000 --- a/docs/examples/ProgressBarWithLabel.js +++ /dev/null @@ -1,5 +0,0 @@ -var progressInstance = ( - - ); - -React.render(progressInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/SplitButtonBasic.js b/docs/examples/SplitButtonBasic.js deleted file mode 100644 index 84fe13edd6..0000000000 --- a/docs/examples/SplitButtonBasic.js +++ /dev/null @@ -1,19 +0,0 @@ -var BUTTONS = ['Default', 'Primary', 'Success', 'Info', 'Warning', 'Danger']; - -function renderDropdownButton (title, i) { - return ( - - Action - Another action - Something else here - - Separated link - - ); -} - -var buttonsInstance = ( - {BUTTONS.map(renderDropdownButton)} - ); - -React.render(buttonsInstance, mountNode); diff --git a/docs/examples/SplitButtonDropup.js b/docs/examples/SplitButtonDropup.js deleted file mode 100644 index 95a6a5f960..0000000000 --- a/docs/examples/SplitButtonDropup.js +++ /dev/null @@ -1,25 +0,0 @@ -var buttonsInstance = ( -
- - - Action - Another action - Something else here - - Separated link - - - - - - Action - Another action - Something else here - - Separated link - - -
- ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/SplitButtonRight.js b/docs/examples/SplitButtonRight.js deleted file mode 100644 index b3dabc3f0f..0000000000 --- a/docs/examples/SplitButtonRight.js +++ /dev/null @@ -1,11 +0,0 @@ -var buttonsInstance = ( - - Action - Another action - Something else here - - Separated link - - ); - -React.render(buttonsInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/TabbedAreaControlled.js b/docs/examples/TabbedAreaControlled.js deleted file mode 100644 index 358ea6db3f..0000000000 --- a/docs/examples/TabbedAreaControlled.js +++ /dev/null @@ -1,19 +0,0 @@ -var key = 1; - -function renderTabbedArea () { - var tabbedAreaInstance = ( - - TabPane 1 content - TabPane 2 content - - ); - React.render(tabbedAreaInstance, mountNode); -} - -function handleSelect (selectedKey) { - alert('selected ' + selectedKey); - key = selectedKey; - renderTabbedArea(); -} - -renderTabbedArea(); \ No newline at end of file diff --git a/docs/examples/TabbedAreaNoAnimation.js b/docs/examples/TabbedAreaNoAnimation.js deleted file mode 100644 index a5b965b5a5..0000000000 --- a/docs/examples/TabbedAreaNoAnimation.js +++ /dev/null @@ -1,8 +0,0 @@ -var tabbedAreaInstance = ( - - TabPane 1 content - TabPane 2 content - - ); - -React.render(tabbedAreaInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/TabbedAreaUncontrolled.js b/docs/examples/TabbedAreaUncontrolled.js deleted file mode 100644 index db1019f487..0000000000 --- a/docs/examples/TabbedAreaUncontrolled.js +++ /dev/null @@ -1,8 +0,0 @@ -var tabbedAreaInstance = ( - - TabPane 1 content - TabPane 2 content - - ); - -React.render(tabbedAreaInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/TableResponsive.js b/docs/examples/TableResponsive.js deleted file mode 100644 index a3136be7d2..0000000000 --- a/docs/examples/TableResponsive.js +++ /dev/null @@ -1,46 +0,0 @@ -var tableInstance = ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell
- ); - -React.render(tableInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/TooltipBasic.js b/docs/examples/TooltipBasic.js deleted file mode 100644 index 8c712fb70b..0000000000 --- a/docs/examples/TooltipBasic.js +++ /dev/null @@ -1,11 +0,0 @@ -var holderStyle = {height: 50}; - -var tooltipInstance = ( -
- - Holy guacamole! Check this info. - -
- ); - -React.render(tooltipInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/TooltipInCopy.js b/docs/examples/TooltipInCopy.js deleted file mode 100644 index 1db707f98b..0000000000 --- a/docs/examples/TooltipInCopy.js +++ /dev/null @@ -1,20 +0,0 @@ -var LinkWithTooltip = React.createClass({ - render: function () { - var tooltip = {this.props.tooltip}; - return ( - - {this.props.children} - - ); - } -}); - -var pStyle = {marginBottom: 0}; - -var copyInstance = ( -

- Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel Another tooltip} href="#">have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. -

- ); - -React.render(copyInstance, mountNode); diff --git a/docs/examples/TooltipPositioned.js b/docs/examples/TooltipPositioned.js deleted file mode 100644 index 5d43f85ee6..0000000000 --- a/docs/examples/TooltipPositioned.js +++ /dev/null @@ -1,18 +0,0 @@ -var positionerInstance = ( - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - Holy guacamole! Check this info.}> - - - - ); - -React.render(positionerInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/Well.js b/docs/examples/Well.js deleted file mode 100644 index 153cf23a0a..0000000000 --- a/docs/examples/Well.js +++ /dev/null @@ -1,5 +0,0 @@ -var wellInstance = ( - Look I'm in a well! -); - -React.render(wellInstance, mountNode); \ No newline at end of file diff --git a/docs/examples/WellSizes.js b/docs/examples/WellSizes.js deleted file mode 100644 index 8cc222b419..0000000000 --- a/docs/examples/WellSizes.js +++ /dev/null @@ -1,8 +0,0 @@ -var wellInstance = ( -
- Look I'm in a large well! - Look I'm in a small well! -
-); - -React.render(wellInstance, mountNode); \ No newline at end of file diff --git a/docs/package.json b/docs/package.json deleted file mode 100644 index d83d3b9196..0000000000 --- a/docs/package.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "name": "react-bootstrap-docs", - "version": "0.0.0", - "description": "React Bootstrap docs site", - "main": "./server.js", - "browser": "./client.js", - "browserify": { - "transform": [ - "reactify", - "brfs", - "envify" - ] - }, - "devDependencies": { - "express": "~3.4.8", - "node-jsx": "~0.12.0", - "reactify": "~0.15.2", - "brfs": "~1.0.0", - "envify": "~1.2.0", - "browserify": "~3.26.0", - "connect-browserify": "~1.0.0", - "uglify-js": "^2.3.6", - "supervisor": "~0.5.7" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1", - "start": "supervisor -w .,../lib -i node_modules server.js", - "build": "node build.js && browserify client.js | uglifyjs -cm 2>/dev/null > ./assets/bundle.js", - "start-prod": "NODE_ENV=production node server.js" - }, - "author": "", - "license": "MIT" -} diff --git a/docs/server.js b/docs/server.js deleted file mode 100644 index 0b55c78101..0000000000 --- a/docs/server.js +++ /dev/null @@ -1,33 +0,0 @@ -'use strict'; - -var express = require('express'); - -var development = process.env.NODE_ENV !== 'production'; -var app = express(); - -if (development) { - var path = require('path'); - var url = require('url'); - var browserify = require('connect-browserify'); - var nodejsx = require('node-jsx').install(); - var Root = require('./src/Root'); - - app = app - .get('/assets/bundle.js', browserify('./client', {debug: true, watch: false})) - .use('/assets', express.static(path.join(__dirname, 'assets'))) - .use('/vendor', express.static(path.join(__dirname, 'vendor'))) - .use(function renderApp(req, res) { - var fileName = url.parse(req.url).pathname; - var RootHTML = Root.renderToString({initialPath: fileName}); - - res.send(RootHTML); - }); -} else { - app = app - .use(express.static(__dirname)); -} - -app - .listen(4000, function () { - console.log('Server started at http://localhost:4000'); - }); \ No newline at end of file diff --git a/docs/src/ComponentsPage.js b/docs/src/ComponentsPage.js deleted file mode 100644 index 315f8a8019..0000000000 --- a/docs/src/ComponentsPage.js +++ /dev/null @@ -1,626 +0,0 @@ -'use strict'; - -var React = require('react'); -var fs = require('fs'); - -var Affix = require('../../lib/Affix'); -var Nav = require('../../lib/Nav'); -var SubNav = require('../../lib/SubNav'); -var NavItem = require('../../lib/NavItem'); - -var NavMain = require('./NavMain'); -var PageHeader = require('./PageHeader'); -var PageFooter = require('./PageFooter'); -var ReactPlayground = require('./ReactPlayground'); - -var ComponentsPage = React.createClass({ - getInitialState: function () { - return { - activeNavItemHref: null, - navOffsetTop: null - }; - }, - - handleNavItemSelect: function (key, href) { - this.setState({ - activeNavItemHref: href - }); - - window.location = href; - }, - - componentDidMount: function () { - var elem = this.refs.sideNav.getDOMNode(), - domUtils = Affix.domUtils, - sideNavOffsetTop = domUtils.getOffset(elem).top, - sideNavMarginTop = parseInt(domUtils.getComputedStyles(elem.firstChild).marginTop, 10), - topNavHeight = this.refs.topNav.getDOMNode().offsetHeight; - - this.setState({ - navOffsetTop: sideNavOffsetTop - topNavHeight - sideNavMarginTop, - navOffsetBottom: this.refs.footer.getDOMNode().offsetHeight - }); - }, - - render: function () { - return ( -
- - - - -
-
-
- - {/* Buttons */} -
-

Buttons Button

-

Options

-

Use any of the available button style types to quickly create a styled button. Just modify the - bsStyle prop.

- -
-

Button spacing

-

Because React doesn't output newlines between elements, buttons on the same line are displayed - flush against each other. To preserve the spacing between multiple inline buttons, wrap your - button group in {''}.

-
-

Sizes

-

Fancy larger or smaller buttons? Add bsSize="large", bsSize="small", or bsSize="xsmall" for additional sizes.

- - -

Create block level buttons—those that span the full width of a parent— by adding the - block prop.

- - -

Active state

-

To set a buttons active state simply set the components active prop.

- - -

Disabled state

-

Make buttons look unclickable by fading them back 50%. To do this add the disabled - attribute to buttons.

- - -
-

Event handler functionality not impacted

-

This prop will only change the {'

- -

Button tags

-

The DOM element tag is choosen automaticly for you based on the props you supply. Passing a - href will result in the button using a {''} element otherwise a - {'

- - {/* Button Groups */} -
-

Button groups ButtonGroup, ButtonToolbar

-

Group a series of buttons together on a single line with the button group.

- -

Basic example

-

Wrap a series of {'

- -
-

Button dropdowns

-

Use {''} or {''} components to display a button with a dropdown menu.

- -

Single button dropdowns

-

Create a dropdown button with the {''} component.

- - -

Split button dropdowns

-

Similarly, create split button dropdowns with the {''} component.

- - -

Sizing

-

Button dropdowns work with buttons of all sizes.

- - -

No caret variation

-

Remove the caret using the noCaret prop.

- - -

Dropup variation

-

Trigger dropdown menus that site above the button by adding the dropup prop.

- - -

Dropdown right variation

-

Trigger dropdown menus that align to the right of the button using the pullRight prop.

- -
- -
-

Panels Panel, PanelGroup, Accordion

- -

Basic example

-

By default, all the <Panel /> does is apply some basic border and padding to contain some content.

- - -

Panel with heading

-

Easily add a heading container to your panel with the header prop.

- - - -

Pass buttons or secondary text in the footer prop. Note that panel footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.

- - -

Contextual alternatives

-

Like other components, easily make a panel more meaningful to a particular context by adding a bsStyle prop.

- - -

With tables and list groups

-

Add the fill prop to <Table /> or <ListGroup /> elements to make them fill the panel.

- - -

Controlled PanelGroups

-

PanelGroups can be controlled by a parent component. The activeKey prop dictates which panel is open.

- - -

Uncontrolled PanelGroups

-

PanelGroups can also be uncontrolled where they manage their own state. The defaultActiveKey prop dictates which panel is open when initially.

- - -

Accordions

-

<Accordion /> aliases <PanelGroup accordion />.

- - -

Collapsable Mixin

-

CollapsableMixin can be used to create your own components with collapse functionality.

- -
- -
-

Modals Modal

- -

A static example

-

A rendered modal with header, body, and set of actions in the footer.

-

The header is added automatically if you pass in a title prop.

- - -

Live demo

-

Use <ModalTrigger /> to create a real modal that's added to the document body when opened.

- - -

Custom trigger

-

Use <OverlayMixin /> in a custom component to manage the modal's state yourself.

- - -

Contained Modal

-

You will need to add the following css to your project and ensure that your container has the modal-container class.

- 
-                    {React.DOM.code(null,
-                      ".modal-container {\n" +
-                      "  position: relative;\n" +
-                      "}\n" +
-                      ".modal-container .modal, .modal-container .modal-backdrop {\n" +
-                      "  position: absolute;\n" +
-                      "}\n"
-                    )}
-
- -
- - {/* Tooltip */} -
-

Tooltips Tooltip

-

Example tooltips

- -

Tooltip component.

- - -

Positioned tooltip component.

- - -

Positioned tooltip in copy.

- -
- - {/* Popover */} -
-

Popovers Popover

-

Example popovers

- -

Popovers component.

- - -

Popovers component.

- - -

Popovers scrolling.

- -
- - {/* Progress Bar */} -
-

Progress bars ProgressBar

- -

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

- -

Basic example

-

Default progress bar.

- - -

With label

-

Add a label prop to show a visible percentage. For low percentages, consider adding a min-width to ensure the label's text is fully visible.

-

The following keys are interpolated with the current values: %(min)s, %(max)s, %(now)s, %(percent)s, %(bsStyle)s

- - -

Screenreader only label

-

Add a srOnly prop to hide the label visually.

- - -

Contextual alternatives

-

Progress bars use some of the same button and alert classes for consistent styles.

- - -

Striped

-

Uses a gradient to create a striped effect. Not available in IE8.

- - -

Animated

-

Add active prop to animate the stripes right to left. Not available in IE9 and below.

- - -

Stacked

-

Nest <ProgressBar />s to stack them.

- -
- - {/* Nav */} -
-

Navs Nav, NavItem

- - -

Navs come in two styles, pills and tabs. Disable a tab by adding disabled.

- - -

Dropdown

-

Add dropdowns using the DropdownButton component. Just make sure to set navItem property to true.

- - -

Stacked

-

They can also be stacked vertically.

- - -

Justified

-

They can be justified to take the full width of their parent.

- -
- - {/* Navbar */} -
-

Navbars Navbar, Nav, NavItem

- -

You can specify a brand by passing a renderable component or string in brand

-

Navbars are by default accessible and will provide role="navigation".

-

They also supports all the different Bootstrap classes as properties. Just camelCase the css class and remove navbar from it. For example navbar-fixed-top becomes the property fixedTop. The different properties are fixedTop, fixedBottom, staticTop, inverse, fluid.

-

You can drag elements to the right by specifying the right property on a nav group.

- - - -

Mobile Friendly

-

To have a mobile friendly Navbar, specify the property toggleNavKey on the Navbar with a value corresponding to an eventKey of one of his Nav children. This child will be the one collapsed.

-

By setting the property {React.DOM.code(null, "defaultNavExpanded={true}")} the Navbar will start expanded by default.

-
-

Scrollbar overflow

-

The height of the collapsable is slightly smaller than the real height. To hide the scroll bar, add the following css to your style files.

- 
-                      {React.DOM.code(null,
-                        ".navbar-collapse {\n" +
-                        "  overflow: hidden;\n" +
-                        "}\n"
-                      )}
-
-
- - -

Mobile Friendly (Multiple Nav Components)

-

To have a mobile friendly Navbar that handles multiple Nav components use CollapsableNav. The toggleNavKey must still be set, however, the corresponding eventKey must now be on the CollapsableNav component.

-
-

Div collapse

-

The navbar-collapse div gets created as the collapsable element which follows the bootstrap collapsable navbar documentation.

- 
<div class="collapse navbar-collapse"></div>
-
- - -
- - {/* Tabbed Areas */} -
-

Togglable tabs TabbedArea, TabPane

-

Example tabs

-

Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

- -

Uncontrolled

-

Allow the component to control its own state.

- - -

Controlled

-

Pass down the active state on render via props.

- - -

No animation

-

Set the animation prop to false

- - -
-

Extends tabbed navigation

-

This plugin extends the tabbed navigation component to add tabbable areas.

-
-
- - {/* Pager */} -
-

Pager Pager, PageItem

-

Quick previous and next links.

- -

Default

-

Centers by default.

- - -

Aligned

-

Set the previous or next prop to true, to align left or right.

- - -

Disabled

-

Set the disabled prop to true to disable the link.

- -
- - {/* Alerts */} -
-

Alert messages Alert

-

Example alerts

- -

Basic alert styles.

- - -

Closeable alerts, just pass in a onDismiss function.

- - -

Auto close after a set time with dismissAfter prop.

- -
- - {/* Carousels */} -
-

Carousels Carousel, CarouselItem

-

Example carousels

- -

Uncontrolled

-

Allow the component to control its own state.

- - -

Controlled

-

Pass down the active state on render via props.

- -
- - {/* Grids */} -
-

Grids Grid, Row, Col

-

Example grids

- - -
- - {/* ListGroup */} -
-

List group ListGroup, ListGroupItem

-

Quick previous and next links.

- -

Default

-

Centers by default.

- - -

Linked

-

Set the href or onClick prop on ListGroupItem, to create a linked or clickable element.

- - -

Styling

-

Set the active or disabled prop to true to mark or disable the item.

- -

Set the bsStyle prop to style the item

- - -

With header

-

Set the header prop to create a structured item, with a heading and a body area.

- -
- - {/* Labels */} -
-

Labels

- -

Example

-

Create a {''} show highlight information

- -

Available variations

-

Add any of the below mentioned modifier classes to change the appearance of a label.

- -
- - {/* Badges */} -
-

Badges

-

Easily highlight new or unread items by adding a {''} to links, Bootstrap navs, and more.

-

Example

- -
-

Cross-browser compatibility

-

Unlike regular Bootstrap badges self collapse even in Internet Explorer 8.

-
-
- - {/* Jumbotron */} -
-

Jumbotron

-

A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

-

Example

- -
- - {/* Page Header */} -
-

Page Header

-

A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1’s default small element, as well as most other components (with additional styles).

-

Example

- -
- - {/* Wells */} -
-

Wells

-

Use the well as a simple effect on an element to give it an inset effect.

-

Default Wells

- -

Optional classes

-

Control padding and rounded corners with two optional modifier classes.

- -
- - {/* Glyphicons */} -
-

Glyphicons

-

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

-

Example

- -
- - {/* Tables */} -
-

Tables

- -

Example

-

Use the striped, bordered, condensed and hover props to customise the table.

- -

Responsive

-

Add responsive prop to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

- -
- - {/* Input */} -
-

Input

-

Renders an input in bootstrap wrappers. Supports label, help, text input add-ons, validation and use as wrapper. - Use getValue() or getChecked() to get the current state. - The helper method getInputDOMNode() returns the internal input element.

- -

Types

-

Supports select, textarea, static as well as standard HTML input types. getValue() returns an array for multiple select.

- -

Add-ons

-

Use addonBefore and addonAfter for normal addons, buttonBefore and buttonAfter for button addons. - Exotic configurations may require some css on your side.

- -

Validation

-

Set bsStyle to one of success, warning or error. - Add hasFeedback to show glyphicon. Glyphicon may need additional styling if there is an add-on or no label.

- -

Horizontal forms

-

Use labelClassName and wrapperClassName properties to add col classes manually. - checkbox and radio types need special treatment because label wraps input.

- -

Use as a wrapper

-

If type is not set, child element(s) will be rendered instead of an input element. - getValue() will not work when used this way.

- -
-
- -
- - - - Back to top - - -
-
-
- - -
- ); - } -}); - -module.exports = ComponentsPage; diff --git a/docs/src/GettingStartedPage.js b/docs/src/GettingStartedPage.js deleted file mode 100644 index cc01ba2450..0000000000 --- a/docs/src/GettingStartedPage.js +++ /dev/null @@ -1,108 +0,0 @@ -'use strict'; - -var React = require('react'); -var fs = require('fs'); - -var NavMain = require('./NavMain'); -var PageHeader = require('./PageHeader'); -var PageFooter = require('./PageFooter'); -var ReactPlayground = require('./ReactPlayground'); - -var Page = React.createClass({ - render: function () { - return ( -
- - - - -
-
-
-
-

Setup

-

You can import the lib as AMD modules, CommonJS modules, or as a global JS script.

- -

First add the Bootstrap CSS to your project; check here if you have not already done that. Then:

- -

CommonJS

-
- 
{'\
-  $ npm install react@v0.10.0\n\
-  $ npm install react-bootstrap\n\
-                    '}
- 
{'\
-  var Alert = require(\'react-bootstrap/lib/Alert\');\n\
-  // or\n\
-  var Alert = require(\'react-bootstrap\').Alert;\
-                    '}
-
- -

AMD

-
- 
{'\
-  $ bower install react#v0.10.0\n\
-  $ bower install react-bootstrap\n\
-                    '}
- 
{'\
-  var Alert = require(\'react-bootstrap/lib/Alert\');\n\
-  // or\n\
-  var Alert = require(\'react-bootstrap\').Alert;\
-                    '}
-
- -

Browser globals

-

The bower repo contains react-bootstrap.js and react-bootstrap.min.js with all components exported in the window.ReactBootstrap object.

-
- 
{'\
-  \n\
-  \n\
-  \
-                    '}
-
-
-
-

Browser support

-

We aim to support all browsers supported by both React and Bootstrap.

- -

React requires polyfills for non-ES5 capable browsers.

- -

jQuery is currently required only for IE8 support for components which require reading element positions from the DOM: Popover and Tooltip when launched with OverlayTrigger. We would like to remove this dependency in future versions but for now, including the following snippet in your page should have you covered:

- -
- 
{'\
-  \n\
-                    '}
-
-
-
-
-
- - -
- ); - }, - - shouldComponentUpdate: function() { - return false; - } -}); - -module.exports = Page; diff --git a/docs/src/HomePage.js b/docs/src/HomePage.js deleted file mode 100644 index a1e3e50bfe..0000000000 --- a/docs/src/HomePage.js +++ /dev/null @@ -1,28 +0,0 @@ -'use strict'; - -var React = require('react'); - -var NavMain = require('./NavMain'); -var PageHeader = require('./PageHeader'); -var PageFooter = require('./PageFooter'); - -var HomePage = React.createClass({ - render: function () { - return ( -
- - -
-
- -

The most popular front-end framework, rebuilt for React.

-
-
- - -
- ); - } -}); - -module.exports = HomePage; \ No newline at end of file diff --git a/docs/src/NavMain.js b/docs/src/NavMain.js deleted file mode 100644 index 72cb59f400..0000000000 --- a/docs/src/NavMain.js +++ /dev/null @@ -1,49 +0,0 @@ -'use strict'; - -var React = require('react'); -var Router = require('react-router-component'); -var Navbar = require('../../lib/Navbar'); -var Nav = require('../../lib/Nav'); - -var InternalLink = Router.Link; - -var NAV_LINKS = { - 'getting-started': { - link: '/getting-started.html', - title: 'Getting started' - }, - 'components': { - link: '/components.html', - title: 'Components' - } -}; - -var NavMain = React.createClass({ - propTypes: { - activePage: React.PropTypes.string - }, - - render: function () { - var brand = React Bootstrap; - - return ( - - - - ); - }, - - renderNavItem: function (linkName) { - var link = NAV_LINKS[linkName]; - - return ( -
  • - {link.title} -
    • - ); - } -}); - -module.exports = NavMain; diff --git a/docs/src/NotFoundPage.js b/docs/src/NotFoundPage.js deleted file mode 100644 index d92797fcba..0000000000 --- a/docs/src/NotFoundPage.js +++ /dev/null @@ -1,25 +0,0 @@ -'use strict'; - -var React = require('react'); - -var NavMain = require('./NavMain'); -var PageHeader = require('./PageHeader'); -var PageFooter = require('./PageFooter'); - -var NotFoundPage = React.createClass({ - render: function () { - return ( -
    - - - - - -
    - ); - } -}); - -module.exports = NotFoundPage; \ No newline at end of file diff --git a/docs/src/PageFooter.js b/docs/src/PageFooter.js deleted file mode 100644 index d0eb4b49c6..0000000000 --- a/docs/src/PageFooter.js +++ /dev/null @@ -1,37 +0,0 @@ -'use strict'; - -var React = require('react'); -var packageJSON = require('../../package.json'); - -var PageHeader = React.createClass({ - render: function () { - return ( -