diff --git a/packages/strapi-plugin-i18n/admin/src/components/DropdownIndicator/index.js b/packages/strapi-helper-plugin/lib/src/components/Select/DropdownIndicator.js similarity index 100% rename from packages/strapi-plugin-i18n/admin/src/components/DropdownIndicator/index.js rename to packages/strapi-helper-plugin/lib/src/components/Select/DropdownIndicator.js diff --git a/packages/strapi-helper-plugin/lib/src/components/Select/index.js b/packages/strapi-helper-plugin/lib/src/components/Select/index.js index 2fee9184c8..d1594530a4 100644 --- a/packages/strapi-helper-plugin/lib/src/components/Select/index.js +++ b/packages/strapi-helper-plugin/lib/src/components/Select/index.js @@ -3,17 +3,18 @@ import ReactSelect, { components } from 'react-select'; import PropTypes from 'prop-types'; import Carret from '../Carret'; import { useTheme } from 'styled-components'; +import DropdownIndicator from './DropdownIndicator'; import getStyles from './styles'; -export const DropdownIndicator = props => { - const theme = useTheme(); +// export const DropdownIndicator = props => { +// const theme = useTheme(); - return ( - - - - ); -}; +// return ( +// +// +// +// ); +// }; export const Select = ({ children, onChange, selectedValue, ...props }) => { const theme = useTheme(); diff --git a/packages/strapi-helper-plugin/lib/src/index.js b/packages/strapi-helper-plugin/lib/src/index.js index dd44516667..7bdad8d27f 100644 --- a/packages/strapi-helper-plugin/lib/src/index.js +++ b/packages/strapi-helper-plugin/lib/src/index.js @@ -28,6 +28,8 @@ export { default as InputAddon } from './components/InputAddon'; export { default as EmptyState } from './components/EmptyState'; export * from './components/Tabs'; export * from './components/Select'; + +export { default as DropdownIndicator } from './components/Select/DropdownIndicator'; export * from './components/InjectionZone'; export { default as InputAddonWithErrors } from './components/InputAddonWithErrors'; diff --git a/packages/strapi-helper-plugin/package.json b/packages/strapi-helper-plugin/package.json index 5f4bb2d121..f3de8b7663 100644 --- a/packages/strapi-helper-plugin/package.json +++ b/packages/strapi-helper-plugin/package.json @@ -56,6 +56,11 @@ "@buffetjs/icons": "3.3.5-next.1", "@buffetjs/styles": "3.3.5-next.1", "@buffetjs/utils": "3.3.5-next.1", + "@fortawesome/fontawesome-free": "^5.15.2", + "@fortawesome/fontawesome-svg-core": "^1.2.35", + "@fortawesome/free-brands-svg-icons": "^5.15.2", + "@fortawesome/free-solid-svg-icons": "^5.15.3", + "@fortawesome/react-fontawesome": "^0.1.14", "bootstrap": "^4.6.0", "classnames": "^2.2.5", "immutable": "^3.8.2", diff --git a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/DropdownIndicator.js b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/DropdownIndicator.js deleted file mode 100644 index 628b29aa46..0000000000 --- a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/DropdownIndicator.js +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { Flex } from '@buffetjs/core'; -import styled from 'styled-components'; -import PropTypes from 'prop-types'; - -const Wrapper = styled(Flex)` - height: 100%; - width: 32px; - background: #fafafb; - > svg { - align-self: center; - font-size: 11px; - color: #b3b5b9; - } -`; - -const DropdownIndicator = ({ selectProps: { menuIsOpen } }) => { - const icon = menuIsOpen ? 'caret-up' : 'caret-down'; - - return ( - - - - ); -}; - -DropdownIndicator.propTypes = { - selectProps: PropTypes.shape({ - menuIsOpen: PropTypes.bool.isRequired, - }).isRequired, -}; - -Wrapper.defaultProps = { - flexDirection: 'column', - justifyContent: 'center', -}; - -export default DropdownIndicator; diff --git a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/index.js b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/index.js index d9cee36cf4..a7db810b81 100644 --- a/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/index.js +++ b/packages/strapi-plugin-content-manager/admin/src/components/SelectWrapper/index.js @@ -4,6 +4,7 @@ import { FormattedMessage, useIntl } from 'react-intl'; import { Link, useLocation } from 'react-router-dom'; import { findIndex, get, isArray, isEmpty, set } from 'lodash'; import { + DropdownIndicator, LabelIconWrapper, NotAllowedInput, request, @@ -16,7 +17,6 @@ import pluginId from '../../pluginId'; import SelectOne from '../SelectOne'; import SelectMany from '../SelectMany'; import ClearIndicator from './ClearIndicator'; -import DropdownIndicator from './DropdownIndicator'; import IndicatorSeparator from './IndicatorSeparator'; import Option from './Option'; import { A, BaselineAlignment } from './components'; diff --git a/packages/strapi-plugin-i18n/admin/src/components/CMEditViewCopyLocale/index.js b/packages/strapi-plugin-i18n/admin/src/components/CMEditViewCopyLocale/index.js index 26e410f89c..c15453342c 100644 --- a/packages/strapi-plugin-i18n/admin/src/components/CMEditViewCopyLocale/index.js +++ b/packages/strapi-plugin-i18n/admin/src/components/CMEditViewCopyLocale/index.js @@ -8,13 +8,13 @@ import { useTheme } from 'styled-components'; import { useIntl } from 'react-intl'; import { BaselineAlignment, + DropdownIndicator, ModalConfirm, selectStyles, useContentManagerEditViewDataManager, request, } from 'strapi-helper-plugin'; import { getTrad } from '../../utils'; -import DropdownIndicator from '../DropdownIndicator'; import { cleanData, generateOptions } from './utils'; const CMEditViewCopyLocale = ({ appLocales, currentLocale, localizations, readPermissions }) => { diff --git a/packages/strapi-plugin-i18n/admin/src/components/CMEditViewLocalePicker/index.js b/packages/strapi-plugin-i18n/admin/src/components/CMEditViewLocalePicker/index.js index 5ba4b6d3ed..9a70c98f73 100644 --- a/packages/strapi-plugin-i18n/admin/src/components/CMEditViewLocalePicker/index.js +++ b/packages/strapi-plugin-i18n/admin/src/components/CMEditViewLocalePicker/index.js @@ -5,13 +5,12 @@ import get from 'lodash/get'; import Select, { components } from 'react-select'; import { useIntl } from 'react-intl'; import { useTheme } from 'styled-components'; -import { BaselineAlignment, selectStyles } from 'strapi-helper-plugin'; +import { DropdownIndicator, BaselineAlignment, selectStyles } from 'strapi-helper-plugin'; import { useHistory } from 'react-router-dom'; import { stringify } from 'qs'; import { getTrad } from '../../utils'; import { addStatusColorToLocale, createLocalesOption } from './utils'; import CMEditViewCopyLocale from '../CMEditViewCopyLocale'; -import DropdownIndicator from '../DropdownIndicator'; import OptionComponent from './Option'; import Wrapper from './Wrapper';