Файловый менеджер - Редактировать - /home/freeclou/app.optimyar.com/backend/node_modules/react-select/src/components/Group.js
Назад
// @flow /** @jsx jsx */ import { type Node, type ComponentType } from 'react'; import { jsx } from '@emotion/react'; import { cleanCommonProps } from '../utils'; import type { CommonProps } from '../types'; type ComponentProps = { /** The children to be rendered. */ children: Node, /** Component to wrap the label, receives headingProps. */ Heading: ComponentType<any>, /** Props to pass to Heading. */ headingProps: any, /** Props to be passed to the group element. */ innerProps: {}, /** Label to be displayed in the heading component. */ label: Node, /* The data of the group. */ data: any, }; export type GroupProps = CommonProps & ComponentProps; export const groupCSS = ({ theme: { spacing } }: GroupProps) => ({ paddingBottom: spacing.baseUnit * 2, paddingTop: spacing.baseUnit * 2, }); const Group = (props: GroupProps) => { const { children, className, cx, getStyles, Heading, headingProps, innerProps, label, theme, selectProps, } = props; return ( <div css={getStyles('group', props)} className={cx({ group: true }, className)} {...innerProps} > <Heading {...headingProps} selectProps={selectProps} theme={theme} getStyles={getStyles} cx={cx} > {label} </Heading> <div>{children}</div> </div> ); }; export const groupHeadingCSS = ({ theme: { spacing } }: GroupProps) => ({ label: 'group', color: '#999', cursor: 'default', display: 'block', fontSize: '75%', fontWeight: '500', marginBottom: '0.25em', paddingLeft: spacing.baseUnit * 3, paddingRight: spacing.baseUnit * 3, textTransform: 'uppercase', }); export const GroupHeading = (props: any) => { const { getStyles, cx, className } = props; const { data, ...innerProps } = cleanCommonProps(props); return ( <div css={getStyles('groupHeading', props)} className={cx({ 'group-heading': true }, className)} {...innerProps} /> ); }; export default Group;
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка