yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-16 17:53:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use picker from buffet in ML

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/strapi-plugin-upload/admin/src/components/FiltersPicker/index.js
View File

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

7
packages/strapi-plugin-upload/admin/src/components/Picker/Wrapper.js
View File

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

40
packages/strapi-plugin-upload/admin/src/components/Picker/index.js
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;

2
packages/strapi-plugin-upload/admin/src/components/SortPicker/index.js
View File

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