npm - @skbkontur/react-ui - Versions diffs - 5.6.8 → 5.6.9-5e213.0 - Mend

@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2367) hide show

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","isColor","LIGHT_THEME","lightVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","_React$Component","props","_this","call","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","_inheritsLoose","_proto","prototype","render","_this2","createElement","href","target","descriptionsToRender","value","callsCount","executionTime","toFixed","Consumer","theme","wrap","gap","verticalAlign","side","className","searchBar","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","_cx3","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this6","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this6$props","_proto5","trigger","pos","_cx4","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { LIGHT_THEME as lightVariables } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n ALL_USED_VARIABLES,\n CALLS_COUNT,\n COMPONENT_DESCRIPTIONS,\n COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(lightVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n public state: ShowcaseState = {};\n\n private isUnmounting = false;\n private variablesDiff: string[] = [];\n\n constructor(props: ShowcaseProps) {\n super(props);\n if (props.isDebugMode) {\n ALL_VARIABLES.forEach((variable) => {\n const found = ALL_USED_VARIABLES.includes(variable);\n if (!found) {\n this.variablesDiff.push(variable);\n }\n });\n }\n }\n\n public render() {\n if (!IS_PROXY_SUPPORTED) {\n return (\n <div>\n Таблица использования переменных доступна только в{' '}\n <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n браузерах с поддержкой Proxy\n </Link>\n .\n </div>\n );\n }\n\n const selectedVariable = this.state.selectedVariable;\n const descriptionsToRender = selectedVariable\n ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] \|\| {}\n : COMPONENT_DESCRIPTIONS;\n\n const isDebugMode = this.props.isDebugMode;\n const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <Gapped wrap gap={30} verticalAlign={'top'}>\n <div>\n <Sticky side={'top'}>\n <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n <Gapped gap={15}>\n <ComboBox\n getItems={this.getItems}\n value={selectedVariable}\n onValueChange={this.handleVariableChange}\n onUnexpectedInput={this.handleUnexpectedVariableInput}\n placeholder={'поиск по названию переменной'}\n />\n {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n </Gapped>\n </div>\n </Sticky>\n {Object.keys(descriptionsToRender)\n .sort()\n .map((componentName) => (\n <ComponentShowcase\n key={componentName}\n name={componentName}\n description={descriptionsToRender[componentName]}\n isDebugMode={isDebugMode}\n onVariableSelect={this.handleVariableChange}\n />\n ))}\n </div>\n <ShowUnusedVariables diff={this.variablesDiff} />\n </Gapped>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n public componentWillUnmount(): void {\n this.isUnmounting = true;\n }\n\n private getValues(query: string) {\n const lowerCaseQuery = query && query.toLowerCase().trim();\n let allItems = ALL_USED_VARIABLES;\n if (lowerCaseQuery) {\n allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n }\n return allItems.map((usedVariableName) => ({\n value: usedVariableName,\n label: usedVariableName,\n }));\n }\n private getItems = (query: string) => {\n return Promise.resolve(this.getValues(query));\n };\n private handleVariableChange = (item: ComboBoxItem) => {\n if (!this.isUnmounting) {\n this.setState({ selectedVariable: item });\n }\n };\n private handleUnexpectedVariableInput = (query: string) => {\n const values = this.getValues(query);\n if (values.length > 0) {\n return values[0];\n }\n\n return this.resetVariable();\n };\n private resetVariable = () => {\n if (!this.isUnmounting) {\n this.setState({ selectedVariable: undefined });\n }\n };\n}\n\ninterface ComponentShowcaseProps {\n name: string;\n description: ComponentDescriptionType;\n isDebugMode?: boolean;\n onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n public render() {\n const { name, description, onVariableSelect, isDebugMode } = this.props;\n const elements = Object.keys(description);\n\n return elements.length ? (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <React.Fragment>\n <Sticky side={'top'} offset={40}>\n {(isSticky) => (\n <h2\n className={cx({\n [styles.heading(theme)]: true,\n [styles.headingSticky()]: isSticky,\n })}\n >\n {this.props.name}\n </h2>\n )}\n </Sticky>\n <table className={styles.table()}>\n <thead>\n <tr>\n <th className={styles.headerCell()} style={{ width: 170 }}>\n ClassName\n </th>\n <th className={styles.headerCell()} style={{ width: 210 }}>\n Variable Name\n </th>\n <th className={styles.headerCell()} style={{ width: 250 }}>\n Default Value\n </th>\n <th className={styles.headerCell()} style={{ width: 250 }}>\n Dark Value\n </th>\n </tr>\n </thead>\n <tbody>\n {elements.map((el) => (\n <ComponentShowcaseRow\n key={`${name}_${el}`}\n element={el}\n row={description[el]}\n onVariableSelect={onVariableSelect}\n isDebugMode={isDebugMode}\n />\n ))}\n </tbody>\n </table>\n </React.Fragment>\n );\n }}\n </ThemeContext.Consumer>\n ) : null;\n }\n}\n\ninterface ComponentShowcaseRowProps {\n element: string;\n row: ComponentRowDescriptionType;\n isDebugMode?: boolean;\n onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n public render() {\n const { element: el, row, isDebugMode } = this.props;\n const rowSpan = row.variables.length + 1;\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <React.Fragment>\n <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n <span className={styles.elementName()}>.{el}</span>\n </td>\n <td className={styles.invisibleCell()} />\n <td className={styles.invisibleCell()} />\n <td className={styles.invisibleCell()} />\n </tr>\n {row.variables.map((varName) => {\n const dependencies = row.dependencies[varName] \|\| EMPTY_ARRAY;\n const variableDefault = lightVariables[varName] as string;\n const variableDark = darkVariables[varName] as string;\n const hasNoVariables = isDebugMode && !variableDefault;\n return (\n <tr\n key={`${el}_${varName}`}\n className={cx(styles.row(), {\n [styles.suspiciousRow()]: hasNoVariables,\n [styles.darkRow()]: theme === darkVariables,\n })}\n >\n <td className={styles.cell()}>\n <VariableName\n variableName={varName as string}\n dependencies={dependencies}\n onVariableSelect={this.props.onVariableSelect}\n />\n </td>\n <td className={styles.cell()}>\n <VariableValue value={variableDefault} />\n </td>\n <td className={styles.cell()}>\n <VariableValue value={variableDark} />\n </td>\n </tr>\n );\n })}\n </React.Fragment>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n}\n\ninterface VariableNameProps {\n variableName: string;\n dependencies: Array<keyof Theme>;\n onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n public render() {\n return (\n <span>\n <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n {this.props.variableName}\n </span>\n {this.props.dependencies.length > 0 && this.renderDependencies()}\n </span>\n );\n }\n\n private renderDependencies() {\n const { dependencies, onVariableSelect } = this.props;\n return (\n <React.Fragment>\n <br />\n <br />\n зависит от:\n {dependencies.map((dependency) => (\n <DependencyName\n key={`dependency_${dependency}`}\n dependencyName={dependency}\n onDependencySelect={onVariableSelect}\n />\n ))}\n </React.Fragment>\n );\n }\n\n private handleVariableSelect = () => {\n const { variableName, onVariableSelect } = this.props;\n if (onVariableSelect) {\n onVariableSelect({ value: variableName, label: variableName });\n }\n };\n}\n\ninterface DependencyNameProps {\n dependencyName: keyof Theme;\n onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n public render() {\n return (\n <React.Fragment>\n <br />\n –{' '}\n <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n {this.props.dependencyName}\n </span>\n </Tooltip>\n </React.Fragment>\n );\n }\n\n private getValues = () => {\n const dependencyName = this.props.dependencyName;\n const dependencyDefault = lightVariables[dependencyName] as string;\n const dependencyDark = darkVariables[dependencyName] as string;\n return (\n <React.Fragment>\n <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n </React.Fragment>\n );\n };\n\n private handleDependencySelect = () => {\n const { dependencyName, onDependencySelect } = this.props;\n if (onDependencySelect) {\n onDependencySelect({ value: dependencyName, label: dependencyName });\n }\n };\n}\n\nconst VariableValue = (props: { value: string }) => {\n const value = props.value;\n const valueIsColor = isColor(value);\n const valueIsGradient = isGradient(value);\n const hasExample = valueIsColor \|\| valueIsGradient;\n let borderColor = 'transparent';\n if (hasExample) {\n borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n }\n\n return (\n <span className={cx({ [styles.undefined()]: !value })}>\n {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n {value \|\| 'undefined'}\n </span>\n );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n if (props.diff.length === 0) {\n return null;\n }\n\n return (\n <div className={styles.unusedVariablesWarning()}>\n Неиспользованные переменные ({props.diff.length}\n ):\n <ul>\n {props.diff.sort().map((v) => (\n <li key={v}>{v}</li>\n ))}\n </ul>\n </div>\n );\n};\n\nfunction isGradient(input: string) {\n return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","isColor","LIGHT_THEME","lightVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","_React$Component","props","_this","_classCallCheck","_callSuper","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","_inherits","_createClass","key","value","render","_this2","createElement","href","target","descriptionsToRender","callsCount","concat","executionTime","toFixed","Consumer","theme","wrap","gap","verticalAlign","side","className","searchBar","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","_React$Component2","arguments","_this3","_this$props","elements","Fragment","offset","isSticky","_defineProperty","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_this4","_this$props2","rowSpan","variables","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","handleVariableSelect","_this5$props","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this6","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this6$props","trigger","pos","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { LIGHT_THEME as lightVariables } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n ALL_USED_VARIABLES,\n CALLS_COUNT,\n COMPONENT_DESCRIPTIONS,\n COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(lightVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n public state: ShowcaseState = {};\n\n private isUnmounting = false;\n private variablesDiff: string[] = [];\n\n constructor(props: ShowcaseProps) {\n super(props);\n if (props.isDebugMode) {\n ALL_VARIABLES.forEach((variable) => {\n const found = ALL_USED_VARIABLES.includes(variable);\n if (!found) {\n this.variablesDiff.push(variable);\n }\n });\n }\n }\n\n public render() {\n if (!IS_PROXY_SUPPORTED) {\n return (\n <div>\n Таблица использования переменных доступна только в{' '}\n <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n браузерах с поддержкой Proxy\n </Link>\n .\n </div>\n );\n }\n\n const selectedVariable = this.state.selectedVariable;\n const descriptionsToRender = selectedVariable\n ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] \|\| {}\n : COMPONENT_DESCRIPTIONS;\n\n const isDebugMode = this.props.isDebugMode;\n const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <Gapped wrap gap={30} verticalAlign={'top'}>\n <div>\n <Sticky side={'top'}>\n <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n <Gapped gap={15}>\n <ComboBox\n getItems={this.getItems}\n value={selectedVariable}\n onValueChange={this.handleVariableChange}\n onUnexpectedInput={this.handleUnexpectedVariableInput}\n placeholder={'поиск по названию переменной'}\n />\n {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n </Gapped>\n </div>\n </Sticky>\n {Object.keys(descriptionsToRender)\n .sort()\n .map((componentName) => (\n <ComponentShowcase\n key={componentName}\n name={componentName}\n description={descriptionsToRender[componentName]}\n isDebugMode={isDebugMode}\n onVariableSelect={this.handleVariableChange}\n />\n ))}\n </div>\n <ShowUnusedVariables diff={this.variablesDiff} />\n </Gapped>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n public componentWillUnmount(): void {\n this.isUnmounting = true;\n }\n\n private getValues(query: string) {\n const lowerCaseQuery = query && query.toLowerCase().trim();\n let allItems = ALL_USED_VARIABLES;\n if (lowerCaseQuery) {\n allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n }\n return allItems.map((usedVariableName) => ({\n value: usedVariableName,\n label: usedVariableName,\n }));\n }\n private getItems = (query: string) => {\n return Promise.resolve(this.getValues(query));\n };\n private handleVariableChange = (item: ComboBoxItem) => {\n if (!this.isUnmounting) {\n this.setState({ selectedVariable: item });\n }\n };\n private handleUnexpectedVariableInput = (query: string) => {\n const values = this.getValues(query);\n if (values.length > 0) {\n return values[0];\n }\n\n return this.resetVariable();\n };\n private resetVariable = () => {\n if (!this.isUnmounting) {\n this.setState({ selectedVariable: undefined });\n }\n };\n}\n\ninterface ComponentShowcaseProps {\n name: string;\n description: ComponentDescriptionType;\n isDebugMode?: boolean;\n onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n public render() {\n const { name, description, onVariableSelect, isDebugMode } = this.props;\n const elements = Object.keys(description);\n\n return elements.length ? (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <React.Fragment>\n <Sticky side={'top'} offset={40}>\n {(isSticky) => (\n <h2\n className={cx({\n [styles.heading(theme)]: true,\n [styles.headingSticky()]: isSticky,\n })}\n >\n {this.props.name}\n </h2>\n )}\n </Sticky>\n <table className={styles.table()}>\n <thead>\n <tr>\n <th className={styles.headerCell()} style={{ width: 170 }}>\n ClassName\n </th>\n <th className={styles.headerCell()} style={{ width: 210 }}>\n Variable Name\n </th>\n <th className={styles.headerCell()} style={{ width: 250 }}>\n Default Value\n </th>\n <th className={styles.headerCell()} style={{ width: 250 }}>\n Dark Value\n </th>\n </tr>\n </thead>\n <tbody>\n {elements.map((el) => (\n <ComponentShowcaseRow\n key={`${name}_${el}`}\n element={el}\n row={description[el]}\n onVariableSelect={onVariableSelect}\n isDebugMode={isDebugMode}\n />\n ))}\n </tbody>\n </table>\n </React.Fragment>\n );\n }}\n </ThemeContext.Consumer>\n ) : null;\n }\n}\n\ninterface ComponentShowcaseRowProps {\n element: string;\n row: ComponentRowDescriptionType;\n isDebugMode?: boolean;\n onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n public render() {\n const { element: el, row, isDebugMode } = this.props;\n const rowSpan = row.variables.length + 1;\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <React.Fragment>\n <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n <span className={styles.elementName()}>.{el}</span>\n </td>\n <td className={styles.invisibleCell()} />\n <td className={styles.invisibleCell()} />\n <td className={styles.invisibleCell()} />\n </tr>\n {row.variables.map((varName) => {\n const dependencies = row.dependencies[varName] \|\| EMPTY_ARRAY;\n const variableDefault = lightVariables[varName] as string;\n const variableDark = darkVariables[varName] as string;\n const hasNoVariables = isDebugMode && !variableDefault;\n return (\n <tr\n key={`${el}_${varName}`}\n className={cx(styles.row(), {\n [styles.suspiciousRow()]: hasNoVariables,\n [styles.darkRow()]: theme === darkVariables,\n })}\n >\n <td className={styles.cell()}>\n <VariableName\n variableName={varName as string}\n dependencies={dependencies}\n onVariableSelect={this.props.onVariableSelect}\n />\n </td>\n <td className={styles.cell()}>\n <VariableValue value={variableDefault} />\n </td>\n <td className={styles.cell()}>\n <VariableValue value={variableDark} />\n </td>\n </tr>\n );\n })}\n </React.Fragment>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n}\n\ninterface VariableNameProps {\n variableName: string;\n dependencies: Array<keyof Theme>;\n onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n public render() {\n return (\n <span>\n <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n {this.props.variableName}\n </span>\n {this.props.dependencies.length > 0 && this.renderDependencies()}\n </span>\n );\n }\n\n private renderDependencies() {\n const { dependencies, onVariableSelect } = this.props;\n return (\n <React.Fragment>\n <br />\n <br />\n зависит от:\n {dependencies.map((dependency) => (\n <DependencyName\n key={`dependency_${dependency}`}\n dependencyName={dependency}\n onDependencySelect={onVariableSelect}\n />\n ))}\n </React.Fragment>\n );\n }\n\n private handleVariableSelect = () => {\n const { variableName, onVariableSelect } = this.props;\n if (onVariableSelect) {\n onVariableSelect({ value: variableName, label: variableName });\n }\n };\n}\n\ninterface DependencyNameProps {\n dependencyName: keyof Theme;\n onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n public render() {\n return (\n <React.Fragment>\n <br />\n –{' '}\n <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n {this.props.dependencyName}\n </span>\n </Tooltip>\n </React.Fragment>\n );\n }\n\n private getValues = () => {\n const dependencyName = this.props.dependencyName;\n const dependencyDefault = lightVariables[dependencyName] as string;\n const dependencyDark = darkVariables[dependencyName] as string;\n return (\n <React.Fragment>\n <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n </React.Fragment>\n );\n };\n\n private handleDependencySelect = () => {\n const { dependencyName, onDependencySelect } = this.props;\n if (onDependencySelect) {\n onDependencySelect({ value: dependencyName, label: dependencyName });\n }\n };\n}\n\nconst VariableValue = (props: { value: string }) => {\n const value = props.value;\n const valueIsColor = isColor(value);\n const valueIsGradient = isGradient(value);\n const hasExample = valueIsColor \|\| valueIsGradient;\n let borderColor = 'transparent';\n if (hasExample) {\n borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n }\n\n return (\n <span className={cx({ [styles.undefined()]: !value })}>\n {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n {value \|\| 'undefined'}\n </span>\n );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n if (props.diff.length === 0) {\n return null;\n }\n\n return (\n <div className={styles.unusedVariablesWarning()}>\n Неиспользованные переменные ({props.diff.length}\n ):\n <ul>\n {props.diff.sort().map((v) => (\n <li key={v}>{v}</li>\n ))}\n </ul>\n </div>\n );\n};\n\nfunction isGradient(input: string) {\n return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js CHANGED Viewed

@@ -1,78 +1,78 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   searchBar: function searchBar(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ", ";\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    "])), t.bgDefault);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ", ";\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    "])), t.bgDefault);
   },
   heading: function heading(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ", ";\n    "])), t.bgDefault);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ", ";\n    "])), t.bgDefault);
   },
   headingSticky: function headingSticky() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      border-bottom: 1px solid #e8e8e8;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      border-bottom: 1px solid #e8e8e8;\n    "])));
   },
   table: function table() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 880px;\n      border-collapse: collapse;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      width: 880px;\n      border-collapse: collapse;\n    "])));
   },
   headerCell: function headerCell() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n      padding-left: 5px;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      text-align: left;\n      padding-left: 5px;\n    "])));
   },
   row: function row() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    "])));
   },
   darkRow: function darkRow() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
   },
   cell: function cell() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    "])));
   },
   invisibleRow: function invisibleRow() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    "])));
   },
   invisibleDarkRow: function invisibleDarkRow() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
   },
   suspiciousRow: function suspiciousRow() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background-color: red;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      background-color: red;\n    "])));
   },
   //noinspection CssReplaceWithShorthandSafely
   majorCell: function majorCell() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      border-top: 1px solid #e8e8e8;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      border-top: 1px solid #e8e8e8;\n    "])));
   },
   invisibleCell: function invisibleCell() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    "])));
   },
   suspiciousCell: function suspiciousCell() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: #fff0bc;\n    "])));
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      background-color: #fff0bc;\n    "])));
   },
   elementName: function elementName() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: #7f9a44;\n      font-weight: 400;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      color: #7f9a44;\n      font-weight: 400;\n    "])));
   },
   relativeCss: function relativeCss() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      white-space: pre;\n      color: #333;\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      white-space: pre;\n      color: #333;\n    "])));
   },
   variableName: function variableName() {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    "])));
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    "])));
   },
   colorExample: function colorExample() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    "])));
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    "])));
   },
   undefined: function undefined() {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      text-decoration: line-through;\n    "])));
   },
   unusedVariablesWarning: function unusedVariablesWarning() {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    "])));
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    "])));
   },
   cssClassObject: function cssClassObject() {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: #d28445;\n    "])));
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      color: #d28445;\n    "])));
   },
   cssClassName: function cssClassName() {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      color: #7f9a44;\n    "])));
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      color: #7f9a44;\n    "])));
   },
   cssThemeObject: function cssThemeObject() {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: #ac4142;\n    "])));
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      color: #ac4142;\n    "])));
   },
   cssThemeProp: function cssThemeProp() {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      color: #b77daa;\n    "])));
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      color: #b77daa;\n    "])));
   }
 });

