diff --git a/wax-prosemirror-components/index.js b/wax-prosemirror-components/index.js index 9ce2e7e4d73e6a8f729278345767a63329c16716..32eaad8186e5e5f139b2f7af3109f7e8266e0b0b 100644 --- a/wax-prosemirror-components/index.js +++ b/wax-prosemirror-components/index.js @@ -22,5 +22,4 @@ export { default as ReactDropDownStyles } from './src/helpers/ReactDropDownStyle export { default as useDebounce } from './src/helpers/useDebounce'; export { default as useOnClickOutside } from './src/helpers/useOnClickOutside'; -export { default as CheckBox } from './src/ui/inputs/CheckBox'; export { default as DateParser } from './src/helpers/DateParser'; diff --git a/wax-prosemirror-components/src/ui/trackChanges/TrackChangesBox.js b/wax-prosemirror-components/src/ui/trackChanges/TrackChangesBox.js deleted file mode 100644 index 11d0912dec7b199a7837342f8c327c6ba5d0eb01..0000000000000000000000000000000000000000 --- a/wax-prosemirror-components/src/ui/trackChanges/TrackChangesBox.js +++ /dev/null @@ -1,138 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import styled, { css } from 'styled-components'; -import icons from '../../icons/icons'; - -const { check, times } = icons; - -const activeBorder = css` - border-color: gray; -`; - -const Wrapper = styled.div` - border: 2px solid transparent; - border-radius: 5px; - cursor: pointer; - ${props => props.active && activeBorder} - padding: 8px 16px; - transition: border 0.1s ease-in; - - &:hover { - ${activeBorder} - } -`; - -const HeadWrapper = styled.div` - display: flex; - margin-bottom: 8px; -`; - -const Info = styled.div` - display: flex; - flex-direction: column; - flex-grow: 1; -`; - -const Name = styled.div``; - -const Timestamp = styled.div` - color: gray; -`; - -const Tools = styled.div``; - -const ChangeWrapper = styled.div``; - -const Label = styled.span` - font-weight: bold; - margin-right: 4px; - text-transform: capitalize; - - &:after { - content: ':'; - } -`; - -const Text = styled.span``; - -const Icon = styled.div` - border-radius: 3px; - display: inline-block; - height: 16px; - padding: 4px; - transition: background 0.1s ease-in; - width: 16px; - - &:hover { - background: gray; - } -`; - -const IconButton = props => { - // eslint-disable-next-line react/prop-types - const { icon, onClick } = props; - - const handleClick = e => { - e.stopPropagation(); - onClick(); - }; - - return ( - <Icon onClick={handleClick} type="button"> - {icon} - </Icon> - ); -}; - -const TrackChangesBox = props => { - const { - active, - className, - displayName, - label, - onClick, - onClickAccept, - onClickReject, - text, - timestamp, - } = props; - - return ( - <Wrapper active={active} className={className} onClick={onClick}> - {active && ( - <HeadWrapper> - <Info> - <Name>{displayName}</Name> - <Timestamp>{timestamp}</Timestamp> - </Info> - - <Tools> - <IconButton icon={check} onClick={onClickAccept} /> - <IconButton icon={times} onClick={onClickReject} /> - </Tools> - </HeadWrapper> - )} - - <ChangeWrapper> - <Label>{label}</Label> - <Text>{text}</Text> - </ChangeWrapper> - </Wrapper> - ); -}; - -TrackChangesBox.propTypes = { - active: PropTypes.bool, - displayName: PropTypes.string.isRequired, - label: PropTypes.string.isRequired, - onClickAccept: PropTypes.func.isRequired, - onClickReject: PropTypes.func.isRequired, - text: PropTypes.string.isRequired, - timestamp: PropTypes.string.isRequired, -}; - -TrackChangesBox.defaultProps = { - active: false, -}; - -export default TrackChangesBox; diff --git a/wax-prosemirror-components/src/ui/inputs/CheckBox.js b/wax-prosemirror-services/src/FindAndReplaceService/components/CheckBox.js similarity index 100% rename from wax-prosemirror-components/src/ui/inputs/CheckBox.js rename to wax-prosemirror-services/src/FindAndReplaceService/components/CheckBox.js diff --git a/wax-prosemirror-services/src/FindAndReplaceService/components/ExpandedFindAndReplaceComponent.js b/wax-prosemirror-services/src/FindAndReplaceService/components/ExpandedFindAndReplaceComponent.js index 5f9541a257dbe7aa4d305b96871ad801aabdc23e..c17097f27d3070553f1de5a3e4f529324ec1794f 100644 --- a/wax-prosemirror-services/src/FindAndReplaceService/components/ExpandedFindAndReplaceComponent.js +++ b/wax-prosemirror-services/src/FindAndReplaceService/components/ExpandedFindAndReplaceComponent.js @@ -4,7 +4,8 @@ import { each, eachRight } from 'lodash'; import { WaxContext, DocumentHelpers } from 'wax-prosemirror-core'; import styled from 'styled-components'; import { grid, th } from '@pubsweet/ui-toolkit'; -import { Icon, CheckBox, useDebounce } from 'wax-prosemirror-components'; +import { Icon, useDebounce } from 'wax-prosemirror-components'; +import CheckBox from './CheckBox'; import helpers from './helpers'; const Wrapper = styled.div`