Skip to content

Commit

Permalink
Merge branch 'master' of github.com:facebook/docusaurus into lex111/r…
Browse files Browse the repository at this point in the history
…eplace-clipboard-codeblock
  • Loading branch information
lex111 committed Jun 7, 2020
2 parents 32d4a6a + afe9ff9 commit dd23461
Show file tree
Hide file tree
Showing 25 changed files with 78 additions and 82 deletions.
2 changes: 1 addition & 1 deletion packages/docusaurus-init/templates/classic/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
"dependencies": {
"@docusaurus/core": "^2.0.0-alpha.56",
"@docusaurus/preset-classic": "^2.0.0-alpha.56",
"classnames": "^2.2.6",
"clsx": "^1.1.1",
"react": "^16.8.4",
"react-dom": "^16.8.4"
},
Expand Down
8 changes: 4 additions & 4 deletions packages/docusaurus-init/templates/classic/src/pages/index.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
Expand Down Expand Up @@ -42,7 +42,7 @@ const features = [
function Feature({imageUrl, title, description}) {
const imgUrl = useBaseUrl(imageUrl);
return (
<div className={classnames('col col--4', styles.feature)}>
<div className={clsx('col col--4', styles.feature)}>
{imgUrl && (
<div className="text--center">
<img className={styles.featureImage} src={imgUrl} alt={title} />
Expand All @@ -61,13 +61,13 @@ function Home() {
<Layout
title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
<header className={classnames('hero hero--primary', styles.heroBanner)}>
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container">
<h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className={classnames(
className={clsx(
'button button--outline button--secondary button--lg',
styles.getStarted,
)}
Expand Down
2 changes: 1 addition & 1 deletion packages/docusaurus-init/templates/facebook/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
"dependencies": {
"@docusaurus/core": "^2.0.0-alpha.56",
"@docusaurus/preset-classic": "^2.0.0-alpha.56",
"classnames": "^2.2.6",
"clsx": "^1.1.1",
"react": "^16.8.4",
"react-dom": "^16.8.4"
},
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
*/

import React from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
Expand Down Expand Up @@ -51,7 +51,7 @@ const features = [
function Feature({imageUrl, title, description}) {
const imgUrl = useBaseUrl(imageUrl);
return (
<div className={classnames('col col--4', styles.feature)}>
<div className={clsx('col col--4', styles.feature)}>
{imgUrl && (
<div className="text--center">
<img className={styles.featureImage} src={imgUrl} alt={title} />
Expand All @@ -70,13 +70,13 @@ function Home() {
<Layout
title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
<header className={classnames('hero hero--primary', styles.heroBanner)}>
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container">
<h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className={classnames(
className={clsx(
'button button--outline button--secondary button--lg',
styles.getStarted,
)}
Expand Down
2 changes: 1 addition & 1 deletion packages/docusaurus-theme-classic/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"dependencies": {
"@mdx-js/mdx": "^1.5.8",
"@mdx-js/react": "^1.5.8",
"classnames": "^2.2.6",
"clsx": "^1.1.1",
"copy-text-to-clipboard": "^2.2.0",
"infima": "0.2.0-alpha.12",
"parse-numeric-range": "^0.0.2",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
*/

import React from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import {MDXProvider} from '@mdx-js/react';

import Head from '@docusaurus/Head';
Expand Down Expand Up @@ -58,7 +58,7 @@ function BlogPostItem(props) {
return (
<header>
<TitleHeading
className={classnames('margin-bottom--sm', styles.blogPostTitle)}>
className={clsx('margin-bottom--sm', styles.blogPostTitle)}>
{isBlogPostPage ? title : <Link to={permalink}>{title}</Link>}
</TitleHeading>
<div className="margin-vert--md">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */

import React, {useEffect, useState, useRef} from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import Highlight, {defaultProps} from 'prism-react-renderer';
import copy from 'copy-text-to-clipboard';
import rangeParser from 'parse-numeric-range';
Expand Down Expand Up @@ -204,15 +204,15 @@ export default ({children, className: languageClassName, metastring}) => {
ref={button}
type="button"
aria-label="Copy code to clipboard"
className={classnames(styles.copyButton, {
className={clsx(styles.copyButton, {
[styles.copyButtonWithTitle]: codeBlockTitle,
})}
onClick={handleCopyCode}>
{showCopied ? 'Copied' : 'Copy'}
</button>
<div
tabIndex="0"
className={classnames(className, styles.codeBlock, {
className={clsx(className, styles.codeBlock, {
[styles.codeBlockWithTitle]: codeBlockTitle,
})}>
<div className={styles.codeBlockLines} style={style}>
Expand Down
9 changes: 3 additions & 6 deletions packages/docusaurus-theme-classic/src/theme/DocItem/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
import DocPaginator from '@theme/DocPaginator';
import useTOCHighlight from '@theme/hooks/useTOCHighlight';

import classnames from 'classnames';
import clsx from 'clsx';
import styles from './styles.module.css';

const LINK_CLASS_NAME = 'table-of-contents__link';
Expand Down Expand Up @@ -102,13 +102,10 @@ function DocItem(props) {
{permalink && <link rel="canonical" href={siteUrl + permalink} />}
</Head>
<div
className={classnames(
'container padding-vert--lg',
styles.docItemWrapper,
)}>
className={clsx('container padding-vert--lg', styles.docItemWrapper)}>
<div className="row">
<div
className={classnames('col', {
className={clsx('col', {
[styles.docItemCol]: !hideTableOfContents,
})}>
<div className={styles.docItemContainer}>
Expand Down
14 changes: 7 additions & 7 deletions packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
*/

import React, {useState, useCallback, useEffect, useRef} from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import useUserPreferencesContext from '@theme/hooks/useUserPreferencesContext';
import useLockBodyScroll from '@theme/hooks/useLockBodyScroll';
Expand Down Expand Up @@ -82,12 +82,12 @@ function DocSidebarItemCategory({

return (
<li
className={classnames('menu__list-item', {
className={clsx('menu__list-item', {
'menu__list-item--collapsed': collapsed,
})}
key={label}>
<a
className={classnames('menu__link', {
className={clsx('menu__link', {
'menu__link--sublist': collapsible,
'menu__link--active': collapsible && isActive,
[styles.menuLinkText]: !collapsible,
Expand Down Expand Up @@ -125,7 +125,7 @@ function DocSidebarItemLink({
return (
<li className="menu__list-item" key={label}>
<Link
className={classnames('menu__link', {
className={clsx('menu__link', {
'menu__link--active': isActive,
})}
to={href}
Expand Down Expand Up @@ -191,7 +191,7 @@ function DocSidebar(props) {

return (
<div
className={classnames(styles.sidebar, {
className={clsx(styles.sidebar, {
[styles.sidebarWithHideableNavbar]: hideOnScroll,
})}>
{hideOnScroll && (
Expand All @@ -207,7 +207,7 @@ function DocSidebar(props) {
</Link>
)}
<div
className={classnames('menu', 'menu--responsive', styles.menu, {
className={clsx('menu', 'menu--responsive', styles.menu, {
'menu--show': showResponsiveSidebar,
[styles.menuWithAnnouncementBar]:
!isAnnouncementBarClosed && scrollY === 0,
Expand All @@ -222,7 +222,7 @@ function DocSidebar(props) {
}}>
{showResponsiveSidebar ? (
<span
className={classnames(
className={clsx(
styles.sidebarMenuIcon,
styles.sidebarMenuCloseIcon,
)}>
Expand Down
4 changes: 2 additions & 2 deletions packages/docusaurus-theme-classic/src/theme/Footer/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
*/

import React from 'react';
import classnames from 'classnames';
import clsx from 'clsx';

import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
Expand Down Expand Up @@ -54,7 +54,7 @@ function Footer() {

return (
<footer
className={classnames('footer', {
className={clsx('footer', {
'footer--dark': footer.style === 'dark',
})}>
<div className="container">
Expand Down
4 changes: 2 additions & 2 deletions packages/docusaurus-theme-classic/src/theme/Heading/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
/* eslint-disable jsx-a11y/anchor-has-content, jsx-a11y/anchor-is-valid */

import React from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';

import './styles.css';
Expand All @@ -31,7 +31,7 @@ const Heading = (Tag) =>
<a
aria-hidden="true"
tabIndex="-1"
className={classnames('anchor', {
className={clsx('anchor', {
[styles.enhancedAnchor]: !hideOnScroll,
})}
id={id}
Expand Down
12 changes: 6 additions & 6 deletions packages/docusaurus-theme-classic/src/theme/Navbar/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
*/

import React, {useCallback, useState} from 'react';
import classnames from 'classnames';
import clsx from 'clsx';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import useBaseUrl from '@docusaurus/useBaseUrl';
Expand Down Expand Up @@ -71,7 +71,7 @@ function NavItem({
...props
}) {
const navLinkClassNames = (extraClassName, isDropdownItem = false) =>
classnames(
clsx(
{
'navbar__item navbar__link': !isDropdownItem,
dropdown__link: isDropdownItem,
Expand All @@ -85,7 +85,7 @@ function NavItem({

return (
<div
className={classnames('navbar__item', 'dropdown', 'dropdown--hoverable', {
className={clsx('navbar__item', 'dropdown', 'dropdown--hoverable', {
'dropdown--left': position === 'left',
'dropdown--right': position === 'right',
})}>
Expand Down Expand Up @@ -118,7 +118,7 @@ function NavItem({
function MobileNavItem({items, position, className, ...props}) {
// Need to destructure position from props so that it doesn't get passed on.
const navLinkClassNames = (extraClassName, isSubList = false) =>
classnames(
clsx(
'menu__link',
{
'menu__link--sublist': isSubList,
Expand Down Expand Up @@ -206,7 +206,7 @@ function Navbar() {
return (
<nav
ref={navbarRef}
className={classnames('navbar', 'navbar--light', 'navbar--fixed-top', {
className={clsx('navbar', 'navbar--light', 'navbar--fixed-top', {
'navbar-sidebar--show': sidebarShown,
[styles.navbarHideable]: hideOnScroll,
[styles.navbarHidden]: !isNavbarVisible,
Expand Down Expand Up @@ -250,7 +250,7 @@ function Navbar() {
)}
{title != null && (
<strong
className={classnames('navbar__title', {
className={clsx('navbar__title', {
[styles.hideLogoText]: isSearchBarExpanded,
})}>
{title}
Expand Down
6 changes: 3 additions & 3 deletions packages/docusaurus-theme-classic/src/theme/Tabs/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
import React, {useState, Children} from 'react';
import useUserPreferencesContext from '@theme/hooks/useUserPreferencesContext';

import classnames from 'classnames';
import clsx from 'clsx';

import styles from './styles.module.css';

Expand Down Expand Up @@ -80,15 +80,15 @@ function Tabs(props) {
<ul
role="tablist"
aria-orientation="horizontal"
className={classnames('tabs', {
className={clsx('tabs', {
'tabs--block': block,
})}>
{values.map(({value, label}) => (
<li
role="tab"
tabIndex="0"
aria-selected={selectedValue === value}
className={classnames('tabs__item', styles.tabItem, {
className={clsx('tabs__item', styles.tabItem, {
'tabs__item--active': selectedValue === value,
})}
key={value}
Expand Down
6 changes: 3 additions & 3 deletions packages/docusaurus-theme-classic/src/theme/Toggle/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@ import Toggle from 'react-toggle';

import useDocusaurusContext from '@docusaurus/useDocusaurusContext';

import classnames from 'classnames';
import clsx from 'clsx';
import styles from './styles.module.css';

const Moon = () => <span className={classnames(styles.toggle, styles.moon)} />;
const Sun = () => <span className={classnames(styles.toggle, styles.sun)} />;
const Moon = () => <span className={clsx(styles.toggle, styles.moon)} />;
const Sun = () => <span className={clsx(styles.toggle, styles.sun)} />;

export default function (props) {
const {isClient} = useDocusaurusContext();
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@

import * as React from 'react';
import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live';
import classnames from 'classnames';
import clsx from 'clsx';

import styles from './styles.module.css';

Expand All @@ -19,15 +19,15 @@ function Playground({children, theme, transformCode, ...props}) {
theme={theme}
{...props}>
<div
className={classnames(
className={clsx(
styles.playgroundHeader,
styles.playgroundEditorHeader,
)}>
Live Editor
</div>
<LiveEditor className={styles.playgroundEditor} />
<div
className={classnames(
className={clsx(
styles.playgroundHeader,
styles.playgroundPreviewHeader,
)}>
Expand Down
2 changes: 1 addition & 1 deletion packages/docusaurus-theme-search-algolia/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"dependencies": {
"algoliasearch": "^3.24.5",
"algoliasearch-helper": "^3.1.1",
"classnames": "^2.2.6",
"clsx": "^1.1.1",
"docsearch.js": "^2.6.3",
"eta": "^1.1.1"
},
Expand Down
Loading

0 comments on commit dd23461

Please sign in to comment.