package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","searchBar","t","_templateObject","~~_taggedTemplateLiteralLoose~~","bgDefault","heading","_templateObject2","headingSticky","_templateObject3","table","_templateObject4","headerCell","_templateObject5","row","_templateObject6","darkRow","_templateObject7","cell","_templateObject8","invisibleRow","_templateObject9","invisibleDarkRow","_templateObject10","suspiciousRow","_templateObject11","majorCell","_templateObject12","invisibleCell","_templateObject13","suspiciousCell","_templateObject14","elementName","_templateObject15","relativeCss","_templateObject16","variableName","_templateObject17","colorExample","_templateObject18","undefined","_templateObject19","unusedVariablesWarning","_templateObject20","cssClassObject","_templateObject21","cssClassName","_templateObject22","cssThemeObject","_templateObject23","cssThemeProp","_templateObject24"],"sources":["ThemeShowcase.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n searchBar(t: Theme) {\n return css`\n position: relative;\n box-sizing: border-box;\n height: 40px;\n padding: 5px;\n background-color: ${t.bgDefault};\n\n &::after {\n content: attr(data-perf-info);\n position: absolute;\n top: 11px;\n right: 20px;\n color: #808080;\n height: 20px;\n line-height: 20px;\n }\n `;\n },\n\n heading(t: Theme) {\n return css`\n padding: 24px 0 16px 5px;\n margin: 0;\n background-color: ${t.bgDefault};\n `;\n },\n\n headingSticky() {\n return css`\n border-bottom: 1px solid #e8e8e8;\n `;\n },\n\n table() {\n return css`\n width: 880px;\n border-collapse: collapse;\n `;\n },\n\n headerCell() {\n return css`\n text-align: left;\n padding-left: 5px;\n `;\n },\n\n row() {\n return css`\n &:hover {\n background-color: #f8f8f8;\n }\n `;\n },\n darkRow() {\n return css`\n &:hover {\n background-color: rgba(255, 255, 255, 0.04);\n }\n `;\n },\n\n cell() {\n return css`\n border-top: 0 none;\n border-bottom: 1px solid #e8e8e8;\n vertical-align: top;\n padding: 10px 5px;\n `;\n },\n\n invisibleRow() {\n return css`\n padding: 0;\n height: 0;\n\n &:hover,\n &:hover ~ tr {\n background-color: #f8f8f8;\n }\n\n &:hover ~ &,\n &:hover ~ & ~ tr {\n background-color: transparent;\n }\n `;\n },\n invisibleDarkRow() {\n return css`\n &:hover,\n &:hover ~ tr {\n background-color: rgba(255, 255, 255, 0.04);\n }\n `;\n },\n\n suspiciousRow() {\n return css`\n background-color: red;\n `;\n },\n\n //noinspection CssReplaceWithShorthandSafely\n majorCell() {\n return css`\n border-top: 1px solid #e8e8e8;\n `;\n },\n\n invisibleCell() {\n return css`\n padding: 0;\n height: 0;\n font-size: 0;\n line-height: 0;\n border: 0 none;\n border-top: 1px solid #e8e8e8;\n `;\n },\n\n suspiciousCell() {\n return css`\n background-color: #fff0bc;\n `;\n },\n\n elementName() {\n return css`\n color: #7f9a44;\n font-weight: 400;\n `;\n },\n\n relativeCss() {\n return css`\n white-space: pre;\n color: #333;\n `;\n },\n\n variableName() {\n return css`\n color: #b77daa;\n font-weight: 400;\n cursor: pointer;\n `;\n },\n\n colorExample() {\n return css`\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n border: 1px solid transparent;\n margin-right: 4px;\n vertical-align: -3px;\n `;\n },\n\n undefined() {\n return css`\n text-decoration: line-through;\n `;\n },\n\n unusedVariablesWarning() {\n return css`\n padding: 16px;\n margin: 20px 0;\n background-color: #fff0bc;\n border-radius: 3px;\n `;\n },\n\n cssClassObject() {\n return css`\n color: #d28445;\n `;\n },\n\n cssClassName() {\n return css`\n color: #7f9a44;\n `;\n },\n\n cssThemeObject() {\n return css`\n color: #ac4142;\n `;\n },\n\n cssThemeProp() {\n return css`\n color: #b77daa;\n `;\n },\n});\n"],"mappings":"~~iiBAAA~~,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,~~2BAAA~~;;;;;IAKYF,CAAC,CAACG,SAAS;;;;;;;;;;;;EAYnC,CAAC;;EAEDC,OAAO,WAAAA,QAACJ,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,~~2BAAA~~;;;IAGYF,CAAC,CAACG,SAAS;;EAEnC,CAAC;;EAEDG,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,~~2BAAA~~;;;EAGZ,CAAC;;EAEDM,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,~~2BAAA~~;;;;EAIZ,CAAC;;EAEDQ,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,~~2BAAA~~;;;;EAIZ,CAAC;;EAEDU,GAAG,WAAAA,IAAA,EAAG;IACJ,OAAOhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAX,~~2BAAA~~;;;;;EAKZ,CAAC;EACDY,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,~~2BAAA~~;;;;;EAKZ,CAAC;;EAEDc,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,~~2BAAA~~;;;;;;EAMZ,CAAC;;EAEDgB,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAjB,~~2BAAA~~;;;;;;;;;;;;;;EAcZ,CAAC;EACDkB,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOxB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAAnB,~~2BAAA~~;;;;;;EAMZ,CAAC;;EAEDoB,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAArB,~~2BAAA~~;;;EAGZ,CAAC;;EAED;EACAsB,SAAS,WAAAA,UAAA,EAAG;IACV,OAAO5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAvB,~~2BAAA~~;;;EAGZ,CAAC;;EAEDwB,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO9B,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAAzB,~~2BAAA~~;;;;;;;;EAQZ,CAAC;;EAED0B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA3B,~~2BAAA~~;;;EAGZ,CAAC;;EAED4B,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOlC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA7B,~~2BAAA~~;;;;EAIZ,CAAC;;EAED8B,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,~~2BAAA~~;;;;EAIZ,CAAC;;EAEDgC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAjC,~~2BAAA~~;;;;;EAKZ,CAAC;;EAEDkC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAnC,~~2BAAA~~;;;;;;;;;EASZ,CAAC;;EAEDoC,SAAS,WAAAA,UAAA,EAAG;IACV,OAAO1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAArC,~~2BAAA~~;;;EAGZ,CAAC;;EAEDsC,sBAAsB,WAAAA,uBAAA,EAAG;IACvB,OAAO5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAvC,~~2BAAA~~;;;;;;EAMZ,CAAC;;EAEDwC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAO9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAAzC,~~2BAAA~~;;;EAGZ,CAAC;;EAED0C,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOhD,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAA3C,~~2BAAA~~;;;EAGZ,CAAC;;EAED4C,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOlD,GAAG,CAAAmD,iBAAA,KAAAA,iBAAA,GAAA7C,~~2BAAA~~;;;EAGZ,CAAC;;EAED8C,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOpD,GAAG,CAAAqD,iBAAA,KAAAA,iBAAA,GAAA/C,~~2BAAA~~;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","styles","searchBar","t","_templateObject","_taggedTemplateLiteral","bgDefault","heading","_templateObject2","headingSticky","_templateObject3","table","_templateObject4","headerCell","_templateObject5","row","_templateObject6","darkRow","_templateObject7","cell","_templateObject8","invisibleRow","_templateObject9","invisibleDarkRow","_templateObject10","suspiciousRow","_templateObject11","majorCell","_templateObject12","invisibleCell","_templateObject13","suspiciousCell","_templateObject14","elementName","_templateObject15","relativeCss","_templateObject16","variableName","_templateObject17","colorExample","_templateObject18","undefined","_templateObject19","unusedVariablesWarning","_templateObject20","cssClassObject","_templateObject21","cssClassName","_templateObject22","cssThemeObject","_templateObject23","cssThemeProp","_templateObject24"],"sources":["ThemeShowcase.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n searchBar(t: Theme) {\n return css`\n position: relative;\n box-sizing: border-box;\n height: 40px;\n padding: 5px;\n background-color: ${t.bgDefault};\n\n &::after {\n content: attr(data-perf-info);\n position: absolute;\n top: 11px;\n right: 20px;\n color: #808080;\n height: 20px;\n line-height: 20px;\n }\n `;\n },\n\n heading(t: Theme) {\n return css`\n padding: 24px 0 16px 5px;\n margin: 0;\n background-color: ${t.bgDefault};\n `;\n },\n\n headingSticky() {\n return css`\n border-bottom: 1px solid #e8e8e8;\n `;\n },\n\n table() {\n return css`\n width: 880px;\n border-collapse: collapse;\n `;\n },\n\n headerCell() {\n return css`\n text-align: left;\n padding-left: 5px;\n `;\n },\n\n row() {\n return css`\n &:hover {\n background-color: #f8f8f8;\n }\n `;\n },\n darkRow() {\n return css`\n &:hover {\n background-color: rgba(255, 255, 255, 0.04);\n }\n `;\n },\n\n cell() {\n return css`\n border-top: 0 none;\n border-bottom: 1px solid #e8e8e8;\n vertical-align: top;\n padding: 10px 5px;\n `;\n },\n\n invisibleRow() {\n return css`\n padding: 0;\n height: 0;\n\n &:hover,\n &:hover ~ tr {\n background-color: #f8f8f8;\n }\n\n &:hover ~ &,\n &:hover ~ & ~ tr {\n background-color: transparent;\n }\n `;\n },\n invisibleDarkRow() {\n return css`\n &:hover,\n &:hover ~ tr {\n background-color: rgba(255, 255, 255, 0.04);\n }\n `;\n },\n\n suspiciousRow() {\n return css`\n background-color: red;\n `;\n },\n\n //noinspection CssReplaceWithShorthandSafely\n majorCell() {\n return css`\n border-top: 1px solid #e8e8e8;\n `;\n },\n\n invisibleCell() {\n return css`\n padding: 0;\n height: 0;\n font-size: 0;\n line-height: 0;\n border: 0 none;\n border-top: 1px solid #e8e8e8;\n `;\n },\n\n suspiciousCell() {\n return css`\n background-color: #fff0bc;\n `;\n },\n\n elementName() {\n return css`\n color: #7f9a44;\n font-weight: 400;\n `;\n },\n\n relativeCss() {\n return css`\n white-space: pre;\n color: #333;\n `;\n },\n\n variableName() {\n return css`\n color: #b77daa;\n font-weight: 400;\n cursor: pointer;\n `;\n },\n\n colorExample() {\n return css`\n display: inline-block;\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n border: 1px solid transparent;\n margin-right: 4px;\n vertical-align: -3px;\n `;\n },\n\n undefined() {\n return css`\n text-decoration: line-through;\n `;\n },\n\n unusedVariablesWarning() {\n return css`\n padding: 16px;\n margin: 20px 0;\n background-color: #fff0bc;\n border-radius: 3px;\n `;\n },\n\n cssClassObject() {\n return css`\n color: #d28445;\n `;\n },\n\n cssClassName() {\n return css`\n color: #7f9a44;\n `;\n },\n\n cssThemeObject() {\n return css`\n color: #ac4142;\n `;\n },\n\n cssThemeProp() {\n return css`\n color: #b77daa;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js CHANGED Viewed

