Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/.cache/admin/src/components/Roles/ConditionsModal/ConditionsSelect/   drwxr-xr-x
Free 13.35 GB of 57.97 GB (23.03%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (1.89 KB)      -rw-r--r--

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import Select from 'react-select';
import { useIntl } from 'react-intl';
import MenuList from './MenuList';
import ClearIndicator from './ClearIndicator';
import DropdownIndicator from './CustomDropdownIndicator';
import IndicatorSeparator from './IndicatorSeparator';
import SingleValue from './SingleValue';
import selectStyle from '../utils/selectStyle';

const Wrapper = styled.div`
  padding-left: ${({ theme }) => theme.main.sizes.paddings.md};
  width: 60%;
  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'default')};
`;

const ConditionsSelect = ({
  arrayOfOptionsGroupedByCategory,
  isFormDisabled,
  name,
  onCategoryChange,
  onChange,
  value,
}) => {
  const { formatMessage } = useIntl();

  return (
    <Wrapper disabled={isFormDisabled}>
      <Select
        components={{
          ClearIndicator,
          DropdownIndicator,
          IndicatorSeparator,
          SingleValue,
          MenuList,
        }}
        arrayOfOptionsGroupedByCategory={arrayOfOptionsGroupedByCategory}
        isDisabled={isFormDisabled}
        name={name}
        onChange={onChange}
        isClearable={false}
        isLoading={false}
        closeMenuOnSelect={false}
        isSearchable={false}
        hideSelectedOptions={false}
        placeholder={formatMessage({ id: 'Settings.permissions.conditions.anytime' })}
        onCategoryChange={onCategoryChange}
        options={[]}
        styles={selectStyle}
        value={value}
      />
    </Wrapper>
  );
};

ConditionsSelect.propTypes = {
  arrayOfOptionsGroupedByCategory: PropTypes.array.isRequired,
  isFormDisabled: PropTypes.bool.isRequired,
  name: PropTypes.string.isRequired,
  onCategoryChange: PropTypes.func.isRequired,
  onChange: PropTypes.func.isRequired,
  value: PropTypes.object.isRequired,
};

export default ConditionsSelect;