@skbkontur/react-ui 5.1.2 → 5.1.3

package/cjs/internal/ThemePlayground/VariableValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Edit","_Delete","_eventemitter","_ColorHelpers","_Input","_Gapped","_Link","_Hint","_utils","_Emotion","_createPropsGetter","_Playground","emitter","EventEmitter","VariableValue","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","default","createElement","className","styles","baseVariableRoot","colorIcon","baseLinkWrapper","Gapped","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","Hint","text","Link","icon","onClick","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","_this$props","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","_inheritsLoose2","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","cx","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","Input","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","React","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","isFunction","colorValue","Option","isColor"],"sources":["VariableValue.tsx"],"sourcesContent":["import React from 'react';\nimport EditIcon from '@skbkontur/react-icons/Edit';\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\nimport EventEmitter from 'eventemitter3';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Link } from '../../components/Link';\nimport { Hint } from '../../components/Hint';\nimport { isFunction } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Playground.styles';\n\nconst emitter = new EventEmitter();\n\nexport interface VariableValueProps {\n  onChange: (variable: keyof Theme, value: string) => void;\n  value: string;\n  isError: boolean;\n  variable: string;\n  theme: Theme;\n  baseVariables: Array<keyof Theme>;\n  deprecated?: boolean;\n}\n\nexport interface VariableValueState {\n  value: string;\n  editing: boolean;\n}\n\ntype DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;\n\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps: DefaultProps = {\n    deprecated: false,\n  };\n  private getProps = createPropsGetter(VariableValue.defaultProps);\n  public state: VariableValueState = {\n    value: this.props.value,\n    editing: false,\n  };\n  private subscription: { remove: () => void } | null = null;\n  private rootElement: HTMLElement | null = null;\n  private readonly debounceTimeout = 500;\n  private debounceInterval: number | undefined = undefined;\n\n  public render() {\n    const { variable, theme, baseVariables } = this.props;\n    const deprecated = this.getProps().deprecated;\n    return (\n      <div className={styles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n        <div\n          className={cx(styles.variableName(theme), { [styles.deprecated()]: deprecated })}\n          title={variable}\n        >{`${variable}: `}</div>\n        {baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper()}\n      </div>\n    );\n  }\n\n  public componentDidMount(): void {\n    if (!this.subscription) {\n      emitter.addListener('clicked', this.emitterEventHandler);\n      this.subscription = {\n        remove: () => {\n          emitter.removeListener('clicked', this.emitterEventHandler);\n        },\n      };\n    }\n  }\n\n  public componentDidUpdate(prevProps: VariableValueProps) {\n    if (prevProps.value !== this.props.value) {\n      this.setState({ value: this.props.value });\n    }\n  }\n\n  public componentWillUnmount(): void {\n    if (this.subscription) {\n      this.subscription.remove();\n    }\n    if (this.debounceInterval !== undefined) {\n      clearInterval(this.debounceInterval);\n    }\n  }\n\n  private renderBaseVariableLink = () => {\n    const baseVariables = this.props.baseVariables;\n    return (\n      <div className={styles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={styles.baseLinkWrapper()}>\n          <Gapped>\n            <div style={{ textAlign: 'right' }}>\n              <Gapped vertical>\n                {baseVariables.map((v) => (\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\n                ))}\n              </Gapped>\n            </div>\n            <Hint text={'Изменить значение'}>\n              <Link icon={<EditIcon />} onClick={this.handleEditLinkClick} />\n            </Hint>\n          </Gapped>\n        </div>\n      </div>\n    );\n  };\n\n  private renderInputWrapper = () => {\n    return this.state.editing ? (\n      <Gapped>\n        {this.renderInput()}\n        {this.renderRollbackIcon()}\n      </Gapped>\n    ) : (\n      this.renderInput()\n    );\n  };\n\n  private renderInput() {\n    return (\n      <Input\n        leftIcon={isColorExtended(this.state.value) && this.colorIcon()}\n        value={this.state.value}\n        onValueChange={this.handleChange}\n        onBlur={this.handleBlur}\n        align={'right'}\n        width={this.state.editing ? 225 : 250}\n        error={this.props.isError}\n      />\n    );\n  }\n\n  private renderRollbackIcon() {\n    return (\n      <Hint text={'Вернуться к базовой переменной'}>\n        <div className={styles.linkRoot()}>\n          <Link icon={<DeleteIcon />} onClick={this.rollbackToBaseVariable} />\n        </div>\n      </Hint>\n    );\n  }\n\n  private rootRef = (instance: HTMLElement | null) => {\n    this.rootElement = instance;\n  };\n\n  private colorIcon = () => {\n    return <div className={styles.colorIcon()} style={{ background: this.state.value }} />;\n  };\n\n  private handleEditLinkClick = () => {\n    this.setState({\n      editing: true,\n    });\n  };\n\n  private rollbackToBaseVariable = () => {\n    this.setState({\n      editing: false,\n      value: this.props.value,\n    });\n  };\n\n  private emitClickEvent = (variable: string | number) => {\n    emitter.emit('clicked', variable);\n  };\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n\n    if (this.debounceInterval === undefined) {\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\n    }\n  };\n\n  private debounceHandler = () => {\n    const { variable, onChange } = this.props;\n\n    onChange(variable as keyof Theme, this.state.value);\n\n    clearInterval(this.debounceInterval);\n    this.debounceInterval = undefined;\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      editing: false,\n    });\n  };\n\n  private emitterEventHandler = (name: keyof Theme) => {\n    if (name === this.props.variable && this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n}\n\ninterface BaseVariableLinkProps {\n  baseVariable: string | number;\n  emitClickEvent: (baseVariable: string | number) => void;\n}\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\n  public render() {\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\n  }\n  private emitClickEvent = () => {\n    this.props.emitClickEvent(this.props.baseVariable);\n  };\n}\n\ntype Color = string | (() => string);\n\nconst getColorValue = (color: Color) => {\n  if (isFunction(color)) {\n    return color();\n  }\n\n  return color;\n};\n\nfunction isColorExtended(color: Color) {\n  const colorValue = getColorValue(color);\n\n  const style = new Option().style;\n  style.color = colorValue;\n\n  if (colorValue) {\n    return isColor(colorValue) || style.color === colorValue;\n  }\n\n  return false;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Edit","_Delete","_eventemitter","_ColorHelpers","_Input","_Gapped","_Link","_Hint","_utils","_Emotion","_createPropsGetter","_Playground","emitter","EventEmitter","VariableValue","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","default","createElement","className","styles","baseVariableRoot","colorIcon","baseLinkWrapper","Gapped","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","Hint","text","Link","icon","onClick","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","_this$props","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","_inheritsLoose2","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","cx","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","Input","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","React","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","isFunction","colorValue","Option","isColor"],"sources":["VariableValue.tsx"],"sourcesContent":["import React from 'react';\nimport EditIcon from '@skbkontur/react-icons/Edit';\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\nimport EventEmitter from 'eventemitter3';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { Link } from '../../components/Link';\nimport { Hint } from '../../components/Hint';\nimport { isFunction } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Playground.styles';\n\nconst emitter = new EventEmitter();\n\nexport interface VariableValueProps {\n  onChange: (variable: keyof Theme, value: string) => void;\n  value: string;\n  isError: boolean;\n  variable: string;\n  theme: Theme;\n  baseVariables: Array<keyof Theme>;\n  deprecated?: boolean;\n}\n\nexport interface VariableValueState {\n  value: string;\n  editing: boolean;\n}\n\ntype DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;\n\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps: DefaultProps = {\n    deprecated: false,\n  };\n  private getProps = createPropsGetter(VariableValue.defaultProps);\n  public state: VariableValueState = {\n    value: this.props.value,\n    editing: false,\n  };\n  private subscription: { remove: () => void } | null = null;\n  private rootElement: HTMLElement | null = null;\n  private readonly debounceTimeout = 500;\n  private debounceInterval: number | undefined = undefined;\n\n  public render() {\n    const { variable, theme, baseVariables } = this.props;\n    const deprecated = this.getProps().deprecated;\n    return (\n      <div className={styles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n        <div\n          className={cx(styles.variableName(theme), { [styles.deprecated()]: deprecated })}\n          title={variable}\n        >{`${variable}: `}</div>\n        {baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper()}\n      </div>\n    );\n  }\n\n  public componentDidMount(): void {\n    if (!this.subscription) {\n      emitter.addListener('clicked', this.emitterEventHandler);\n      this.subscription = {\n        remove: () => {\n          emitter.removeListener('clicked', this.emitterEventHandler);\n        },\n      };\n    }\n  }\n\n  public componentDidUpdate(prevProps: VariableValueProps) {\n    if (prevProps.value !== this.props.value) {\n      this.setState({ value: this.props.value });\n    }\n  }\n\n  public componentWillUnmount(): void {\n    if (this.subscription) {\n      this.subscription.remove();\n    }\n    if (this.debounceInterval !== undefined) {\n      clearInterval(this.debounceInterval);\n    }\n  }\n\n  private renderBaseVariableLink = () => {\n    const baseVariables = this.props.baseVariables;\n    return (\n      <div className={styles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={styles.baseLinkWrapper()}>\n          <Gapped>\n            <div style={{ textAlign: 'right' }}>\n              <Gapped vertical>\n                {baseVariables.map((v) => (\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\n                ))}\n              </Gapped>\n            </div>\n            <Hint text={'Изменить значение'}>\n              <Link icon={<EditIcon />} onClick={this.handleEditLinkClick} />\n            </Hint>\n          </Gapped>\n        </div>\n      </div>\n    );\n  };\n\n  private renderInputWrapper = () => {\n    return this.state.editing ? (\n      <Gapped>\n        {this.renderInput()}\n        {this.renderRollbackIcon()}\n      </Gapped>\n    ) : (\n      this.renderInput()\n    );\n  };\n\n  private renderInput() {\n    return (\n      <Input\n        leftIcon={isColorExtended(this.state.value) && this.colorIcon()}\n        value={this.state.value}\n        onValueChange={this.handleChange}\n        onBlur={this.handleBlur}\n        align={'right'}\n        width={this.state.editing ? 225 : 250}\n        error={this.props.isError}\n      />\n    );\n  }\n\n  private renderRollbackIcon() {\n    return (\n      <Hint text={'Вернуться к базовой переменной'}>\n        <div className={styles.linkRoot()}>\n          <Link icon={<DeleteIcon />} onClick={this.rollbackToBaseVariable} />\n        </div>\n      </Hint>\n    );\n  }\n\n  private rootRef = (instance: HTMLElement | null) => {\n    this.rootElement = instance;\n  };\n\n  private colorIcon = () => {\n    return <div className={styles.colorIcon()} style={{ background: this.state.value }} />;\n  };\n\n  private handleEditLinkClick = () => {\n    this.setState({\n      editing: true,\n    });\n  };\n\n  private rollbackToBaseVariable = () => {\n    this.setState({\n      editing: false,\n      value: this.props.value,\n    });\n  };\n\n  private emitClickEvent = (variable: string | number) => {\n    emitter.emit('clicked', variable);\n  };\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n\n    if (this.debounceInterval === undefined) {\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\n    }\n  };\n\n  private debounceHandler = () => {\n    const { variable, onChange } = this.props;\n\n    onChange(variable as keyof Theme, this.state.value);\n\n    clearInterval(this.debounceInterval);\n    this.debounceInterval = undefined;\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      editing: false,\n    });\n  };\n\n  private emitterEventHandler = (name: keyof Theme) => {\n    if (name === this.props.variable && this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n}\n\ninterface BaseVariableLinkProps {\n  baseVariable: string | number;\n  emitClickEvent: (baseVariable: string | number) => void;\n}\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\n  public render() {\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\n  }\n  private emitClickEvent = () => {\n    this.props.emitClickEvent(this.props.baseVariable);\n  };\n}\n\ntype Color = string | (() => string);\n\nconst getColorValue = (color: Color) => {\n  if (isFunction(color)) {\n    return color();\n  }\n\n  return color;\n};\n\nfunction isColorExtended(color: Color) {\n  const colorValue = getColorValue(color);\n\n  const style = new Option().style;\n  style.color = colorValue;\n\n  if (colorValue) {\n    return isColor(colorValue) || style.color === colorValue;\n  }\n\n  return false;\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/__creevey__/Theme5_0.stories.d.ts

@@ -1,4 +1,4 @@
-import { Story, Meta } from '../../../typings/stories';
+import type { Story, Meta } from '../../../typings/stories';
 declare const _default: Meta;
 export default _default;
 export declare const Switcher5_0: Story;

package/cjs/internal/ThemePlayground/constants.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare enum ThemeType {
     LightTheme = "lightTheme",
     DarkTheme = "darkTheme"

package/cjs/internal/ThemePlayground/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeType","exports","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"sources":["constants.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  LightTheme = 'lightTheme',\n  DarkTheme = 'darkTheme',\n}\n\nexport const VARIABLES_GROUPS = [\n  { title: 'Common', prefix: 'null', isCommon: true },\n  { title: 'Button', prefix: 'btn' },\n  { title: 'Border', prefix: 'border' },\n  { title: 'Checkbox', prefix: 'checkbox' },\n  { title: 'DatePicker', prefix: 'date calendar picker' },\n  { title: 'Dropdown', prefix: 'dropdown' },\n  { title: 'Input', prefix: 'input' },\n  { title: 'Link', prefix: 'link' },\n  { title: 'Loader', prefix: 'loader' },\n  { title: 'Menu', prefix: 'menu' },\n  { title: 'Modal', prefix: 'modal' },\n  { title: 'MiniModal', prefix: 'miniModal' },\n  { title: 'Paging', prefix: 'paging' },\n  { title: 'Popup', prefix: 'popup' },\n  { title: 'Radio', prefix: 'radio' },\n  { title: 'SidePage', prefix: 'sidePage' },\n  { title: 'Tabs', prefix: 'tab' },\n  { title: 'Textarea', prefix: 'textarea' },\n  { title: 'Toast', prefix: 'toast' },\n  { title: 'Toggle', prefix: 'toggle' },\n  { title: 'Tooltip', prefix: 'tooltip' },\n  { title: 'Token', prefix: 'token' },\n  { title: 'TokenInput', prefix: 'tokenInput' },\n  { title: 'Select', prefix: 'select' },\n  { title: 'Spinner', prefix: 'spinner' },\n  { title: 'Switcher', prefix: 'switcher' },\n  { title: 'Legacy', prefix: 'chb slt' },\n  { title: 'GlobalLoader', prefix: 'globalLoader' },\n  { title: 'CloseButtonIcon', prefix: 'closeBtnIcon' },\n  { title: 'react-ui-validations', prefix: 'validations' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"],"mappings":";;AAEYA,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAATA,SAAS,GAATA,SAAS,8BAATA,SAAS,mCAATA,SAAS;;;;;AAKd,IAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,MAAM,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEF,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACvD,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,WAAW,EAAEC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC3C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC7C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACtC,EAAED,KAAK,EAAE,cAAc,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACjD,EAAED,KAAK,EAAE,iBAAiB,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACpD,EAAED,KAAK,EAAE,sBAAsB,EAAEC,MAAM,EAAE,aAAa,CAAC,CAAC,CACzD;;;AAEM,IAAME,oBAAwC,GAAAL,OAAA,CAAAK,oBAAA,GAAG,EAAE","ignoreList":[]}
+{"version":3,"names":["ThemeType","exports","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"sources":["constants.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  LightTheme = 'lightTheme',\n  DarkTheme = 'darkTheme',\n}\n\nexport const VARIABLES_GROUPS = [\n  { title: 'Common', prefix: 'null', isCommon: true },\n  { title: 'Button', prefix: 'btn' },\n  { title: 'Border', prefix: 'border' },\n  { title: 'Checkbox', prefix: 'checkbox' },\n  { title: 'DatePicker', prefix: 'date calendar picker' },\n  { title: 'Dropdown', prefix: 'dropdown' },\n  { title: 'Input', prefix: 'input' },\n  { title: 'Link', prefix: 'link' },\n  { title: 'Loader', prefix: 'loader' },\n  { title: 'Menu', prefix: 'menu' },\n  { title: 'Modal', prefix: 'modal' },\n  { title: 'MiniModal', prefix: 'miniModal' },\n  { title: 'Paging', prefix: 'paging' },\n  { title: 'Popup', prefix: 'popup' },\n  { title: 'Radio', prefix: 'radio' },\n  { title: 'SidePage', prefix: 'sidePage' },\n  { title: 'Tabs', prefix: 'tab' },\n  { title: 'Textarea', prefix: 'textarea' },\n  { title: 'Toast', prefix: 'toast' },\n  { title: 'Toggle', prefix: 'toggle' },\n  { title: 'Tooltip', prefix: 'tooltip' },\n  { title: 'Token', prefix: 'token' },\n  { title: 'TokenInput', prefix: 'tokenInput' },\n  { title: 'Select', prefix: 'select' },\n  { title: 'Spinner', prefix: 'spinner' },\n  { title: 'Switcher', prefix: 'switcher' },\n  { title: 'Legacy', prefix: 'chb slt' },\n  { title: 'GlobalLoader', prefix: 'globalLoader' },\n  { title: 'CloseButtonIcon', prefix: 'closeBtnIcon' },\n  { title: 'react-ui-validations', prefix: 'validations' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"],"mappings":";;AAEYA,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAATA,SAAS,GAATA,SAAS,8BAATA,SAAS,mCAATA,SAAS;;;;;AAKd,IAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,MAAM,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEF,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACvD,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,WAAW,EAAEC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC3C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC7C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACtC,EAAED,KAAK,EAAE,cAAc,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACjD,EAAED,KAAK,EAAE,iBAAiB,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACpD,EAAED,KAAK,EAAE,sBAAsB,EAAEC,MAAM,EAAE,aAAa,CAAC,CAAC,CACzD;;;AAEM,IAAME,oBAAwC,GAAAL,OAAA,CAAAK,oBAAA,GAAG,EAAE","ignoreList":[]}

package/cjs/internal/ThemeShowcase/ThemeShowcase.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ComboBoxItem } from '../../components/ComboBox';
+import type { ComboBoxItem } from '../../components/ComboBox';
 interface ShowcaseProps {
     isDebugMode?: boolean;
 }

package/cjs/internal/ThemeShowcase/ThemeShowcase.js

@@ -3,6 +3,7 @@
 var _ColorHelpers = require("../../lib/styles/ColorHelpers");
 var _LightTheme = require("../../lib/theming/themes/LightTheme");
 var _DarkTheme = require("../../lib/theming/themes/DarkTheme");
+
 var _ComboBox = require("../../components/ComboBox");
 var _Gapped = require("../../components/Gapped");
 var _Link = require("../../components/Link");
@@ -14,9 +15,8 @@ var _Supports = require("../../lib/Supports");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _VariablesCollector = require("./VariablesCollector");
-
 
+var _VariablesCollector = require("./VariablesCollector");
 
 
 

package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ColorHelpers","_LightTheme","_DarkTheme","_ComboBox","_Gapped","_Link","_Sticky","ColorFunctions","_interopRequireWildcard","_Tooltip","_Supports","_Emotion","_ThemeContext","_VariablesCollector","_ThemeShowcase2","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","lightVariables","ThemeShowcase","exports","_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","ALL_USED_VARIABLES","includes","push","_inheritsLoose2","default","_proto","prototype","render","_this2","IS_PROXY_SUPPORTED","createElement","Link","href","target","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","ThemeContext","Consumer","theme","Gapped","wrap","gap","verticalAlign","Sticky","side","className","styles","searchBar","ComboBox","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","darkVariables","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","Tooltip","trigger","pos","_cx4","valueIsColor","isColor","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 { ComboBox, ComboBoxItem } 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 { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\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        &ndash;{' '}\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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ColorHelpers","_LightTheme","_DarkTheme","_ComboBox","_Gapped","_Link","_Sticky","ColorFunctions","_interopRequireWildcard","_Tooltip","_Supports","_Emotion","_ThemeContext","_VariablesCollector","_ThemeShowcase2","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","lightVariables","ThemeShowcase","exports","_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","ALL_USED_VARIABLES","includes","push","_inheritsLoose2","default","_proto","prototype","render","_this2","IS_PROXY_SUPPORTED","createElement","Link","href","target","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","ThemeContext","Consumer","theme","Gapped","wrap","gap","verticalAlign","Sticky","side","className","styles","searchBar","ComboBox","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","darkVariables","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","Tooltip","trigger","pos","_cx4","valueIsColor","isColor","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        &ndash;{' '}\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/cjs/internal/ThemeShowcase/ThemeShowcase.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     searchBar(t: Theme): string;
     heading(t: Theme): string;

package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","styles","exports","memoizeStyle","searchBar","t","css","_taggedTemplateLiteralLoose2","default","bgDefault","heading","headingSticky","table","headerCell","row","darkRow","cell","invisibleRow","invisibleDarkRow","suspiciousRow","majorCell","invisibleCell","suspiciousCell","elementName","relativeCss","variableName","colorExample","undefined","unusedVariablesWarning","cssClassObject","cssClassName","cssThemeObject","cssThemeProp"],"sources":["ThemeShowcase.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","styles","exports","memoizeStyle","searchBar","t","css","_taggedTemplateLiteralLoose2","default","bgDefault","heading","headingSticky","table","headerCell","row","darkRow","cell","invisibleRow","invisibleDarkRow","suspiciousRow","majorCell","invisibleCell","suspiciousCell","elementName","relativeCss","variableName","colorExample","undefined","unusedVariablesWarning","cssClassObject","cssClassName","cssThemeObject","cssThemeProp"],"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/cjs/internal/ThemeShowcase/VariablesCollector.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export interface DescriptionsType {
     [componentName: string]: ComponentDescriptionType;
 }

package/cjs/internal/ThemeShowcase/VariablesCollector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","_LightTheme","_DarkTheme","_Supports","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","exports","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","LIGHT_THEME","DARK_THEME","componentsContext","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","globalObject","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { 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":[]}
+{"version":3,"names":["_globalObject","require","_LightTheme","_DarkTheme","_Supports","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","exports","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","LIGHT_THEME","DARK_THEME","componentsContext","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","globalObject","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/cjs/internal/ZIndex/ZIndex.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LayerComponentName } from './ZIndexStorage';
+import type { LayerComponentName } from './ZIndexStorage';
 export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Приращение к z-index

package/cjs/internal/ZIndex/ZIndex.js

@@ -3,12 +3,14 @@ var _globalObject = require("@skbkontur/global-object");
 var _lodash = _interopRequireDefault(require("lodash.isequal"));
 
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _Loader = require("../../components/Loader");
 var _RenderContainer = require("../RenderContainer");
 
+
 var _ZIndexStorage = require("./ZIndexStorage");var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];var _class, _ZIndex;
 
 var DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };

package/cjs/internal/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_lodash","_callChildRef","_rootNode","_createPropsGetter","_isInstanceOf","_Loader","_RenderContainer","_ZIndexStorage","_excluded","_class","_ZIndex","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","exports","rootNode","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","createPropsGetter","defaultProps","zIndexContext","wrapperRef","element","setRootNode","callChildRef","tryGetContextByDOM","increment","_this$getProps","priority","delta","incrementZIndex","applyZIndex","isEqual","_element$parentElemen","portal","parentElement","closest","PORTAL_OUTLET_ATTR","isInstanceOf","globalObject","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","prevProps","removeZIndex","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose2","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","isBrowser","body","isolation","transform","child","_extends2","ref","Provider","value","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","priorities","componentPriorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={newZIndexContext}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n    element && this.tryGetContextByDOM(element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n\n  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_lodash","_callChildRef","_rootNode","_createPropsGetter","_isInstanceOf","_Loader","_RenderContainer","_ZIndexStorage","_excluded","_class","_ZIndex","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","exports","rootNode","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","createPropsGetter","defaultProps","zIndexContext","wrapperRef","element","setRootNode","callChildRef","tryGetContextByDOM","increment","_this$getProps","priority","delta","incrementZIndex","applyZIndex","isEqual","_element$parentElemen","portal","parentElement","closest","PORTAL_OUTLET_ATTR","isInstanceOf","globalObject","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","prevProps","removeZIndex","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose2","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","isBrowser","body","isolation","transform","child","_extends2","ref","Provider","value","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","priorities","componentPriorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={newZIndexContext}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n    element && this.tryGetContextByDOM(element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n\n  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.d.ts

@@ -1,2 +1,2 @@
-import { IconProps } from '../BaseIcon';
+import type { IconProps } from '../BaseIcon';
 export declare const ArrowALeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowALeftIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowALeftIcon16Light = exports.ArrowALeftIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon16Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","d"],"sources":["ArrowALeftIcon16Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,IAAKD,KAAK;MAC3BR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMG,CAAC,EAAC,qMAAqM,EAAE;MACvM,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon16Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","d"],"sources":["ArrowALeftIcon16Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowALeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,IAAKD,KAAK;MAC3BR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMG,CAAC,EAAC,qMAAqM,EAAE;MACvM,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.d.ts

@@ -1,2 +1,2 @@
-import { IconProps } from '../BaseIcon';
+import type { IconProps } from '../BaseIcon';
 export declare const ArrowALeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowALeftIcon20Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowALeftIcon20Light = exports.ArrowALeftIcon20Light = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon20Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowALeftIcon20Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,0MAA0M,EAAE;MAC5M,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon20Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowALeftIcon20Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowALeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,0MAA0M,EAAE;MAC5M,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}