Use picker from buffet in ML

Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2020-12-09 16:39:37 +01:00
parent 7cdb688cd7
commit bff450688b
4 changed files with 2 additions and 50 deletions

View File

@ -2,10 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { FilterIcon } from 'strapi-helper-plugin';
import { Picker } from '@buffetjs/core';
import FiltersCard from './FiltersCard';
import Wrapper from './Wrapper';
import Picker from '../Picker';
import formatFilter from './utils/formatFilter';

View File

@ -1,7 +0,0 @@
import styled from 'styled-components';
const Wrapper = styled.div`
position: relative;
`;
export default Wrapper;

View File

@ -1,40 +0,0 @@
import React, { useState, useRef } from 'react';
import PropTypes from 'prop-types';
import { useClickAwayListener } from '@buffetjs/hooks';
import DropdownButton from '../DropdownButton';
import DropdownSection from '../DropdownSection';
import Wrapper from './Wrapper';
const Picker = ({ renderButtonContent, renderSectionContent }) => {
const [isOpen, setIsOpen] = useState(false);
const dropdownRef = useRef();
useClickAwayListener(dropdownRef, () => setIsOpen(false));
const handleToggle = () => {
setIsOpen(v => !v);
};
return (
<Wrapper ref={dropdownRef}>
<DropdownButton onClick={handleToggle} isActive={isOpen}>
{renderButtonContent(isOpen)}
</DropdownButton>
<DropdownSection isOpen={isOpen}>{renderSectionContent(handleToggle)}</DropdownSection>
</Wrapper>
);
};
Picker.defaultProps = {
renderButtonContent: () => {},
renderSectionContent: () => {},
};
Picker.propTypes = {
renderButtonContent: PropTypes.func,
renderSectionContent: PropTypes.func,
};
export default Picker;

View File

@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { useGlobalContext } from 'strapi-helper-plugin';
import { Carret } from '@buffetjs/icons';
import { Picker } from '@buffetjs/core';
import { getTrad, getFileModelTimestamps } from '../../utils';
import SortList from '../SortList';
import Picker from '../Picker';
const SortPicker = ({ onChange, value }) => {
const { plugins } = useGlobalContext();