@@ -99,9 +99,9 @@ function getProxyHandler(accumulator, dependencies) {
         }
       }
       accessLevel++;
-      var start = ((_globalObject$perform = globalObject.performance) == null ? void 0 : _globalObject$perform.now()) || 0;
+      var start = ((_globalObject$perform = globalObject.performance) === null || _globalObject$perform === void 0 ? void 0 : _globalObject$perform.now()) || 0;
       var result = Reflect.get(target, prop, receiver);
-      executionTime += (((_globalObject$perform2 = globalObject.performance) == null ? void 0 : _globalObject$perform2.now()) || 0) - start;
+      executionTime += (((_globalObject$perform2 = globalObject.performance) === null || _globalObject$perform2 === void 0 ? void 0 : _globalObject$perform2.now()) || 0) - start;
       callsCount++;
       accessLevel--;
       return result;

package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["globalObject","LIGHT_THEME","DARK_THEME","IS_PROXY_SUPPORTED","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","baseThemes","push","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n variables: Array<keyof Theme>;\n dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\nif (IS_PROXY_SUPPORTED) {\n const baseThemes: Theme[] = [];\n baseThemes.push(LIGHT_THEME);\n baseThemes.push(DARK_THEME);\n\n // @ts-expect-error не очень-то и хотелось\n const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n componentsContext.keys().forEach((fileName: string) => {\n const fileNameStart = fileName.lastIndexOf('/') + 1;\n const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n const componentDescription: ComponentDescriptionType = {};\n Object.keys(componentsContext(fileName)).forEach((exportName) => {\n const styles = componentsContext(fileName)[exportName];\n\n Object.keys(styles).forEach((elementName) => {\n const jsStyle = styles[elementName];\n if (typeof jsStyle !== 'function') {\n return;\n }\n const variablesAccumulator = new Set<keyof Theme>();\n const dependencies: VariableDependencies = {};\n const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n themes.forEach((t) => jsStyle(t));\n\n const variables = Array.from(variablesAccumulator);\n\n if (variables.length > 0) {\n componentDescription[elementName] = { variables, dependencies };\n\n variables.forEach((variableName) => {\n if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n }\n\n const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n if (!variableNode[componentName]) {\n variableNode[componentName] = {};\n }\n\n const componentNode = variableNode[componentName];\n if (!componentNode[elementName]) {\n componentNode[elementName] = {\n dependencies,\n variables: [variableName],\n };\n } else if (!componentNode[elementName].variables.includes(variableName)) {\n componentNode[elementName].dependencies = dependencies;\n componentNode[elementName].variables.push(variableName);\n }\n\n const dependenciesList = dependencies[variableName];\n if (dependenciesList) {\n dependenciesList.forEach((dependencyName) => {\n if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n }\n\n const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n if (!dependencyNode[componentName]) {\n dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n }\n });\n }\n });\n }\n });\n });\n\n COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n let accessLevel = 0;\n let rootProp = '';\n function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n return typeof theme[name] === 'string';\n }\n return {\n get(target, prop, receiver) {\n const propName = prop as keyof Theme;\n if (isThemeVariable(target, propName)) {\n ALL_USED_VARIABLES_SET.add(propName);\n if (accessLevel === 0) {\n rootProp = propName;\n accumulator.add(propName);\n } else if (!dependencies[rootProp]) {\n dependencies[rootProp] = [propName];\n } else if (!dependencies[rootProp].includes(propName)) {\n dependencies[rootProp].push(propName);\n }\n }\n\n accessLevel++;\n const start = globalObject.performance?.now() \|\| 0;\n const result = Reflect.get(target, prop, receiver);\n executionTime += (globalObject.performance?.now() \|\| 0) - start;\n callsCount++;\n accessLevel--;\n return result;\n },\n };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["globalObject","LIGHT_THEME","DARK_THEME","IS_PROXY_SUPPORTED","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","baseThemes","push","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n variables: Array<keyof Theme>;\n dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\nif (IS_PROXY_SUPPORTED) {\n const baseThemes: Theme[] = [];\n baseThemes.push(LIGHT_THEME);\n baseThemes.push(DARK_THEME);\n\n // @ts-expect-error не очень-то и хотелось\n const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n componentsContext.keys().forEach((fileName: string) => {\n const fileNameStart = fileName.lastIndexOf('/') + 1;\n const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n const componentDescription: ComponentDescriptionType = {};\n Object.keys(componentsContext(fileName)).forEach((exportName) => {\n const styles = componentsContext(fileName)[exportName];\n\n Object.keys(styles).forEach((elementName) => {\n const jsStyle = styles[elementName];\n if (typeof jsStyle !== 'function') {\n return;\n }\n const variablesAccumulator = new Set<keyof Theme>();\n const dependencies: VariableDependencies = {};\n const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n themes.forEach((t) => jsStyle(t));\n\n const variables = Array.from(variablesAccumulator);\n\n if (variables.length > 0) {\n componentDescription[elementName] = { variables, dependencies };\n\n variables.forEach((variableName) => {\n if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n }\n\n const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n if (!variableNode[componentName]) {\n variableNode[componentName] = {};\n }\n\n const componentNode = variableNode[componentName];\n if (!componentNode[elementName]) {\n componentNode[elementName] = {\n dependencies,\n variables: [variableName],\n };\n } else if (!componentNode[elementName].variables.includes(variableName)) {\n componentNode[elementName].dependencies = dependencies;\n componentNode[elementName].variables.push(variableName);\n }\n\n const dependenciesList = dependencies[variableName];\n if (dependenciesList) {\n dependenciesList.forEach((dependencyName) => {\n if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n }\n\n const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n if (!dependencyNode[componentName]) {\n dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n }\n });\n }\n });\n }\n });\n });\n\n COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n let accessLevel = 0;\n let rootProp = '';\n function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n return typeof theme[name] === 'string';\n }\n return {\n get(target, prop, receiver) {\n const propName = prop as keyof Theme;\n if (isThemeVariable(target, propName)) {\n ALL_USED_VARIABLES_SET.add(propName);\n if (accessLevel === 0) {\n rootProp = propName;\n accumulator.add(propName);\n } else if (!dependencies[rootProp]) {\n dependencies[rootProp] = [propName];\n } else if (!dependencies[rootProp].includes(propName)) {\n dependencies[rootProp].push(propName);\n }\n }\n\n accessLevel++;\n const start = globalObject.performance?.now() \|\| 0;\n const result = Reflect.get(target, prop, receiver);\n executionTime += (globalObject.performance?.now() \|\| 0) - start;\n callsCount++;\n accessLevel--;\n return result;\n },\n };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"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","ignoreList":[]}

package/internal/ZIndex/ZIndex/ZIndex.js CHANGED Viewed

@@ -1,8 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];
 var _class, _ZIndex;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
 import isEqual from 'lodash.isequal';
@@ -23,7 +32,8 @@ ZIndexContext.displayName = 'ZIndexContext';
 export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$Component) {
   function ZIndex(props) {
     var _this;
-    _this = _React$Component.call(this, props) || this;
+    _classCallCheck(this, ZIndex);
+    _this = _callSuper(this, ZIndex, [props]);
     _this.state = {
       zIndex: 0,
       DOMZIndexContext: null
@@ -43,18 +53,18 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
       return incrementZIndex(priority, delta);
     };
     _this.findClosestWithZIndex = function (el) {
-      return el == null ? void 0 : el.closest('[style*=z-index]');
+      return el === null || el === void 0 ? void 0 : el.closest('[style*=z-index]');
     };
     _this.tryGetContextByDOM = function (element) {
       if (_this.props.applyZIndex && isEqual(DEFAULT_ZINDEX_CONTEXT, _this.zIndexContext) && _this.state.DOMZIndexContext === null) {
         var _element$parentElemen;
         var DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;
-        var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + PORTAL_OUTLET_ATTR + "]");
+        var portal = (_element$parentElemen = element.parentElement) === null || _element$parentElemen === void 0 ? void 0 : _element$parentElemen.closest("[".concat(PORTAL_OUTLET_ATTR, "]"));
         if (isInstanceOf(portal, globalObject.HTMLElement)) {
           var _globalObject$documen;
           var portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);
-          var noscript = (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.querySelector("noscript[" + PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
-          var parent = _this.findClosestWithZIndex(noscript == null ? void 0 : noscript.parentElement);
+          var noscript = (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 ? void 0 : _globalObject$documen.querySelector("noscript[".concat(PORTAL_INLET_ATTR, "=\"").concat(portalID, "\"]"));
+          var parent = _this.findClosestWithZIndex(noscript === null || noscript === void 0 ? void 0 : noscript.parentElement);
           while (isInstanceOf(parent, globalObject.HTMLElement)) {
             var styleZIndex = parent.style.zIndex;
             if (styleZIndex) {
@@ -62,7 +72,7 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
               if (!Number.isNaN(newZIndex)) {
                 var _parent$parentElement;
                 var maxZIndex = Infinity;
-                if (((_parent$parentElement = parent.parentElement) == null ? void 0 : _parent$parentElement.dataset.tid) === LoaderDataTids.veil) {
+                if (((_parent$parentElement = parent.parentElement) === null || _parent$parentElement === void 0 ? void 0 : _parent$parentElement.dataset.tid) === LoaderDataTids.veil) {
                   maxZIndex = _this.calcZIndex(newZIndex, maxZIndex);
                 }
                 DOMZIndexContext = {
@@ -83,80 +93,89 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
     _this.state.zIndex = _this.increment();
     return _this;
   }
-  _inheritsLoose(ZIndex, _React$Component);
-  var _proto = ZIndex.prototype;
-  _proto.validateProps = function validateProps(delta) {
-    warning((delta || ZIndex.defaultProps.delta) > 0, "[ZIndex]: Prop 'delta' must be greater than 0, received " + delta);
-    warning(Math.trunc(delta || ZIndex.defaultProps.delta) === delta, "[ZIndex]: Prop 'delta' must be integer, received " + delta);
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var props = this.getProps();
-    this.validateProps(props.delta);
-    if (prevProps.priority !== props.priority || prevProps.delta !== props.delta) {
+  _inherits(ZIndex, _React$Component);
+  return _createClass(ZIndex, [{
+    key: "validateProps",
+    value: function validateProps(delta) {
+      warning((delta || ZIndex.defaultProps.delta) > 0, "[ZIndex]: Prop 'delta' must be greater than 0, received ".concat(delta));
+      warning(Math.trunc(delta || ZIndex.defaultProps.delta) === delta, "[ZIndex]: Prop 'delta' must be integer, received ".concat(delta));
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var props = this.getProps();
+      this.validateProps(props.delta);
+      if (prevProps.priority !== props.priority || prevProps.delta !== props.delta) {
+        removeZIndex(this.state.zIndex);
+        this.setState({
+          zIndex: this.increment()
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
       removeZIndex(this.state.zIndex);
-      this.setState({
-        zIndex: this.increment()
-      });
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    removeZIndex(this.state.zIndex);
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    var _this$getProps2 = this.getProps(),
-      style = _this$getProps2.style,
-      children = _this$getProps2.children,
-      delta = _this$getProps2.delta,
-      priority = _this$getProps2.priority,
-      applyZIndex = _this$getProps2.applyZIndex,
-      coverChildren = _this$getProps2.coverChildren,
-      createStackingContext = _this$getProps2.createStackingContext,
-      wrapperRef = _this$getProps2.wrapperRef,
-      useWrapper = _this$getProps2.useWrapper,
-      rest = _objectWithoutPropertiesLoose(_this$getProps2, _excluded);
-    var wrapperStyle = {};
-    return /*#__PURE__*/React.createElement(ZIndexContext.Consumer, null, function (context) {
-      _this2.zIndexContext = context;
-      var currentZIndexContext = _this2.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT) ? _this2.state.DOMZIndexContext : context;
-      var parentLayerZIndex = currentZIndexContext.parentLayerZIndex,
-        maxZIndex = currentZIndexContext.maxZIndex;
-      var newZIndexContext = currentZIndexContext;
-      var newZIndex = 0;
-      if (applyZIndex) {
-        newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
-        wrapperStyle.zIndex = newZIndex;
-        newZIndexContext = coverChildren ? {
-          parentLayerZIndex: parentLayerZIndex,
-          maxZIndex: newZIndex
-        } : {
-          parentLayerZIndex: newZIndex,
-          maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity
-        };
-        if (createStackingContext) {
-          isBrowser(globalObject) && 'isolation' in globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$getProps2 = this.getProps(),
+        style = _this$getProps2.style,
+        children = _this$getProps2.children,
+        delta = _this$getProps2.delta,
+        priority = _this$getProps2.priority,
+        applyZIndex = _this$getProps2.applyZIndex,
+        coverChildren = _this$getProps2.coverChildren,
+        createStackingContext = _this$getProps2.createStackingContext,
+        wrapperRef = _this$getProps2.wrapperRef,
+        useWrapper = _this$getProps2.useWrapper,
+        rest = _objectWithoutProperties(_this$getProps2, _excluded);
+      var wrapperStyle = {};
+      return /*#__PURE__*/React.createElement(ZIndexContext.Consumer, null, function (context) {
+        _this2.zIndexContext = context;
+        var currentZIndexContext = _this2.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT) ? _this2.state.DOMZIndexContext : context;
+        var parentLayerZIndex = currentZIndexContext.parentLayerZIndex,
+          maxZIndex = currentZIndexContext.maxZIndex;
+        var newZIndexContext = currentZIndexContext;
+        var newZIndex = 0;
+        if (applyZIndex) {
+          newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
+          wrapperStyle.zIndex = newZIndex;
+          newZIndexContext = coverChildren ? {
+            parentLayerZIndex: parentLayerZIndex,
+            maxZIndex: newZIndex
+          } : {
+            parentLayerZIndex: newZIndex,
+            maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity
+          };
+          if (createStackingContext) {
+            isBrowser(globalObject) && 'isolation' in globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';
+          }
         }
+        var child = !useWrapper ? children : /*#__PURE__*/React.createElement("div", _extends({
+          style: _objectSpread(_objectSpread({}, style), wrapperStyle),
+          ref: _this2.wrapperRef
+        }, rest), children);
+        return /*#__PURE__*/React.createElement(ZIndexContext.Provider, {
+          value: newZIndexContext
+        }, child);
+      });
+    }
+  }, {
+    key: "calcZIndex",
+    value: function calcZIndex(parentLayerZIndex, maxZIndex) {
+      var newZIndex = this.state.zIndex;
+      if (Number.isFinite(maxZIndex)) {
+        var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;
+        var scale = upperBorder / allowedValuesIntervalLength;
+        newZIndex = Math.ceil(newZIndex / scale);
       }
-      var child = !useWrapper ? children : /*#__PURE__*/React.createElement("div", _extends({
-        style: _extends({}, style, wrapperStyle),
-        ref: _this2.wrapperRef
-      }, rest), children);
-      return /*#__PURE__*/React.createElement(ZIndexContext.Provider, {
-        value: newZIndexContext
-      }, child);
-    });
-  };
-  _proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {
-    var newZIndex = this.state.zIndex;
-    if (Number.isFinite(maxZIndex)) {
-      var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;
-      var scale = upperBorder / allowedValuesIntervalLength;
-      newZIndex = Math.ceil(newZIndex / scale);
+      newZIndex += parentLayerZIndex;
+      return newZIndex;
     }
-    newZIndex += parentLayerZIndex;
-    return newZIndex;
-  };
-  return ZIndex;
+  }]);
 }(React.Component), _ZIndex.priorities = componentPriorities, _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = {
   delta: 10,
   priority: 0,