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/node_modules/strapi-admin/admin/src/components/Users/SelectRoles/   drwxr-xr-x
Free 12.99 GB of 57.97 GB (22.41%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

import React from 'react';
import PropTypes from 'prop-types';
import Select from 'react-select';
import { Padded } from '@buffetjs/core';
import { useGlobalContext } from 'strapi-helper-plugin';
import { useRolesList } from '../../../hooks';
import styles from './utils/styles';
import ClearIndicator from './ClearIndicator';
import DropdownIndicator from './DropdownIndicator';
import ErrorMessage from './ErrorMessage';
import IndicatorSeparator from './IndicatorSeparator';
import MultiValueContainer from './MultiValueContainer';

const SelectRoles = ({ error, isDisabled, name, onChange, value }) => {
  const { formatMessage } = useGlobalContext();
  const translatedError = error && error.id ? formatMessage(error) : null;
  const { roles: data, isLoading } = useRolesList();

  return (
    <>
      <Select
        name={name}
        components={{
          ClearIndicator,
          DropdownIndicator,
          IndicatorSeparator,
          MultiValueContainer,
        }}
        error={error}
        getOptionLabel={option => option.name}
        getOptionValue={option => option.id}
        onChange={data => {
          onChange({ target: { name, value: data } });
        }}
        isClearable
        isDisabled={isDisabled}
        isLoading={isLoading}
        isMulti
        options={isLoading ? [] : data}
        styles={styles}
        value={value}
      />
      {error && value.length === 0 ? (
        <ErrorMessage>{translatedError}</ErrorMessage>
      ) : (
        <Padded top size="11px" />
      )}
    </>
  );
};

SelectRoles.defaultProps = {
  error: null,
  isDisabled: false,
  value: [],
};

SelectRoles.propTypes = {
  error: PropTypes.shape({
    id: PropTypes.string,
  }),
  isDisabled: PropTypes.bool,
  name: PropTypes.string.isRequired,
  onChange: PropTypes.func.isRequired,
  value: PropTypes.array,
};

export default SelectRoles;