}\n {!borderless &&
}\n {!minimizeMargins &&
}\n {!minimizeMargins && (\n
{error} \n )}\n
\n );\n }\n}\n\nexport default compose(\n ieCompatibleInputHOC,\n withTheme(),\n)(Input);\n\nexport {Size, Theme};\n","import memoize from './memoize';\n\nexport default memoize(declaration => {\n const [property, value] = declaration.split(': ');\n const camelCaseProperty = property.replace(/-(\\w)/g, (_, letter) => letter.toUpperCase());\n const div = document.createElement('div');\n if (div.style[camelCaseProperty] === undefined) {\n return false;\n }\n\n if (value) {\n div.style[camelCaseProperty] = value;\n return Boolean(div.style[camelCaseProperty]);\n }\n\n return true;\n});\n","/* global ConicGradient */\nimport 'conic-gradient';\n\nimport memoize from './memoize';\nimport supportsCss from './supports-css';\n\nconst conicGradient = memoize(({stops, size}) => (\n supportsCss('background-image: conic-gradient(white, black)')\n ? `conic-gradient(${stops})`\n : new ConicGradient({stops, size})\n));\n\nexport default stops => conicGradient(stops).toString();\n\nexport const conicGradientWithMask = (mask, stops, size) => {\n const gradient = conicGradient({stops, size});\n\n if (!mask.supports && gradient instanceof ConicGradient) {\n Object.defineProperty(gradient, 'svg', {\n value: gradient.svg.replace('
{\n const styleTag = document.createElement('style');\n styleTag.setAttribute('type', 'text/css');\n styleTag.textContent = styles;\n document.head.appendChild(styleTag);\n return styleTag;\n};\n\nexport const injectRuleSet = (selector, declarations) =>\n injectStyleSheet(`\n${selector} {\n ${Object.entries(declarations).map(([property, value]) => `${property}: ${value};`).join(`\n `)}\n}`);\n","import getUID from './get-uid';\nimport supportsCss from './supports-css';\n\nconst radialGradient = (length, stops) =>\n `radial-gradient(${length}, ${Object.entries(stops).map(entry => entry.join(' ')).join(', ')})`;\n\nexport default (length, stops) => {\n for (const prefix of ['', '-webkit-']) {\n const property = `${prefix}mask-image`;\n const declaration = `${property}: radial-gradient(black, white)`;\n if (supportsCss(declaration)) {\n return {\n supports: true,\n css: {\n [property]: radialGradient(length, stops)\n }\n };\n }\n }\n\n const gradientId = getUID('gradient');\n const maskId = getUID('mask');\n const svgDefs = `\n \n \n \n ${Object.entries(stops).map(([color, offset]) => `\n \n `).join('')}\n \n \n \n \n \n \n `;\n return {\n supports: false,\n css: {},\n maskId,\n svgDefs\n };\n};\n","import {conicGradientWithMask} from '../global/conic-gradient';\nimport {injectRuleSet} from '../global/inject-styles';\nimport memoize from '../global/memoize';\nimport radialGradientMask from '../global/radial-gradient-mask';\nimport Theme from '../global/theme';\n\nimport styles from './loader-inline.css';\n\nconst IMAGE_SIZE = 32;\n\nexport default memoize(() => {\n const mask = radialGradientMask(styles.unit, {\n /* eslint-disable no-magic-numbers */\n transparent: `${23 / 32 * 100}%`,\n white: `${25 / 32 * 100}%`\n /* eslint-enable */\n });\n\n injectRuleSet(\n `.${styles.loader}_${[Theme.LIGHT]}::after, .ring-loader-inline::after`,\n conicGradientWithMask(mask, '#ff00eb,#bd3bff,#008eff, #58ba00,#f48700,#ff00eb', IMAGE_SIZE)\n );\n\n injectRuleSet(\n `.${styles.loader}_${[Theme.DARK]}::after, .ring-loader-inline_dark::after`,\n conicGradientWithMask(mask, '#ff2eef,#d178ff,#289fff,#88d444,#ffe000,#ff2eef', IMAGE_SIZE)\n );\n});\n","import React, {PureComponent} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Theme, {withTheme} from '../global/theme';\nimport dataTests from '../global/data-tests';\n\nimport styles from './loader-inline.css';\nimport injectStyles from './inject-styles';\n\n/**\n * @name Loader Inline\n */\n\nclass LoaderInline extends PureComponent {\n static propTypes = {\n theme: PropTypes.oneOf(Object.values(Theme)),\n className: PropTypes.string,\n 'data-test': PropTypes.string,\n children: PropTypes.node\n };\n\n componentDidMount() {\n injectStyles();\n }\n\n static Theme = Theme;\n\n render() {\n const {className, theme, 'data-test': dataTest, children, ...restProps} = this.props;\n\n const classes = classNames(\n styles.loader,\n className,\n `${styles.loader}_${theme}`\n );\n\n const loader = (\n {children} \n \n ) : loader;\n }\n}\n\nexport default withTheme()(LoaderInline);\n","import React, {PureComponent} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport closeIcon from '@jetbrains/icons/close.svg';\n\nimport Icon from '../icon';\nimport Button from '../button/button';\n\nimport styles from './tag.css';\n\n/**\n * @name Tag\n */\n\nexport default class Tag extends PureComponent {\n static propTypes = {\n onRemove: PropTypes.func,\n onClick: PropTypes.func,\n rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n icon: PropTypes.string,\n avatar: PropTypes.string,\n rgTagTitle: PropTypes.string,\n readOnly: PropTypes.bool,\n disabled: PropTypes.bool,\n focused: PropTypes.bool,\n angled: PropTypes.bool,\n\n children: PropTypes.node,\n className: PropTypes.string\n };\n\n static defaultProps = {\n onRemove: () => {},\n onClick: () => {},\n readOnly: false,\n disabled: false,\n focused: false\n };\n\n state = {\n focused: false\n };\n\n componentDidUpdate(prevProps) {\n if (this.props.focused !== prevProps.focused) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({focused: this.props.focused});\n }\n if (this.state.focused) {\n this.tagNode.focus();\n }\n this.setDocumentClickListener(this.state.focused);\n }\n\n componentWillUnmount() {\n this.setDocumentClickListener(false);\n this.setState({focused: false});\n }\n\n onDocumentClick = event => {\n if (this.tagNode) {\n this.setState({focused: this.tagNode === event.target});\n }\n };\n\n tagRef = el => {\n this.tagNode = el;\n };\n\n setDocumentClickListener(setListener) {\n if (setListener) {\n document.addEventListener('click', this.onDocumentClick);\n } else {\n document.removeEventListener('click', this.onDocumentClick);\n }\n }\n\n renderCustomIcon() {\n if (this.props.rgTagIcon) {\n return (\n \n {this._renderImageElement(this.props.avatar)}\n \n );\n }\n return null;\n }\n\n renderRemoveIcon() {\n if (!this.props.readOnly) {\n return (\n \n \n {this.renderAvatar()}\n {this.renderCustomIcon()}\n {this.renderImage()}\n {this.props.children} \n \n {this.renderRemoveIcon()}\n \n );\n }\n}\n","import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Tag from '../tag/tag';\n\nfunction noop() {}\n\n/**\n * @name Tags List\n */\n\nexport default class TagsList extends Component {\n static propTypes = {\n children: PropTypes.node,\n tags: PropTypes.array,\n customTagComponent: (props, propName, componentName) => {\n if (props[propName] && !props[propName].prototype instanceof Component) {\n return new Error(`Invalid prop ${propName} supplied to ${componentName}. Validation failed.`);\n }\n return null;\n },\n activeIndex: PropTypes.number,\n canNotBeEmpty: PropTypes.bool,\n disabled: PropTypes.bool,\n handleClick: PropTypes.func,\n handleRemove: PropTypes.func,\n className: PropTypes.string,\n tagClassName: PropTypes.string\n };\n\n static defaultProps = {\n customTagComponent: null,\n canNotBeEmpty: false,\n disabled: false,\n handleClick: noop,\n handleRemove: noop\n };\n\n renderTag(tag, focusTag) {\n const TagComponent = this.props.customTagComponent || Tag;\n const readOnly = this.props.disabled || tag.readOnly ||\n (this.props.canNotBeEmpty && this.props.tags.length === 1);\n\n const {tagClassName} = this.props;\n\n return (\n {tag.label}\n );\n }\n\n render() {\n const {\n children,\n className,\n customTagComponent,\n canNotBeEmpty,\n handleClick,\n tagClassName,\n handleRemove,\n tags,\n activeIndex,\n ...props\n } = this.props;\n const classes = classNames(\n 'ring-js-shortcuts',\n className\n );\n\n const tagsList = (this.props.tags || []).map(\n (tag, index) => this.renderTag(tag, this.props.activeIndex === index)\n );\n\n return (\n \n {tagsList}\n {children}\n