Файловый менеджер - Редактировать - /home/freeclou/app.optimyar.com/backend/node_modules/react-select/src/components/Control.js
Назад
// @flow /** @jsx jsx */ import { type Node, type ElementRef } from 'react'; import { jsx } from '@emotion/react'; import type { CommonProps, PropsWithStyles } from '../types'; type State = { /** Whether the select is disabled. */ isDisabled: boolean, /** Whether the select is focused. */ isFocused: boolean, /** Whether the select is expanded. */ menuIsOpen: boolean, }; export type ControlProps = CommonProps & PropsWithStyles & State & { /** Children to render. */ children: Node, innerRef: ElementRef<*>, /** The mouse down event and the innerRef to pass down to the controller element. */ innerProps: { onMouseDown: (SyntheticMouseEvent<HTMLElement>) => void, }, }; export const css = ({ isDisabled, isFocused, theme: { colors, borderRadius, spacing }, }: ControlProps) => ({ label: 'control', alignItems: 'center', backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0, borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20, borderRadius: borderRadius, borderStyle: 'solid', borderWidth: 1, boxShadow: isFocused ? `0 0 0 1px ${colors.primary}` : null, cursor: 'default', display: 'flex', flexWrap: 'wrap', justifyContent: 'space-between', minHeight: spacing.controlHeight, outline: '0 !important', position: 'relative', transition: 'all 100ms', '&:hover': { borderColor: isFocused ? colors.primary : colors.neutral30, }, }); const Control = (props: ControlProps) => { const { children, cx, getStyles, className, isDisabled, isFocused, innerRef, innerProps, menuIsOpen, } = props; return ( <div ref={innerRef} css={getStyles('control', props)} className={cx( { control: true, 'control--is-disabled': isDisabled, 'control--is-focused': isFocused, 'control--menu-is-open': menuIsOpen, }, className )} {...innerProps} > {children} </div> ); }; export default Control;
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка