@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

package/internal/ThemePlayground/SwitcherPlayground/SwitcherPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SwitcherPlayground.tsx"],"names":["React","Switcher","defaultItems","SwitcherPlayground","state","value","error","handleValueChange","setState","render","props","items","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;;AAEA,IAAMC,YAAY,GAAG,CAAC,SAAD,EAAY,OAAZ,CAArB;;AAEA,WAAaC,kBAAb;;;;AAISC,IAAAA,KAJT,GAIiB;AACbC,MAAAA,KAAK,EAAE,EADM;AAEbC,MAAAA,KAAK,EAAE,KAFM,EAJjB;;;;;;;;;;;;;;;AAqBUC,IAAAA,iBArBV,GAqB8B,UAACF,KAAD,EAAmB;AAC7C,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAASC,KAAK,EAAED,KAAK,KAAK,OAA1B,EAAd;AACD,KAvBH,gEASSI,MATT,GASE,kBAAgB,CACd,oBACE,oBAAC,QAAD,aACE,KAAK,EAAE,KAAKL,KAAL,CAAWC,KADpB,EAEE,aAAa,EAAE,KAAKE,iBAFtB,EAGE,KAAK,EAAE,KAAKG,KAAL,CAAWC,KAAX,IAAoBT,YAH7B,EAIE,KAAK,EAAE,KAAKE,KAAL,CAAWE,KAJpB,IAKM,KAAKI,KALX,EADF,CASD,CAnBH,6BAAwCV,KAAK,CAACY,SAA9C","sourcesContent":["import React from 'react';\r\n\r\nimport { Switcher } from '../../components/Switcher';\r\n\r\nconst defaultItems = ['Default', 'Error'];\r\n\r\nexport class SwitcherPlayground extends React.Component<\r\n  { items?: string[]; disabled?: boolean },\r\n  { value: string; error: boolean }\r\n> {\r\n  public state = {\r\n    value: '',\r\n    error: false,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <Switcher\r\n        value={this.state.value}\r\n        onValueChange={this.handleValueChange}\r\n        items={this.props.items || defaultItems}\r\n        error={this.state.error}\r\n        {...this.props}\r\n      />\r\n    );\r\n  }\r\n\r\n  private handleValueChange = (value: string) => {\r\n    this.setState({ value, error: value === 'Error' });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["SwitcherPlayground.tsx"],"names":["React","Switcher","defaultItems","SwitcherPlayground","state","value","error","handleValueChange","setState","render","props","items","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;;AAEA,IAAMC,YAAY,GAAG,CAAC,SAAD,EAAY,OAAZ,CAArB;;AAEA,WAAaC,kBAAb;;;;AAISC,IAAAA,KAJT,GAIiB;AACbC,MAAAA,KAAK,EAAE,EADM;AAEbC,MAAAA,KAAK,EAAE,KAFM,EAJjB;;;;;;;;;;;;;;;AAqBUC,IAAAA,iBArBV,GAqB8B,UAACF,KAAD,EAAmB;AAC7C,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAASC,KAAK,EAAED,KAAK,KAAK,OAA1B,EAAd;AACD,KAvBH,gEASSI,MATT,GASE,kBAAgB,CACd,oBACE,oBAAC,QAAD,aACE,KAAK,EAAE,KAAKL,KAAL,CAAWC,KADpB,EAEE,aAAa,EAAE,KAAKE,iBAFtB,EAGE,KAAK,EAAE,KAAKG,KAAL,CAAWC,KAAX,IAAoBT,YAH7B,EAIE,KAAK,EAAE,KAAKE,KAAL,CAAWE,KAJpB,IAKM,KAAKI,KALX,EADF,CASD,CAnBH,6BAAwCV,KAAK,CAACY,SAA9C","sourcesContent":["import React from 'react';\n\nimport { Switcher } from '../../components/Switcher';\n\nconst defaultItems = ['Default', 'Error'];\n\nexport class SwitcherPlayground extends React.Component<\n  { items?: string[]; disabled?: boolean },\n  { value: string; error: boolean }\n> {\n  public state = {\n    value: '',\n    error: false,\n  };\n\n  public render() {\n    return (\n      <Switcher\n        value={this.state.value}\n        onValueChange={this.handleValueChange}\n        items={this.props.items || defaultItems}\n        error={this.state.error}\n        {...this.props}\n      />\n    );\n  }\n\n  private handleValueChange = (value: string) => {\n    this.setState({ value, error: value === 'Error' });\n  };\n}\n"]}

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContextPlayground.tsx"],"names":["React","ThemeContext","ThemeFactory","FLAT_THEME","DEFAULT_THEME","DEFAULT_THEME_8PX","FLAT_THEME_8PX","SidePage","Gapped","ComboBox","Link","ColorFunctions","ThemeEditor","jsStyles","Playground","darkTheme","ThemeType","ThemeContextPlayground","props","editableThemesItems","value","Default","label","Default8px","Flat","Flat8px","Dark","renderSidePage","state","currentTheme","themesErrors","editingThemeItem","themes","themeErrors","handleClose","editorHeaderWrapper","getEditableThemesItems","handleEditingThemeSwitch","fontSize","marginTop","handelGetTheme","sidePageBody","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","editingThemeType","theme","currentValue","canSetVariable","isValid","nextThemeErrors","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","findPropertyDescriptor","enumerable","configurable","set","defineProperty","create","default8px","dark","flat","flat8px","render","Component","propName","getPrototypeOf","prototype","hasOwnProperty","call"],"mappings":"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","sourcesContent":["import React, { ReactNode } from 'react';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { FLAT_THEME } from '../../lib/theming/themes/FlatTheme';\r\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\r\nimport { DEFAULT_THEME_8PX } from '../../lib/theming/themes/DefaultTheme8px';\r\nimport { FLAT_THEME_8PX } from '../../lib/theming/themes/FlatTheme8px';\r\nimport { SidePage } from '../../components/SidePage';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { ComboBox } from '../../components/ComboBox';\r\nimport { Link } from '../../components/Link';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Writeable } from '../../typings/utility-types';\r\n\r\nimport { ThemeEditor } from './ThemeEditor';\r\nimport { jsStyles } from './Playground.styles';\r\nimport { Playground } from './Playground';\r\nimport { darkTheme } from './darkTheme';\r\nimport { ThemeType } from './constants';\r\n\r\ninterface PlaygroundState {\r\n  editorOpened: boolean;\r\n  editingThemeItem?: EditingThemeItem;\r\n  themes: Themes;\r\n  themesErrors: ThemesErrors;\r\n  currentTheme: Theme;\r\n  currentThemeType: ThemeType;\r\n}\r\ninterface Themes {\r\n  default: Theme;\r\n  default8px: Theme;\r\n  dark: Theme;\r\n  flat: Theme;\r\n  flat8px: Theme;\r\n}\r\ninterface ThemesErrors {\r\n  default: ThemeErrorsType;\r\n  default8px: ThemeErrorsType;\r\n  dark: ThemeErrorsType;\r\n  flat: ThemeErrorsType;\r\n  flat8px: ThemeErrorsType;\r\n}\r\ninterface EditingThemeItem {\r\n  value: ThemeType;\r\n  label: string;\r\n}\r\ninterface PlaygroundProps {\r\n  children?: ReactNode;\r\n}\r\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\r\n\r\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\r\n  private readonly editableThemesItems = [\r\n    { value: ThemeType.Default, label: 'Дефолтная' },\r\n    { value: ThemeType.Default8px, label: 'Дефолтная 8px' },\r\n    { value: ThemeType.Flat, label: 'Плоская' },\r\n    { value: ThemeType.Flat8px, label: 'Плоская 8px' },\r\n    { value: ThemeType.Dark, label: 'Темная' },\r\n  ];\r\n\r\n  constructor(props: PlaygroundProps) {\r\n    super(props);\r\n    this.state = {\r\n      currentTheme: DEFAULT_THEME,\r\n      currentThemeType: ThemeType.Default,\r\n      editorOpened: false,\r\n      themes: {\r\n        default: DEFAULT_THEME,\r\n        default8px: DEFAULT_THEME_8PX,\r\n        dark: darkTheme,\r\n        flat: FLAT_THEME,\r\n        flat8px: FLAT_THEME_8PX,\r\n      },\r\n      themesErrors: {\r\n        default: {},\r\n        default8px: {},\r\n        dark: {},\r\n        flat: {},\r\n        flat8px: {},\r\n      },\r\n    };\r\n  }\r\n\r\n  public render() {\r\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\r\n    return (\r\n      <ThemeContext.Provider value={currentTheme}>\r\n        {editorOpened && this.renderSidePage()}\r\n        {\r\n          <Playground\r\n            onThemeChange={this.handleThemeChange}\r\n            currentThemeType={currentThemeType}\r\n            onEditLinkClick={this.handleOpen}\r\n          />\r\n        }\r\n      </ThemeContext.Provider>\r\n    );\r\n  }\r\n\r\n  private renderSidePage = () => {\r\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\r\n    const themeErrors = themesErrors[editingThemeItem ? editingThemeItem.value : 'default'];\r\n    return (\r\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\r\n        <SidePage.Header>\r\n          <div className={jsStyles.editorHeaderWrapper(currentTheme)}>\r\n            <Gapped wrap verticalAlign=\"middle\">\r\n              <span>Тема для редактирования:</span>\r\n              <ComboBox\r\n                getItems={this.getEditableThemesItems}\r\n                value={editingThemeItem}\r\n                onValueChange={this.handleEditingThemeSwitch}\r\n              />\r\n            </Gapped>\r\n          </div>\r\n          <div style={{ fontSize: 14, marginTop: 8 }}>\r\n            <Link onClick={this.handelGetTheme}>Вывести тему в консоль</Link>\r\n          </div>\r\n        </SidePage.Header>\r\n        <SidePage.Body>\r\n          <div className={jsStyles.sidePageBody()}>\r\n            <ThemeEditor\r\n              editingTheme={themes[editingThemeItem!.value]}\r\n              currentTheme={currentTheme}\r\n              currentErrors={themeErrors}\r\n              onValueChange={this.handleThemeVariableChange}\r\n            />\r\n          </div>\r\n        </SidePage.Body>\r\n      </SidePage>\r\n    );\r\n  };\r\n\r\n  private handelGetTheme = () => {\r\n    const currentTheme = this.state.currentTheme;\r\n    const themeObject: Writeable<ThemeIn> = {};\r\n    ThemeFactory.getKeys(currentTheme).forEach(key => {\r\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\r\n      if (descriptor && !descriptor.get && DEFAULT_THEME[key] && currentTheme[key] !== DEFAULT_THEME[key]) {\r\n        themeObject[key] = currentTheme[key] as keyof Theme;\r\n      }\r\n    });\r\n\r\n    console.log(JSON.stringify(themeObject));\r\n  };\r\n\r\n  private handleOpen = () => {\r\n    this.setState(state => ({\r\n      editorOpened: true,\r\n      editingThemeItem: this.editableThemesItems.find(i => i.value === state.currentThemeType),\r\n    }));\r\n  };\r\n\r\n  private handleClose = () => {\r\n    this.setState({\r\n      editorOpened: false,\r\n    });\r\n  };\r\n\r\n  private handleThemeChange = (value: string) => {\r\n    const themeType = value as ThemeType;\r\n    this.setState({\r\n      currentThemeType: themeType,\r\n      currentTheme: this.state.themes[themeType],\r\n    });\r\n  };\r\n\r\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\r\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\r\n    const editingThemeType = editingThemeItem!.value;\r\n\r\n    const theme = themes[editingThemeType];\r\n    const currentValue = theme[variable] as string;\r\n\r\n    let canSetVariable = true;\r\n    if (ColorFunctions.isValid(currentValue)) {\r\n      canSetVariable = ColorFunctions.isValid(value);\r\n      themesErrors[editingThemeType][variable] = !canSetVariable;\r\n    }\r\n\r\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\r\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\r\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\r\n\r\n    if (canSetVariable) {\r\n      const result = this.changeThemeVariable(theme, variable, value);\r\n      stateUpdate.themes[editingThemeType] = result;\r\n      if (this.state.currentThemeType === editingThemeType) {\r\n        stateUpdate.currentTheme = result;\r\n      }\r\n    }\r\n\r\n    this.setState(stateUpdate);\r\n  };\r\n\r\n  private getEditableThemesItems = (query: string) => {\r\n    return Promise.resolve(this.editableThemesItems.filter(i => i.label.toLowerCase().includes(query.toLowerCase())));\r\n  };\r\n\r\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\r\n    this.setState({ editingThemeItem: item });\r\n  };\r\n\r\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\r\n    const result: ThemeIn = {};\r\n    ThemeFactory.getKeys(theme).forEach(key => {\r\n      const descriptor = findPropertyDescriptor(theme, key);\r\n      descriptor.enumerable = true;\r\n      descriptor.configurable = true;\r\n      if (key === variableName) {\r\n        delete descriptor.get;\r\n        delete descriptor.set;\r\n        descriptor.value = variableValue;\r\n      }\r\n      Object.defineProperty(result, key, descriptor);\r\n    });\r\n\r\n    return ThemeFactory.create<ThemeIn>(result);\r\n  };\r\n}\r\n\r\nfunction findPropertyDescriptor(theme: Theme, propName: keyof Theme) {\r\n  for (; theme != null; theme = Object.getPrototypeOf(theme)) {\r\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\r\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\r\n    }\r\n  }\r\n  return {};\r\n}\r\n"]}
+{"version":3,"sources":["ThemeContextPlayground.tsx"],"names":["React","ThemeContext","ThemeFactory","FLAT_THEME","DEFAULT_THEME","DEFAULT_THEME_8PX","FLAT_THEME_8PX","SidePage","Gapped","ComboBox","Link","ColorFunctions","ThemeEditor","jsStyles","Playground","darkTheme","ThemeType","ThemeContextPlayground","props","editableThemesItems","value","Default","label","Default8px","Flat","Flat8px","Dark","renderSidePage","state","currentTheme","themesErrors","editingThemeItem","themes","themeErrors","handleClose","editorHeaderWrapper","getEditableThemesItems","handleEditingThemeSwitch","fontSize","marginTop","handelGetTheme","sidePageBody","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","editingThemeType","theme","currentValue","canSetVariable","isValid","nextThemeErrors","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","findPropertyDescriptor","enumerable","configurable","set","defineProperty","create","default8px","dark","flat","flat8px","render","Component","propName","getPrototypeOf","prototype","hasOwnProperty","call"],"mappings":"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","sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { FLAT_THEME } from '../../lib/theming/themes/FlatTheme';\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\nimport { DEFAULT_THEME_8PX } from '../../lib/theming/themes/DefaultTheme8px';\nimport { FLAT_THEME_8PX } from '../../lib/theming/themes/FlatTheme8px';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Writeable } from '../../typings/utility-types';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { jsStyles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { darkTheme } from './darkTheme';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  default: Theme;\n  default8px: Theme;\n  dark: Theme;\n  flat: Theme;\n  flat8px: Theme;\n}\ninterface ThemesErrors {\n  default: ThemeErrorsType;\n  default8px: ThemeErrorsType;\n  dark: ThemeErrorsType;\n  flat: ThemeErrorsType;\n  flat8px: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.Default, label: 'Дефолтная' },\n    { value: ThemeType.Default8px, label: 'Дефолтная 8px' },\n    { value: ThemeType.Flat, label: 'Плоская' },\n    { value: ThemeType.Flat8px, label: 'Плоская 8px' },\n    { value: ThemeType.Dark, label: 'Темная' },\n  ];\n\n  constructor(props: PlaygroundProps) {\n    super(props);\n    this.state = {\n      currentTheme: DEFAULT_THEME,\n      currentThemeType: ThemeType.Default,\n      editorOpened: false,\n      themes: {\n        default: DEFAULT_THEME,\n        default8px: DEFAULT_THEME_8PX,\n        dark: darkTheme,\n        flat: FLAT_THEME,\n        flat8px: FLAT_THEME_8PX,\n      },\n      themesErrors: {\n        default: {},\n        default8px: {},\n        dark: {},\n        flat: {},\n        flat8px: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n    const themeErrors = themesErrors[editingThemeItem ? editingThemeItem.value : 'default'];\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={jsStyles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handelGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={jsStyles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeItem!.value]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handelGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach(key => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && DEFAULT_THEME[key] && currentTheme[key] !== DEFAULT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState(state => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find(i => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = editingThemeItem!.value;\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter(i => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach(key => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n\nfunction findPropertyDescriptor(theme: Theme, propName: keyof Theme) {\n  for (; theme != null; theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n"]}

package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeEditor.tsx"],"names":["React","ThemeFactory","Gapped","Loader","VariableValue","VARIABLES_GROUPS","DEPRECATED_VARIABLES","jsStyles","ThemeEditor","state","groups","isLoading","updateTimeout","renderGroups","props","editingTheme","currentTheme","currentErrors","onValueChange","keys","getKeys","filter","key","isDeprecatedVariable","map","i","title","isCommon","isCommonVariable","bind","reduce","prefixesReducer","isGroupVariable","prefix","length","render","loaderWrapper","loader","componentDidMount","window","setTimeout","setState","componentWillUnmount","clearTimeout","Component","Group","variables","editorGroupHeader","variable","value","isError","getBaseVariables","name","includes","splitPrefix","split","item","startsWith","trim","prefixes","acc","current","theme","Object","getPrototypeOf","prototype","hasOwnProperty","call","descriptor","getOwnPropertyDescriptor","get","getterBody","toString","variableNameMatchArray","match","v","replace"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Loader } from '../../components/Loader';\r\n\r\nimport { VariableValue } from './VariableValue';\r\nimport { VARIABLES_GROUPS, DEPRECATED_VARIABLES } from './constants';\r\nimport { ThemeErrorsType } from './ThemeContextPlayground';\r\nimport { jsStyles } from './Playground.styles';\r\n\r\ninterface ThemeEditorProps {\r\n  editingTheme: Theme;\r\n  currentTheme: Theme;\r\n  currentErrors: ThemeErrorsType;\r\n  onValueChange: (variable: keyof Theme, value: string) => void;\r\n}\r\ninterface ThemeEditorState {\r\n  groups: Group[];\r\n  isLoading: boolean;\r\n}\r\ninterface Group {\r\n  title: string;\r\n  prefix: string;\r\n  isCommon?: boolean;\r\n}\r\nexport class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {\r\n  public state = {\r\n    groups: [],\r\n    isLoading: true,\r\n  };\r\n  private updateTimeout?: number;\r\n\r\n  public render() {\r\n    return this.state.isLoading ? (\r\n      <div className={jsStyles.loaderWrapper()}>\r\n        <Loader type=\"big\" active className={jsStyles.loader()} />\r\n      </div>\r\n    ) : (\r\n      this.renderGroups()\r\n    );\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.updateTimeout = window.setTimeout(() => {\r\n      this.setState({ groups: VARIABLES_GROUPS, isLoading: false });\r\n    }, 500);\r\n  }\r\n\r\n  public componentWillUnmount(): void {\r\n    clearTimeout(this.updateTimeout);\r\n  }\r\n\r\n  private renderGroups = () => {\r\n    const { editingTheme, currentTheme, currentErrors, onValueChange } = this.props;\r\n    const keys = ThemeFactory.getKeys(editingTheme).filter(key => !isDeprecatedVariable(key));\r\n\r\n    return (\r\n      <Gapped vertical>\r\n        {this.state.groups.map((i: Group) => (\r\n          <Group\r\n            editingTheme={editingTheme}\r\n            currentTheme={currentTheme}\r\n            currentErrors={currentErrors}\r\n            onValueChange={onValueChange}\r\n            title={i.title}\r\n            variables={keys.filter(\r\n              i.isCommon\r\n                ? isCommonVariable.bind(null, this.state.groups.reduce(prefixesReducer, []))\r\n                : isGroupVariable.bind(null, i.prefix),\r\n            )}\r\n            key={i.title}\r\n          />\r\n        ))}\r\n        {DEPRECATED_VARIABLES.length > 0 ? (\r\n          <Group\r\n            editingTheme={editingTheme}\r\n            currentTheme={currentTheme}\r\n            currentErrors={currentErrors}\r\n            onValueChange={onValueChange}\r\n            title={'Deprecated Variables'}\r\n            variables={DEPRECATED_VARIABLES}\r\n          />\r\n        ) : null}\r\n      </Gapped>\r\n    );\r\n  };\r\n}\r\n\r\ninterface GroupProps {\r\n  editingTheme: Theme;\r\n  currentTheme: Theme;\r\n  currentErrors: ThemeErrorsType;\r\n  title: string;\r\n  variables: Array<keyof Theme>;\r\n  onValueChange: (variable: keyof Theme, value: string) => void;\r\n}\r\nconst Group = (props: GroupProps) => {\r\n  const { editingTheme, currentTheme, currentErrors, onValueChange, title, variables } = props;\r\n\r\n  return variables.length > 0 ? (\r\n    <React.Fragment>\r\n      <h2 className={jsStyles.editorGroupHeader(currentTheme)}>{title}</h2>\r\n      {variables.map(variable => {\r\n        const value = editingTheme[variable] as string;\r\n        const isError = currentErrors[variable];\r\n        return (\r\n          <VariableValue\r\n            theme={currentTheme}\r\n            onChange={onValueChange}\r\n            value={value}\r\n            isError={isError || false}\r\n            variable={variable}\r\n            key={variable}\r\n            baseVariables={getBaseVariables(editingTheme, variable)}\r\n            deprecated={isDeprecatedVariable(variable)}\r\n          />\r\n        );\r\n      })}\r\n    </React.Fragment>\r\n  ) : null;\r\n};\r\n\r\nconst isDeprecatedVariable = (name: keyof Theme) => {\r\n  return DEPRECATED_VARIABLES.includes(name);\r\n};\r\n\r\nconst isGroupVariable = (prefix: string, name: string) => {\r\n  const splitPrefix = prefix.split(' ') || [];\r\n\r\n  for (const item of splitPrefix) {\r\n    if (name.startsWith(item.trim())) {\r\n      return true;\r\n    }\r\n  }\r\n  return false;\r\n};\r\nconst isCommonVariable = (prefixes: string[], name: string) => {\r\n  for (const item of prefixes) {\r\n    if (name.startsWith(item.trim())) {\r\n      return false;\r\n    }\r\n  }\r\n  return true;\r\n};\r\nconst prefixesReducer = (acc: string[], current: { title: string; prefix: string }): string[] => {\r\n  const splitPrefix = current.prefix.split(' ');\r\n  return [...acc, ...splitPrefix];\r\n};\r\nconst getBaseVariables = (theme: Theme, variable: keyof Theme): Array<keyof Theme> => {\r\n  for (; theme != null; theme = Object.getPrototypeOf(theme)) {\r\n    if (Object.prototype.hasOwnProperty.call(theme, variable)) {\r\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variable);\r\n\r\n      if (descriptor && typeof descriptor.get !== 'undefined') {\r\n        const getterBody = descriptor.get.toString();\r\n        const variableNameMatchArray = getterBody.match(/this\\.(\\w+)\\b/gm) || [];\r\n        return (variableNameMatchArray || []).map(v => v.replace(/this\\./g, '')) as Array<keyof Theme>;\r\n      }\r\n      break;\r\n    }\r\n  }\r\n  return [];\r\n};\r\n"]}
+{"version":3,"sources":["ThemeEditor.tsx"],"names":["React","ThemeFactory","Gapped","Loader","VariableValue","VARIABLES_GROUPS","DEPRECATED_VARIABLES","jsStyles","ThemeEditor","state","groups","isLoading","updateTimeout","renderGroups","props","editingTheme","currentTheme","currentErrors","onValueChange","keys","getKeys","filter","key","isDeprecatedVariable","map","i","title","isCommon","isCommonVariable","bind","reduce","prefixesReducer","isGroupVariable","prefix","length","render","loaderWrapper","loader","componentDidMount","window","setTimeout","setState","componentWillUnmount","clearTimeout","Component","Group","variables","editorGroupHeader","variable","value","isError","getBaseVariables","name","includes","splitPrefix","split","item","startsWith","trim","prefixes","acc","current","theme","Object","getPrototypeOf","prototype","hasOwnProperty","call","descriptor","getOwnPropertyDescriptor","get","getterBody","toString","variableNameMatchArray","match","v","replace"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Gapped } from '../../components/Gapped';\nimport { Loader } from '../../components/Loader';\n\nimport { VariableValue } from './VariableValue';\nimport { VARIABLES_GROUPS, DEPRECATED_VARIABLES } from './constants';\nimport { ThemeErrorsType } from './ThemeContextPlayground';\nimport { jsStyles } from './Playground.styles';\n\ninterface ThemeEditorProps {\n  editingTheme: Theme;\n  currentTheme: Theme;\n  currentErrors: ThemeErrorsType;\n  onValueChange: (variable: keyof Theme, value: string) => void;\n}\ninterface ThemeEditorState {\n  groups: Group[];\n  isLoading: boolean;\n}\ninterface Group {\n  title: string;\n  prefix: string;\n  isCommon?: boolean;\n}\nexport class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {\n  public state = {\n    groups: [],\n    isLoading: true,\n  };\n  private updateTimeout?: number;\n\n  public render() {\n    return this.state.isLoading ? (\n      <div className={jsStyles.loaderWrapper()}>\n        <Loader type=\"big\" active className={jsStyles.loader()} />\n      </div>\n    ) : (\n      this.renderGroups()\n    );\n  }\n\n  public componentDidMount() {\n    this.updateTimeout = window.setTimeout(() => {\n      this.setState({ groups: VARIABLES_GROUPS, isLoading: false });\n    }, 500);\n  }\n\n  public componentWillUnmount(): void {\n    clearTimeout(this.updateTimeout);\n  }\n\n  private renderGroups = () => {\n    const { editingTheme, currentTheme, currentErrors, onValueChange } = this.props;\n    const keys = ThemeFactory.getKeys(editingTheme).filter(key => !isDeprecatedVariable(key));\n\n    return (\n      <Gapped vertical>\n        {this.state.groups.map((i: Group) => (\n          <Group\n            editingTheme={editingTheme}\n            currentTheme={currentTheme}\n            currentErrors={currentErrors}\n            onValueChange={onValueChange}\n            title={i.title}\n            variables={keys.filter(\n              i.isCommon\n                ? isCommonVariable.bind(null, this.state.groups.reduce(prefixesReducer, []))\n                : isGroupVariable.bind(null, i.prefix),\n            )}\n            key={i.title}\n          />\n        ))}\n        {DEPRECATED_VARIABLES.length > 0 ? (\n          <Group\n            editingTheme={editingTheme}\n            currentTheme={currentTheme}\n            currentErrors={currentErrors}\n            onValueChange={onValueChange}\n            title={'Deprecated Variables'}\n            variables={DEPRECATED_VARIABLES}\n          />\n        ) : null}\n      </Gapped>\n    );\n  };\n}\n\ninterface GroupProps {\n  editingTheme: Theme;\n  currentTheme: Theme;\n  currentErrors: ThemeErrorsType;\n  title: string;\n  variables: Array<keyof Theme>;\n  onValueChange: (variable: keyof Theme, value: string) => void;\n}\nconst Group = (props: GroupProps) => {\n  const { editingTheme, currentTheme, currentErrors, onValueChange, title, variables } = props;\n\n  return variables.length > 0 ? (\n    <React.Fragment>\n      <h2 className={jsStyles.editorGroupHeader(currentTheme)}>{title}</h2>\n      {variables.map(variable => {\n        const value = editingTheme[variable] as string;\n        const isError = currentErrors[variable];\n        return (\n          <VariableValue\n            theme={currentTheme}\n            onChange={onValueChange}\n            value={value}\n            isError={isError || false}\n            variable={variable}\n            key={variable}\n            baseVariables={getBaseVariables(editingTheme, variable)}\n            deprecated={isDeprecatedVariable(variable)}\n          />\n        );\n      })}\n    </React.Fragment>\n  ) : null;\n};\n\nconst isDeprecatedVariable = (name: keyof Theme) => {\n  return DEPRECATED_VARIABLES.includes(name);\n};\n\nconst isGroupVariable = (prefix: string, name: string) => {\n  const splitPrefix = prefix.split(' ') || [];\n\n  for (const item of splitPrefix) {\n    if (name.startsWith(item.trim())) {\n      return true;\n    }\n  }\n  return false;\n};\nconst isCommonVariable = (prefixes: string[], name: string) => {\n  for (const item of prefixes) {\n    if (name.startsWith(item.trim())) {\n      return false;\n    }\n  }\n  return true;\n};\nconst prefixesReducer = (acc: string[], current: { title: string; prefix: string }): string[] => {\n  const splitPrefix = current.prefix.split(' ');\n  return [...acc, ...splitPrefix];\n};\nconst getBaseVariables = (theme: Theme, variable: keyof Theme): Array<keyof Theme> => {\n  for (; theme != null; theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, variable)) {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variable);\n\n      if (descriptor && typeof descriptor.get !== 'undefined') {\n        const getterBody = descriptor.get.toString();\n        const variableNameMatchArray = getterBody.match(/this\\.(\\w+)\\b/gm) || [];\n        return (variableNameMatchArray || []).map(v => v.replace(/this\\./g, '')) as Array<keyof Theme>;\n      }\n      break;\n    }\n  }\n  return [];\n};\n"]}

package/internal/ThemePlayground/TogglePlayground/TogglePlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TogglePlayground.tsx"],"names":["React","Component","Gapped","Toggle","TogglePlayground","state","checked","loadingActive","loading","render"],"mappings":"sEAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,OAAO,EAAE,KADI;AAEbC,MAAAA,aAAa,EAAE,KAFF;AAGbC,MAAAA,OAAO,EAAE,KAHI,EADjB;;;AAOSC,EAAAA,MAPT,GAOE,kBAAgB;AACd;AACE,0BAAC,MAAD,IAAQ,QAAQ,MAAhB;AACE,0BAAC,MAAD,IAAQ,GAAG,EAAE,EAAb;AACE,0BAAC,MAAD,OADF;AAEE,gDAFF,CADF;;AAKE,0BAAC,MAAD,IAAQ,GAAG,EAAE,EAAb;AACE,0BAAC,MAAD,IAAQ,QAAQ,MAAhB,GADF;AAEE,yDAFF,CALF,CADF;;;;AAYD,GApBH,2BAAsCR,SAAtC","sourcesContent":["import React, { Component } from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Toggle } from '../../components/Toggle';\r\n\r\nexport class TogglePlayground extends Component<{}, any> {\r\n  public state = {\r\n    checked: false,\r\n    loadingActive: false,\r\n    loading: false,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <Gapped vertical>\r\n        <Gapped gap={10}>\r\n          <Toggle />\r\n          <div>Toggle</div>\r\n        </Gapped>\r\n        <Gapped gap={10}>\r\n          <Toggle disabled />\r\n          <div>Disabled toggle</div>\r\n        </Gapped>\r\n      </Gapped>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TogglePlayground.tsx"],"names":["React","Component","Gapped","Toggle","TogglePlayground","state","checked","loadingActive","loading","render"],"mappings":"sEAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,OAAO,EAAE,KADI;AAEbC,MAAAA,aAAa,EAAE,KAFF;AAGbC,MAAAA,OAAO,EAAE,KAHI,EADjB;;;AAOSC,EAAAA,MAPT,GAOE,kBAAgB;AACd;AACE,0BAAC,MAAD,IAAQ,QAAQ,MAAhB;AACE,0BAAC,MAAD,IAAQ,GAAG,EAAE,EAAb;AACE,0BAAC,MAAD,OADF;AAEE,gDAFF,CADF;;AAKE,0BAAC,MAAD,IAAQ,GAAG,EAAE,EAAb;AACE,0BAAC,MAAD,IAAQ,QAAQ,MAAhB,GADF;AAEE,yDAFF,CALF,CADF;;;;AAYD,GApBH,2BAAsCR,SAAtC","sourcesContent":["import React, { Component } from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Toggle } from '../../components/Toggle';\n\nexport class TogglePlayground extends Component<{}, any> {\n  public state = {\n    checked: false,\n    loadingActive: false,\n    loading: false,\n  };\n\n  public render() {\n    return (\n      <Gapped vertical>\n        <Gapped gap={10}>\n          <Toggle />\n          <div>Toggle</div>\n        </Gapped>\n        <Gapped gap={10}>\n          <Toggle disabled />\n          <div>Disabled toggle</div>\n        </Gapped>\n      </Gapped>\n    );\n  }\n}\n"]}

package/internal/ThemePlayground/TokenInputPlayground/TokenInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TokenInputPlayground.tsx"],"names":["React","TokenInput","Token","getItems","query","Promise","resolve","filter","x","toLowerCase","includes","toString","then","res","setTimeout","bind","tokenColors","First","idle","active","Second","Third","Fourth","Fifth","Sixth","TokenInputPlayground","state","selectedItems","render","item","isActive","onClick","onRemove","itemsNew","setState","Component"],"mappings":"+MAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,UAAT,QAA2B,6BAA3B;AACA,SAASC,KAAT,QAAmC,wBAAnC,C;;AAEeC,Q,0IAAf,iBAAwBC,KAAxB;AACSC,YAAAA,OAAO,CAACC,OAAR;AACL,aAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,EAA6B,QAA7B,EAAuC,OAAvC,EAAgD,OAAhD,EAAyDC,MAAzD;AACE,sBAAAC,CAAC,UAAIA,CAAC,CAACC,WAAF,GAAgBC,QAAhB,CAAyBN,KAAK,CAACK,WAAN,EAAzB,KAAiDD,CAAC,CAACG,QAAF,OAAiBP,KAAtE,EADH,CADK;;AAILQ,YAAAA,IAJK;AAKL,sBAACC,GAAD,UAAmB,IAAIR,OAAJ,CAAsB,UAAAC,OAAO,UAAIQ,UAAU,CAACR,OAAO,CAACS,IAAR,CAAa,IAAb,EAAmBF,GAAnB,CAAD,EAA0B,GAA1B,CAAd,EAA7B,CAAnB,EALK,CADT,0D;;;;AAUA,IAAMG,WAA2C,GAAG;AAClDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,MAAM,EAAE,YAFH,EAD2C;;AAKlDC,EAAAA,MAAM,EAAE;AACNF,IAAAA,IAAI,EAAE,UADA;AAENC,IAAAA,MAAM,EAAE,YAFF,EAL0C;;AASlDE,EAAAA,KAAK,EAAE;AACLH,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,MAAM,EAAE,aAFH,EAT2C;;AAalDG,EAAAA,MAAM,EAAE;AACNJ,IAAAA,IAAI,EAAE,YADA;AAENC,IAAAA,MAAM,EAAE,cAFF,EAb0C;;AAiBlDI,EAAAA,KAAK,EAAE;AACLL,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,MAAM,EAAE,WAFH,EAjB2C;;AAqBlDK,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,MAAM,EAAE,OAFH,EArB2C;;AAyBlD,aAAS;AACPD,IAAAA,IAAI,EAAE,aADC;AAEPC,IAAAA,MAAM,EAAE,eAFD,EAzByC,EAApD;;;;AA+BA,WAAaM,oBAAb;AACSC,IAAAA,KADT,GACiB,EAAEC,aAAa,EAAE,CAAC,OAAD,EAAU,QAAV,CAAjB,EADjB;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd;AACE,0BAAC,UAAD;AACE,QAAA,QAAQ,EAAEzB,QADZ;AAEE,QAAA,aAAa,EAAE,KAAKuB,KAAL,CAAWC,aAF5B;AAGE,QAAA,WAAW,EAAE,qBAACE,IAAD,aAASC,QAAT,QAASA,QAAT,CAAmBC,OAAnB,QAAmBA,OAAnB,CAA4BC,QAA5B,QAA4BA,QAA5B;AACX,gCAAC,KAAD;AACE,cAAA,GAAG,EAAEH,IAAI,CAAClB,QAAL,EADP;AAEE,cAAA,MAAM,EAAEK,WAAW,CAACa,IAAD,CAAX,IAAqBb,WAAW,WAF1C;AAGE,cAAA,QAAQ,EAAEc,QAHZ;AAIE,cAAA,OAAO,EAAEC,OAJX;AAKE,cAAA,QAAQ,EAAEC,QALZ;;AAOGH,YAAAA,IAPH,CADW,GAHf;;;AAcE,QAAA,aAAa,EAAE,uBAAAI,QAAQ,UAAI,MAAI,CAACC,QAAL,CAAc,EAAEP,aAAa,EAAEM,QAAjB,EAAd,CAAJ,EAdzB,GADF;;;AAkBD,GAtBH,+BAA0CjC,KAAK,CAACmC,SAAhD","sourcesContent":["import React from 'react';\r\n\r\nimport { TokenInput } from '../../components/TokenInput';\r\nimport { Token, TokenColors } from '../../components/Token';\r\n\r\nasync function getItems(query: string) {\r\n  return Promise.resolve(\r\n    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(\r\n      x => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query,\r\n    ),\r\n  ).then(\r\n    (res: string[]) => new Promise<string[]>(resolve => setTimeout(resolve.bind(null, res), 500)),\r\n  );\r\n}\r\n\r\nconst tokenColors: { [key: string]: TokenColors } = {\r\n  First: {\r\n    idle: 'grayIdle',\r\n    active: 'grayActive',\r\n  },\r\n  Second: {\r\n    idle: 'blueIdle',\r\n    active: 'blueActive',\r\n  },\r\n  Third: {\r\n    idle: 'greenIdle',\r\n    active: 'greenActive',\r\n  },\r\n  Fourth: {\r\n    idle: 'yellowIdle',\r\n    active: 'yellowActive',\r\n  },\r\n  Fifth: {\r\n    idle: 'redIdle',\r\n    active: 'redActive',\r\n  },\r\n  Sixth: {\r\n    idle: 'white',\r\n    active: 'black',\r\n  },\r\n  default: {\r\n    idle: 'defaultIdle',\r\n    active: 'defaultActive',\r\n  },\r\n};\r\n\r\nexport class TokenInputPlayground extends React.Component<any, any> {\r\n  public state = { selectedItems: ['First', 'Second'] };\r\n\r\n  public render() {\r\n    return (\r\n      <TokenInput\r\n        getItems={getItems}\r\n        selectedItems={this.state.selectedItems}\r\n        renderToken={(item, { isActive, onClick, onRemove }) => (\r\n          <Token\r\n            key={item.toString()}\r\n            colors={tokenColors[item] || tokenColors.default}\r\n            isActive={isActive}\r\n            onClick={onClick}\r\n            onRemove={onRemove}\r\n          >\r\n            {item}\r\n          </Token>\r\n        )}\r\n        onValueChange={itemsNew => this.setState({ selectedItems: itemsNew })}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TokenInputPlayground.tsx"],"names":["React","TokenInput","Token","getItems","query","Promise","resolve","filter","x","toLowerCase","includes","toString","then","res","setTimeout","bind","tokenColors","First","idle","active","Second","Third","Fourth","Fifth","Sixth","TokenInputPlayground","state","selectedItems","render","item","isActive","onClick","onRemove","itemsNew","setState","Component"],"mappings":"+MAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,UAAT,QAA2B,6BAA3B;AACA,SAASC,KAAT,QAAmC,wBAAnC,C;;AAEeC,Q,0IAAf,iBAAwBC,KAAxB;AACSC,YAAAA,OAAO,CAACC,OAAR;AACL,aAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,EAA6B,QAA7B,EAAuC,OAAvC,EAAgD,OAAhD,EAAyDC,MAAzD;AACE,sBAAAC,CAAC,UAAIA,CAAC,CAACC,WAAF,GAAgBC,QAAhB,CAAyBN,KAAK,CAACK,WAAN,EAAzB,KAAiDD,CAAC,CAACG,QAAF,OAAiBP,KAAtE,EADH,CADK;;AAILQ,YAAAA,IAJK;AAKL,sBAACC,GAAD,UAAmB,IAAIR,OAAJ,CAAsB,UAAAC,OAAO,UAAIQ,UAAU,CAACR,OAAO,CAACS,IAAR,CAAa,IAAb,EAAmBF,GAAnB,CAAD,EAA0B,GAA1B,CAAd,EAA7B,CAAnB,EALK,CADT,0D;;;;AAUA,IAAMG,WAA2C,GAAG;AAClDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,MAAM,EAAE,YAFH,EAD2C;;AAKlDC,EAAAA,MAAM,EAAE;AACNF,IAAAA,IAAI,EAAE,UADA;AAENC,IAAAA,MAAM,EAAE,YAFF,EAL0C;;AASlDE,EAAAA,KAAK,EAAE;AACLH,IAAAA,IAAI,EAAE,WADD;AAELC,IAAAA,MAAM,EAAE,aAFH,EAT2C;;AAalDG,EAAAA,MAAM,EAAE;AACNJ,IAAAA,IAAI,EAAE,YADA;AAENC,IAAAA,MAAM,EAAE,cAFF,EAb0C;;AAiBlDI,EAAAA,KAAK,EAAE;AACLL,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,MAAM,EAAE,WAFH,EAjB2C;;AAqBlDK,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,MAAM,EAAE,OAFH,EArB2C;;AAyBlD,aAAS;AACPD,IAAAA,IAAI,EAAE,aADC;AAEPC,IAAAA,MAAM,EAAE,eAFD,EAzByC,EAApD;;;;AA+BA,WAAaM,oBAAb;AACSC,IAAAA,KADT,GACiB,EAAEC,aAAa,EAAE,CAAC,OAAD,EAAU,QAAV,CAAjB,EADjB;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd;AACE,0BAAC,UAAD;AACE,QAAA,QAAQ,EAAEzB,QADZ;AAEE,QAAA,aAAa,EAAE,KAAKuB,KAAL,CAAWC,aAF5B;AAGE,QAAA,WAAW,EAAE,qBAACE,IAAD,aAASC,QAAT,QAASA,QAAT,CAAmBC,OAAnB,QAAmBA,OAAnB,CAA4BC,QAA5B,QAA4BA,QAA5B;AACX,gCAAC,KAAD;AACE,cAAA,GAAG,EAAEH,IAAI,CAAClB,QAAL,EADP;AAEE,cAAA,MAAM,EAAEK,WAAW,CAACa,IAAD,CAAX,IAAqBb,WAAW,WAF1C;AAGE,cAAA,QAAQ,EAAEc,QAHZ;AAIE,cAAA,OAAO,EAAEC,OAJX;AAKE,cAAA,QAAQ,EAAEC,QALZ;;AAOGH,YAAAA,IAPH,CADW,GAHf;;;AAcE,QAAA,aAAa,EAAE,uBAAAI,QAAQ,UAAI,MAAI,CAACC,QAAL,CAAc,EAAEP,aAAa,EAAEM,QAAjB,EAAd,CAAJ,EAdzB,GADF;;;AAkBD,GAtBH,+BAA0CjC,KAAK,CAACmC,SAAhD","sourcesContent":["import React from 'react';\n\nimport { TokenInput } from '../../components/TokenInput';\nimport { Token, TokenColors } from '../../components/Token';\n\nasync function getItems(query: string) {\n  return Promise.resolve(\n    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(\n      x => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query,\n    ),\n  ).then(\n    (res: string[]) => new Promise<string[]>(resolve => setTimeout(resolve.bind(null, res), 500)),\n  );\n}\n\nconst tokenColors: { [key: string]: TokenColors } = {\n  First: {\n    idle: 'grayIdle',\n    active: 'grayActive',\n  },\n  Second: {\n    idle: 'blueIdle',\n    active: 'blueActive',\n  },\n  Third: {\n    idle: 'greenIdle',\n    active: 'greenActive',\n  },\n  Fourth: {\n    idle: 'yellowIdle',\n    active: 'yellowActive',\n  },\n  Fifth: {\n    idle: 'redIdle',\n    active: 'redActive',\n  },\n  Sixth: {\n    idle: 'white',\n    active: 'black',\n  },\n  default: {\n    idle: 'defaultIdle',\n    active: 'defaultActive',\n  },\n};\n\nexport class TokenInputPlayground extends React.Component<any, any> {\n  public state = { selectedItems: ['First', 'Second'] };\n\n  public render() {\n    return (\n      <TokenInput\n        getItems={getItems}\n        selectedItems={this.state.selectedItems}\n        renderToken={(item, { isActive, onClick, onRemove }) => (\n          <Token\n            key={item.toString()}\n            colors={tokenColors[item] || tokenColors.default}\n            isActive={isActive}\n            onClick={onClick}\n            onRemove={onRemove}\n          >\n            {item}\n          </Token>\n        )}\n        onValueChange={itemsNew => this.setState({ selectedItems: itemsNew })}\n      />\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["VariableValue.tsx"],"names":["React","EditIcon","DeleteIcon","EventEmitter","cn","Input","Gapped","Link","Hint","isFunction","jsStyles","emitter","VariableValue","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","baseVariableRoot","colorIcon","baseLinkWrapper","textAlign","map","v","emitClickEvent","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","render","theme","deprecated","variableName","length","componentDidMount","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","isColor","isError","linkRoot","Component","defaultProps","BaseVariableLink","baseVariable","color","style","Option","startsWith"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport EditIcon from '@skbkontur/react-icons/Edit';\r\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\r\nimport EventEmitter from 'eventemitter3';\r\nimport cn from 'classnames';\r\n\r\nimport { Input } from '../../components/Input';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { Link } from '../../components/Link';\r\nimport { Hint } from '../../components/Hint';\r\nimport { isFunction } from '../../lib/utils';\r\n\r\nimport { jsStyles } from './Playground.styles';\r\n\r\nconst emitter = new EventEmitter();\r\n\r\nexport interface VariableValueProps {\r\n  onChange: (variable: keyof Theme, value: string) => void;\r\n  value: string;\r\n  isError: boolean;\r\n  variable: string;\r\n  theme: Theme;\r\n  baseVariables: Array<keyof Theme>;\r\n  deprecated: boolean;\r\n}\r\n\r\nexport interface VariableValueState {\r\n  value: string;\r\n  editing: boolean;\r\n}\r\n\r\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\r\n  public static defaultProps = {\r\n    deprecated: false,\r\n  };\r\n  public state = {\r\n    value: this.props.value,\r\n    editing: false,\r\n  };\r\n  private subscription: { remove: () => void } | null = null;\r\n  private rootElement: HTMLElement | null = null;\r\n  private readonly debounceTimeout = 500;\r\n  private debounceInterval: number | undefined = undefined;\r\n\r\n  public render() {\r\n    const { variable, theme, baseVariables, deprecated } = this.props;\r\n    return (\r\n      <div className={jsStyles.variable(theme)} ref={this.rootRef} tabIndex={0}>\r\n        <div\r\n          className={cn(jsStyles.variableName(theme), { [jsStyles.deprecated()]: deprecated })}\r\n          title={variable}\r\n        >{`${variable}: `}</div>\r\n        {baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public componentDidMount(): void {\r\n    if (!this.subscription) {\r\n      emitter.addListener('clicked', this.emitterEventHandler);\r\n      this.subscription = {\r\n        remove: () => {\r\n          emitter.removeListener('clicked', this.emitterEventHandler);\r\n        },\r\n      };\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: VariableValueProps) {\r\n    if (prevProps.value !== this.props.value) {\r\n      this.setState({ value: this.props.value });\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount(): void {\r\n    if (this.subscription) {\r\n      this.subscription.remove();\r\n    }\r\n    if (this.debounceInterval !== undefined) {\r\n      clearInterval(this.debounceInterval);\r\n    }\r\n  }\r\n\r\n  private renderBaseVariableLink = () => {\r\n    const baseVariables = this.props.baseVariables;\r\n    return (\r\n      <div className={jsStyles.baseVariableRoot()}>\r\n        {this.colorIcon()}\r\n        <div className={jsStyles.baseLinkWrapper()}>\r\n          <Gapped>\r\n            <div style={{ textAlign: 'right' }}>\r\n              <Gapped vertical>\r\n                {baseVariables.map(v => (\r\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\r\n                ))}\r\n              </Gapped>\r\n            </div>\r\n            <Hint text={'Изменить значение'}>\r\n              <Link icon={<EditIcon />} onClick={this.handleEditLinkClick} />\r\n            </Hint>\r\n          </Gapped>\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  private renderInputWrapper = () => {\r\n    return this.state.editing ? (\r\n      <Gapped>\r\n        {this.renderInput()}\r\n        {this.renderRollbackIcon()}\r\n      </Gapped>\r\n    ) : (\r\n      this.renderInput()\r\n    );\r\n  };\r\n\r\n  private renderInput() {\r\n    return (\r\n      <Input\r\n        leftIcon={isColor(this.state.value) && this.colorIcon()}\r\n        value={this.state.value}\r\n        onValueChange={this.handleChange}\r\n        onBlur={this.handleBlur}\r\n        align={'right'}\r\n        width={this.state.editing ? 225 : 250}\r\n        error={this.props.isError}\r\n      />\r\n    );\r\n  }\r\n\r\n  private renderRollbackIcon() {\r\n    return (\r\n      <Hint text={'Вернуться к базовой переменной'}>\r\n        <div className={jsStyles.linkRoot()}>\r\n          <Link icon={<DeleteIcon />} onClick={this.rollbackToBaseVariable} />\r\n        </div>\r\n      </Hint>\r\n    );\r\n  }\r\n\r\n  private rootRef = (instance: HTMLElement | null) => {\r\n    this.rootElement = instance;\r\n  };\r\n\r\n  private colorIcon = () => {\r\n    return <div className={jsStyles.colorIcon()} style={{ background: this.state.value }} />;\r\n  };\r\n\r\n  private handleEditLinkClick = () => {\r\n    this.setState({\r\n      editing: true,\r\n    });\r\n  };\r\n\r\n  private rollbackToBaseVariable = () => {\r\n    this.setState({\r\n      editing: false,\r\n      value: this.props.value,\r\n    });\r\n  };\r\n\r\n  private emitClickEvent = (variable: string | number) => {\r\n    emitter.emit('clicked', variable);\r\n  };\r\n\r\n  private handleChange = (value: string) => {\r\n    this.setState({\r\n      value,\r\n    });\r\n\r\n    if (this.debounceInterval === undefined) {\r\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\r\n    }\r\n  };\r\n\r\n  private debounceHandler = () => {\r\n    const { variable, onChange } = this.props;\r\n\r\n    onChange(variable as keyof Theme, this.state.value);\r\n    clearInterval(this.debounceInterval);\r\n    this.debounceInterval = undefined;\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      editing: false,\r\n    });\r\n  };\r\n\r\n  private emitterEventHandler = (name: keyof Theme) => {\r\n    if (name === this.props.variable && this.rootElement) {\r\n      this.rootElement.focus();\r\n    }\r\n  };\r\n}\r\n\r\ninterface BaseVariableLinkProps {\r\n  baseVariable: string | number;\r\n  emitClickEvent: (baseVariable: string | number) => void;\r\n}\r\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\r\n  public render() {\r\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\r\n  }\r\n  private emitClickEvent = () => {\r\n    this.props.emitClickEvent(this.props.baseVariable);\r\n  };\r\n}\r\n\r\nfunction isColor(color: string | (() => string)) {\r\n  if (isFunction(color)) {\r\n    color = color();\r\n  }\r\n  const style = new Option().style;\r\n  style.color = color;\r\n\r\n  return (\r\n    !!color && (color.startsWith('#') || color.startsWith('rgb') || color.startsWith('hsl') || style.color === color)\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["VariableValue.tsx"],"names":["React","EditIcon","DeleteIcon","EventEmitter","cn","Input","Gapped","Link","Hint","isFunction","jsStyles","emitter","VariableValue","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","baseVariableRoot","colorIcon","baseLinkWrapper","textAlign","map","v","emitClickEvent","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","render","theme","deprecated","variableName","length","componentDidMount","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","isColor","isError","linkRoot","Component","defaultProps","BaseVariableLink","baseVariable","color","style","Option","startsWith"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,KAAT,QAAsB,wBAAtB;AACA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,UAAT,QAA2B,iBAA3B;;AAEA,SAASC,QAAT,QAAyB,qBAAzB;;AAEA,IAAMC,OAAO,GAAG,IAAIR,YAAJ,EAAhB;;;;;;;;;;;;;;;;;AAiBA,WAAaS,aAAb;;;;AAISC,IAAAA,KAJT,GAIiB;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KADL;AAEbE,MAAAA,OAAO,EAAE,KAFI,EAJjB;;AAQUC,IAAAA,YARV,GAQwD,IARxD;AASUC,IAAAA,WATV,GAS4C,IAT5C;AAUmBC,IAAAA,eAVnB,GAUqC,GAVrC;AAWUC,IAAAA,gBAXV,GAWiDC,SAXjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDUC,IAAAA,sBApDV,GAoDmC,YAAM;AACrC,UAAMC,aAAa,GAAG,MAAKR,KAAL,CAAWQ,aAAjC;AACA;AACE,qCAAK,SAAS,EAAEb,QAAQ,CAACc,gBAAT,EAAhB;AACG,cAAKC,SAAL,EADH;AAEE,qCAAK,SAAS,EAAEf,QAAQ,CAACgB,eAAT,EAAhB;AACE,4BAAC,MAAD;AACE,qCAAK,KAAK,EAAE,EAAEC,SAAS,EAAE,OAAb,EAAZ;AACE,4BAAC,MAAD,IAAQ,QAAQ,MAAhB;AACGJ,QAAAA,aAAa,CAACK,GAAd,CAAkB,UAAAC,CAAC;AAClB,gCAAC,gBAAD,IAAkB,GAAG,EAAEA,CAAvB,EAA0B,YAAY,EAAEA,CAAxC,EAA2C,cAAc,EAAE,MAAKC,cAAhE,GADkB,GAAnB,CADH,CADF,CADF;;;;AAQE,4BAAC,IAAD,IAAM,IAAI,EAAE,mBAAZ;AACE,4BAAC,IAAD,IAAM,IAAI,eAAE,oBAAC,QAAD,OAAZ,EAA0B,OAAO,EAAE,MAAKC,mBAAxC,GADF,CARF,CADF,CAFF,CADF;;;;;;AAmBD,KAzEH;;AA2EUC,IAAAA,kBA3EV,GA2E+B,YAAM;AACjC,aAAO,MAAKnB,KAAL,CAAWG,OAAX;AACL,0BAAC,MAAD;AACG,YAAKiB,WAAL,EADH;AAEG,YAAKC,kBAAL,EAFH,CADK;;;AAML,YAAKD,WAAL,EANF;;AAQD,KApFH;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GUE,IAAAA,OA9GV,GA8GoB,UAACC,QAAD,EAAkC;AAClD,YAAKlB,WAAL,GAAmBkB,QAAnB;AACD,KAhHH;;AAkHUX,IAAAA,SAlHV,GAkHsB,YAAM;AACxB,0BAAO,6BAAK,SAAS,EAAEf,QAAQ,CAACe,SAAT,EAAhB,EAAsC,KAAK,EAAE,EAAEY,UAAU,EAAE,MAAKxB,KAAL,CAAWC,KAAzB,EAA7C,GAAP;AACD,KApHH;;AAsHUiB,IAAAA,mBAtHV,GAsHgC,YAAM;AAClC,YAAKO,QAAL,CAAc;AACZtB,QAAAA,OAAO,EAAE,IADG,EAAd;;AAGD,KA1HH;;AA4HUuB,IAAAA,sBA5HV,GA4HmC,YAAM;AACrC,YAAKD,QAAL,CAAc;AACZtB,QAAAA,OAAO,EAAE,KADG;AAEZF,QAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAFN,EAAd;;AAID,KAjIH;;AAmIUgB,IAAAA,cAnIV,GAmI2B,UAACU,QAAD,EAA+B;AACtD7B,MAAAA,OAAO,CAAC8B,IAAR,CAAa,SAAb,EAAwBD,QAAxB;AACD,KArIH;;AAuIUE,IAAAA,YAvIV,GAuIyB,UAAC5B,KAAD,EAAmB;AACxC,YAAKwB,QAAL,CAAc;AACZxB,QAAAA,KAAK,EAALA,KADY,EAAd;;;AAIA,UAAI,MAAKM,gBAAL,KAA0BC,SAA9B,EAAyC;AACvC,cAAKD,gBAAL,GAAwBuB,MAAM,CAACC,WAAP,CAAmB,MAAKC,eAAxB,EAAyC,MAAK1B,eAA9C,CAAxB;AACD;AACF,KA/IH;;AAiJU0B,IAAAA,eAjJV,GAiJ4B,YAAM;AACC,YAAK9B,KADN,CACtByB,QADsB,eACtBA,QADsB,CACZM,QADY,eACZA,QADY;;AAG9BA,MAAAA,QAAQ,CAACN,QAAD,EAA0B,MAAK3B,KAAL,CAAWC,KAArC,CAAR;AACAiC,MAAAA,aAAa,CAAC,MAAK3B,gBAAN,CAAb;AACA,YAAKA,gBAAL,GAAwBC,SAAxB;AACD,KAvJH;;AAyJU2B,IAAAA,UAzJV,GAyJuB,YAAM;AACzB,YAAKV,QAAL,CAAc;AACZtB,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,KA7JH;;AA+JUiC,IAAAA,mBA/JV,GA+JgC,UAACC,IAAD,EAAuB;AACnD,UAAIA,IAAI,KAAK,MAAKnC,KAAL,CAAWyB,QAApB,IAAgC,MAAKtB,WAAzC,EAAsD;AACpD,cAAKA,WAAL,CAAiBiC,KAAjB;AACD;AACF,KAnKH,2DAaSC,MAbT,GAaE,kBAAgB,4BACyC,KAAKrC,KAD9C,CACNyB,QADM,gBACNA,QADM,CACIa,KADJ,gBACIA,KADJ,CACW9B,aADX,gBACWA,aADX,CAC0B+B,UAD1B,gBAC0BA,UAD1B,CAEd,oBACE,6BAAK,SAAS,EAAE5C,QAAQ,CAAC8B,QAAT,CAAkBa,KAAlB,CAAhB,EAA0C,GAAG,EAAE,KAAKlB,OAApD,EAA6D,QAAQ,EAAE,CAAvE,iBACE,6BACE,SAAS,EAAE/B,EAAE,CAACM,QAAQ,CAAC6C,YAAT,CAAsBF,KAAtB,CAAD,iBAAkC3C,QAAQ,CAAC4C,UAAT,EAAlC,IAA0DA,UAA1D,OADf,EAEE,KAAK,EAAEd,QAFT,IAGKA,QAHL,QADF,EAKGjB,aAAa,CAACiC,MAAd,GAAuB,CAAvB,IAA4B,CAAC,KAAK3C,KAAL,CAAWG,OAAxC,GAAkD,KAAKM,sBAAL,EAAlD,GAAkF,KAAKU,kBAAL,EALrF,CADF,CASD,CAxBH,QA0BSyB,iBA1BT,GA0BE,6BAAiC,mBAC/B,IAAI,CAAC,KAAKxC,YAAV,EAAwB,CACtBN,OAAO,CAAC+C,WAAR,CAAoB,SAApB,EAA+B,KAAKT,mBAApC,EACA,KAAKhC,YAAL,GAAoB,EAClB0C,MAAM,EAAE,kBAAM,CACZhD,OAAO,CAACiD,cAAR,CAAuB,SAAvB,EAAkC,MAAI,CAACX,mBAAvC,EACD,CAHiB,EAApB,CAKD,CACF,CAnCH,QAqCSY,kBArCT,GAqCE,4BAA0BC,SAA1B,EAAyD,CACvD,IAAIA,SAAS,CAAChD,KAAV,KAAoB,KAAKC,KAAL,CAAWD,KAAnC,EAA0C,CACxC,KAAKwB,QAAL,CAAc,EAAExB,KAAK,EAAE,KAAKC,KAAL,CAAWD,KAApB,EAAd,EACD,CACF,CAzCH,QA2CSiD,oBA3CT,GA2CE,gCAAoC,CAClC,IAAI,KAAK9C,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkB0C,MAAlB,GACD,CACD,IAAI,KAAKvC,gBAAL,KAA0BC,SAA9B,EAAyC,CACvC0B,aAAa,CAAC,KAAK3B,gBAAN,CAAb,CACD,CACF,CAlDH,QAsFUa,WAtFV,GAsFE,uBAAsB,CACpB,oBACE,oBAAC,KAAD,IACE,QAAQ,EAAE+B,OAAO,CAAC,KAAKnD,KAAL,CAAWC,KAAZ,CAAP,IAA6B,KAAKW,SAAL,EADzC,EAEE,KAAK,EAAE,KAAKZ,KAAL,CAAWC,KAFpB,EAGE,aAAa,EAAE,KAAK4B,YAHtB,EAIE,MAAM,EAAE,KAAKM,UAJf,EAKE,KAAK,EAAE,OALT,EAME,KAAK,EAAE,KAAKnC,KAAL,CAAWG,OAAX,GAAqB,GAArB,GAA2B,GANpC,EAOE,KAAK,EAAE,KAAKD,KAAL,CAAWkD,OAPpB,GADF,CAWD,CAlGH,QAoGU/B,kBApGV,GAoGE,8BAA6B,CAC3B,oBACE,oBAAC,IAAD,IAAM,IAAI,EAAE,gCAAZ,iBACE,6BAAK,SAAS,EAAExB,QAAQ,CAACwD,QAAT,EAAhB,iBACE,oBAAC,IAAD,IAAM,IAAI,eAAE,oBAAC,UAAD,OAAZ,EAA4B,OAAO,EAAE,KAAK3B,sBAA1C,GADF,CADF,CADF,CAOD,CA5GH,wBAAmCvC,KAAK,CAACmE,SAAzC,EAAavD,a,CACGwD,Y,GAAe,EAC3Bd,UAAU,EAAE,KADe,E;;;;;;;AAyKzBe,gB;;;;AAIIvC,IAAAA,c,GAAiB,YAAM;AAC7B,aAAKf,KAAL,CAAWe,cAAX,CAA0B,OAAKf,KAAL,CAAWuD,YAArC;AACD,K,iEALMlB,M,GAAP,kBAAgB,CACd,oBAAO,oBAAC,IAAD,IAAM,OAAO,EAAE,KAAKtB,cAApB,IAAqC,KAAKf,KAAL,CAAWuD,YAAhD,CAAP,CACD,C,2BAH4BtE,KAAK,CAACmE,S;;;AASrC,SAASH,OAAT,CAAiBO,KAAjB,EAAiD;AAC/C,MAAI9D,UAAU,CAAC8D,KAAD,CAAd,EAAuB;AACrBA,IAAAA,KAAK,GAAGA,KAAK,EAAb;AACD;AACD,MAAMC,KAAK,GAAG,IAAIC,MAAJ,GAAaD,KAA3B;AACAA,EAAAA,KAAK,CAACD,KAAN,GAAcA,KAAd;;AAEA;AACE,KAAC,CAACA,KAAF,KAAYA,KAAK,CAACG,UAAN,CAAiB,GAAjB,KAAyBH,KAAK,CAACG,UAAN,CAAiB,KAAjB,CAAzB,IAAoDH,KAAK,CAACG,UAAN,CAAiB,KAAjB,CAApD,IAA+EF,KAAK,CAACD,KAAN,KAAgBA,KAA3G,CADF;;AAGD","sourcesContent":["import React from 'react';\nimport EditIcon from '@skbkontur/react-icons/Edit';\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\nimport EventEmitter from 'eventemitter3';\nimport cn from 'classnames';\n\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';\n\nimport { jsStyles } 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\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps = {\n    deprecated: false,\n  };\n  public state = {\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, deprecated } = this.props;\n    return (\n      <div className={jsStyles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n        <div\n          className={cn(jsStyles.variableName(theme), { [jsStyles.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={jsStyles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={jsStyles.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={isColor(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={jsStyles.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={jsStyles.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    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\nfunction isColor(color: string | (() => string)) {\n  if (isFunction(color)) {\n    color = color();\n  }\n  const style = new Option().style;\n  style.color = color;\n\n  return (\n    !!color && (color.startsWith('#') || color.startsWith('rgb') || color.startsWith('hsl') || style.color === color)\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\n\r\nexport enum ThemeType {\r\n  Default = 'default',\r\n  Flat = 'flat',\r\n  Dark = 'dark',\r\n  Default8px = 'default8px',\r\n  Flat8px = 'flat8px',\r\n}\r\n\r\nexport const VARIABLES_GROUPS = [\r\n  { title: 'Common', prefix: 'null', isCommon: true },\r\n  { title: 'Button', prefix: 'btn' },\r\n  { title: 'Border', prefix: 'border' },\r\n  { title: 'Checkbox', prefix: 'checkbox' },\r\n  { title: 'DatePicker', prefix: 'date calendar picker' },\r\n  { title: 'Dropdown', prefix: 'dropdown' },\r\n  { title: 'Input', prefix: 'input' },\r\n  { title: 'Link', prefix: 'link' },\r\n  { title: 'Loader', prefix: 'loader' },\r\n  { title: 'Menu', prefix: 'menu' },\r\n  { title: 'Modal', prefix: 'modal' },\r\n  { title: 'Paging', prefix: 'paging' },\r\n  { title: 'Popup', prefix: 'popup' },\r\n  { title: 'Radio', prefix: 'radio' },\r\n  { title: 'SidePage', prefix: 'sidePage' },\r\n  { title: 'Tabs', prefix: 'tab' },\r\n  { title: 'Textarea', prefix: 'textarea' },\r\n  { title: 'Toast', prefix: 'toast' },\r\n  { title: 'Toggle', prefix: 'toggle' },\r\n  { title: 'Tooltip', prefix: 'tooltip' },\r\n  { title: 'Token', prefix: 'token' },\r\n  { title: 'TokenInput', prefix: 'tokenInput' },\r\n  { title: 'Select', prefix: 'select' },\r\n  { title: 'Spinner', prefix: 'spinner' },\r\n  { title: 'Switcher', prefix: 'switcher' },\r\n  { title: 'Legacy', prefix: 'chb slt' },\r\n];\r\n\r\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [\r\n  'btnBorderRadius',\r\n  'btnSmallBorderRadius',\r\n  'sltPlaceholderColor',\r\n  'chbFontSize',\r\n  'chbLineHeight',\r\n  'chbBoxSize',\r\n  'chbPaddingX',\r\n  'chbPaddingY',\r\n  'chbBgStart',\r\n  'chbBgEnd',\r\n  'chbTextColorDefault',\r\n  'chbTextColorDisabled',\r\n  'chbIndeterminateBg',\r\n  'chbShadow',\r\n  'chbShadowDisabled',\r\n  'chbBorder',\r\n  'chbShadowHover',\r\n  'chbCheckedColor',\r\n  'chbOutlineColorFocus',\r\n  'chbBorderColorWarning',\r\n  'chbBorderColorError',\r\n  'chbCheckedHoverShadow',\r\n  'chbBorderRadius',\r\n  'chbShadowWidth',\r\n  'chbCheckedShadow',\r\n  'chbBorderColorFocus',\r\n  'chbBg',\r\n  'chbHoverBg',\r\n  'chbActiveBg',\r\n  'chbCheckedBg',\r\n  'chbBgDisabled',\r\n  'chbBoxIndeterminateBg',\r\n  'chbCheckedHoverBg',\r\n  'chbCheckedActiveBg',\r\n  'chbCheckedActiveShadow',\r\n  'chbShadowActive',\r\n  'textareaHeight',\r\n  'popupPinOffset',\r\n  'tooltipPinOffset',\r\n];\r\n"]}
+{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  Default = 'default',\n  Flat = 'flat',\n  Dark = 'dark',\n  Default8px = 'default8px',\n  Flat8px = 'flat8px',\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: '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];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [\n  'btnBorderRadius',\n  'btnSmallBorderRadius',\n  'sltPlaceholderColor',\n  'chbFontSize',\n  'chbLineHeight',\n  'chbBoxSize',\n  'chbPaddingX',\n  'chbPaddingY',\n  'chbBgStart',\n  'chbBgEnd',\n  'chbTextColorDefault',\n  'chbTextColorDisabled',\n  'chbIndeterminateBg',\n  'chbShadow',\n  'chbShadowDisabled',\n  'chbBorder',\n  'chbShadowHover',\n  'chbCheckedColor',\n  'chbOutlineColorFocus',\n  'chbBorderColorWarning',\n  'chbBorderColorError',\n  'chbCheckedHoverShadow',\n  'chbBorderRadius',\n  'chbShadowWidth',\n  'chbCheckedShadow',\n  'chbBorderColorFocus',\n  'chbBg',\n  'chbHoverBg',\n  'chbActiveBg',\n  'chbCheckedBg',\n  'chbBgDisabled',\n  'chbBoxIndeterminateBg',\n  'chbCheckedHoverBg',\n  'chbCheckedActiveBg',\n  'chbCheckedActiveShadow',\n  'chbShadowActive',\n  'textareaHeight',\n  'popupPinOffset',\n  'tooltipPinOffset',\n];\n"]}

package/internal/ThemePlayground/darkTheme/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","darkTheme","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","chbCheckedColor","chbBg","chbHoverBg","radioBgImage","radioHoverBg","radioDisabledShadow","chbIndeterminateBg","chbShadowDisabled","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnDisabledShadowColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadowColorArrow","btnDefaultBgStart","btnDefaultBgArrowStart","btnDefaultBgEnd","btnDefaultBgArrowEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultShadowArrowLeft","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverShadowArrowLeft","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnDefaultActiveShadowArrowLeft","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessShadowArrowLeft","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverShadowArrowLeft","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","btnSuccessActiveShadowArrowLeft","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryShadowArrowLeft","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverShadowArrowLeft","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","btnPrimaryActiveShadowArrowLeft","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerShadow","btnDangerShadowArrow","btnDangerShadowArrowLeft","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverShadowArrowLeft","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","btnDangerActiveShadowArrowLeft","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayShadow","btnPayShadowArrow","btnPayShadowArrowLeft","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverShadowArrowLeft","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnPayActiveShadowArrowLeft","sltPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tbBg","tbShadow","tdDividerBg","logoColor","logoHoverColor","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBgChecked","toggleBgWarning","toggleBgError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","specificityLevel","textareaBg","textareaColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\n\r\nexport const darkTheme = ThemeFactory.create({\r\n  brandXLight: '#cae5f5',\r\n  brandLight: '#3094d0',\r\n  brand: '#1e79be',\r\n  brandDark: '#1363a0',\r\n  brandXDark: '#084f85',\r\n  white: '#fff',\r\n  grayXxLight: '#f2f2f2',\r\n  grayXLight: '#e5e5e5',\r\n  grayLight: '#a0a0a0',\r\n  gray: '#808080',\r\n  grayDark: '#333',\r\n  black: '#000',\r\n  blueXxLight: '#e4f3ff',\r\n  blueLight: '#5199db',\r\n  blue: '#3072c4',\r\n  blueDark: '#1e5aa4',\r\n  blueXDark: '#044785',\r\n  greenXxLight: '#e2f7dc',\r\n  green: '#3f9726',\r\n  greenDark: '#228007',\r\n  redXxLight: '#ffd6d6',\r\n  red: '#d70c17',\r\n  redDark: '#ce0014',\r\n  yellowXxLight: '#fff0bc',\r\n  yellow: '#f69c00',\r\n  yellowDark: '#d97e00',\r\n  bgDefault: '#333333',\r\n  bgDisabled: 'rgba(255, 255, 255, 0.05)',\r\n  bgActive: '#5199db',\r\n  errorMain: '#d70c17',\r\n  errorSecondary: '#ffd6d6',\r\n  errorText: '#ce0014',\r\n  warningMain: '#f69c00',\r\n  warningSecondary: '#fff0bc',\r\n  warningText: '#d97e00',\r\n  borderColorFocus: '#5199db',\r\n  borderColorFocusLight: '#bad7f1',\r\n  borderColorGrayDark: '#4D4D4D',\r\n  borderColorGrayLight: '#4D4D4D',\r\n  borderColorError: '#d70c17',\r\n  borderColorWarning: '#f69c00',\r\n  outlineColorFocus: '#fff',\r\n  placeholderColor: '#aaa',\r\n  placeholderColorLight: '#bbb',\r\n  blinkColor: 'rgba(0, 136, 255, 0.4)',\r\n  controlBorderWidth: '1px',\r\n  controlLineHeightSmall: '20px',\r\n  controlLineHeightMedium: '20px',\r\n  controlLineHeightLarge: '22px',\r\n  controlPaddingYSmall: '6px',\r\n  controlPaddingYMedium: '9px',\r\n  controlPaddingYLarge: '10px',\r\n  controlHeightSmall: '34px',\r\n  controlHeightMedium: '40px',\r\n  controlHeightLarge: '44px',\r\n  chbCheckedColor: '#000',\r\n  chbBg: 'linear-gradient(#fdfdfd, #ededed) !important',\r\n  chbHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',\r\n  radioBgImage: 'linear-gradient(#fdfdfd, #ededed) !important',\r\n  radioHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',\r\n  radioDisabledShadow: '0 0 0 1px rgba(0, 0, 0, 0.15) !important',\r\n  chbIndeterminateBg: '#000',\r\n  chbShadowDisabled: 'rgba(255, 255, 255, .5)',\r\n  textColorDefault: '#fff',\r\n  textColorInvert: '#fff',\r\n  textColorDisabled: '#a0a0a0',\r\n  linkColor: '#fff',\r\n  linkActiveColor: 'rgba(255, 255, 255, 0.66)',\r\n  linkHoverColor: '#fff',\r\n  linkDisabledColor: '#a0a0a0',\r\n  linkHoverTextDecoration: 'underline',\r\n  menuItemHoverBg: '#0488E0',\r\n  menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\r\n  loaderBg: '#333',\r\n  loaderOpacity: '0.9',\r\n  btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\r\n  btnDisabledShadowColor: 'rgba(0, 0, 0, 0.15)',\r\n  btnCheckedBg: '#737373',\r\n  btnCheckedTextColor: '#fff',\r\n  btnCheckedShadowColorArrow: 'rgba(0, 0, 0, 0.3)',\r\n  btnDefaultBgStart: 'none',\r\n  btnDefaultBgArrowStart: '#333',\r\n  btnDefaultBgEnd: 'none',\r\n  btnDefaultBgArrowEnd: '#333',\r\n  btnDefaultShadow: '0 1px 0 0 rgba(255,255,255, 1), 0 0 0 1px rgba(255,255,255, 1)',\r\n  btnDefaultShadowArrow: '1.2px -1px 0 0 rgba(255, 255, 255, 1), 1px 0 0 0 rgba(255, 255, 255, 1)',\r\n  btnDefaultShadowArrowLeft: '1px -1px 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(255, 255, 255, 1)',\r\n  btnDefaultHoverBgStart: '#333',\r\n  btnDefaultHoverBgEnd: '#333',\r\n  btnDefaultHoverShadow: '0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2)',\r\n  btnDefaultHoverShadowArrow: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)',\r\n  btnDefaultHoverShadowArrowLeft: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)',\r\n  btnDefaultActiveBg: '#e1e1e1',\r\n  btnDefaultActiveShadow:\r\n    '0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\r\n  btnDefaultActiveShadowArrow:\r\n    '0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnDefaultActiveShadowArrowLeft:\r\n    '0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnSuccessBg: '#419d14',\r\n  btnSuccessBgStart: '#4ba91d',\r\n  btnSuccessBgEnd: '#37910b',\r\n  btnSuccessTextColor: '#fff',\r\n  btnSuccessShadow: '0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5)',\r\n  btnSuccessShadowArrow: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)',\r\n  btnSuccessShadowArrowLeft: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)',\r\n  btnSuccessHoverBgStart: '#3b8d13',\r\n  btnSuccessHoverBgEnd: '#317e0b',\r\n  btnSuccessHoverShadow: '0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3)',\r\n  btnSuccessHoverShadowArrow: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)',\r\n  btnSuccessHoverShadowArrowLeft: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)',\r\n  btnSuccessActiveBg: '#35840e',\r\n  btnSuccessActiveShadow:\r\n    '0 0 0 1px rgba(4, 63, 0, 0.75), 0 -1px 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\r\n  btnSuccessActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnSuccessActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnPrimaryBg: '#1e8dd4',\r\n  btnPrimaryBgStart: '#2899ea',\r\n  btnPrimaryBgEnd: '#167ac1',\r\n  btnPrimaryTextColor: '#fff',\r\n  btnPrimaryShadow: '0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5)',\r\n  btnPrimaryShadowArrow: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)',\r\n  btnPrimaryShadowArrowLeft: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)',\r\n  btnPrimaryHoverBgStart: '#0087d5',\r\n  btnPrimaryHoverBgEnd: '#167ac1',\r\n  btnPrimaryHoverShadow: '0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3)',\r\n  btnPrimaryHoverShadowArrow: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)',\r\n  btnPrimaryHoverShadowArrowLeft: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)',\r\n  btnPrimaryActiveBg: '#0079c3',\r\n  btnPrimaryActiveShadow:\r\n    '0 0 0 1px rgba(10, 63, 99, 0.75), 0 -1px 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\r\n  btnPrimaryActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnPrimaryActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\r\n  btnDangerBg: '#e14c30',\r\n  btnDangerBgStart: '#ec5438',\r\n  btnDangerBgEnd: '#d44327',\r\n  btnDangerTextColor: '#fff',\r\n  btnDangerShadow: '0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4)',\r\n  btnDangerShadowArrow: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)',\r\n  btnDangerShadowArrowLeft: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)',\r\n  btnDangerHoverBgStart: '#d44227',\r\n  btnDangerHoverBgEnd: '#c73013',\r\n  btnDangerHoverShadow: '0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4)',\r\n  btnDangerHoverShadowArrow: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)',\r\n  btnDangerHoverShadowArrowLeft: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)',\r\n  btnDangerActiveBg: '#cd381b',\r\n  btnDangerActiveShadow:\r\n    '0 0 0 1px rgba(108, 7, 7, 0.75), 0 -1px 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\r\n  btnDangerActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnDangerActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1)',\r\n  btnPayBg: '#ffc943',\r\n  btnPayBgStart: '#ffd54b',\r\n  btnPayBgEnd: '#ffbb39',\r\n  btnPayShadow: '0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56)',\r\n  btnPayShadowArrow: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)',\r\n  btnPayShadowArrowLeft: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)',\r\n  btnPayHoverBgStart: '#ffbd3a',\r\n  btnPayHoverBgEnd: '#f8a91d',\r\n  btnPayHoverShadow: '0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4)',\r\n  btnPayHoverShadowArrow: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)',\r\n  btnPayHoverShadowArrowLeft: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)',\r\n  btnPayActiveBg: '#fbb028',\r\n  btnPayActiveShadow:\r\n    '0 0 0 1px rgba(210, 144, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n  btnPayActiveShadowArrow:\r\n    '1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05)',\r\n  btnPayActiveShadowArrowLeft:\r\n    '1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05)',\r\n  sltPlaceholderColor: '#a0a0a0',\r\n  tabColorFocus: '#5199db',\r\n  tabColorError: '#e14c30',\r\n  tabColorWarning: '#ffc943',\r\n  tabColorSuccess: '#419d14',\r\n  tabColorPrimary: '#1e8dd4',\r\n  tabColorHover: '#bad7f1',\r\n  tabColorHoverError: '#f1ac9f',\r\n  tabColorHoverWarning: '#ffeec3',\r\n  tabColorHoverSuccess: '#7de849',\r\n  tabColorHoverPrimary: '#84c4ee',\r\n  tooltipCloseBtnColor: '#808080',\r\n  tooltipCloseBtnHoverColor: '#606060',\r\n  modalBackBg: '#333',\r\n  modalBackOpacity: '0.6',\r\n  modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\r\n  modalCloseButtonDisabledColor: '#8b8b8b',\r\n  modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\r\n  modalFixedHeaderBg: '#333333',\r\n  modalFixedHeaderShadow: '0 1px 7px #000000',\r\n  modalFixedFooterShadow: '0 -1px 10px #000000',\r\n  modalFooterBg: '#272727',\r\n  modalAdaptiveThreshold: '425px',\r\n  sidePageFooterPanelBg: '#272727',\r\n  sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\r\n  sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\r\n  sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\r\n  dateInputIconColor: '#666',\r\n  dateInputMaskColor: '#4D4D4D',\r\n  calendarCellBg: '#333333',\r\n  calendarCellHoverBgColor: '#5199db',\r\n  calendarCellHoverColor: 'white',\r\n  calendarCellActiveHoverColor: 'white',\r\n  calendarCellWeekendColor: '#FF1414',\r\n  calendarCellTodayBorder: '1px solid #333333',\r\n  calendarCellSelectedBgColor: '#5199db',\r\n  calendarCellSelectedFontColor: 'inherit',\r\n  calendarMonthHeaderStickedBgColor: '#333333',\r\n  calendarMonthTitleBorderBottomColor: '#333333',\r\n  dateSelectMenuBg: '#333333',\r\n  dateSelectMenuItemBgActive: '#5199db',\r\n  dateSelectMenuItemBgSelected: '#5199db',\r\n  dateSelectMenuItemBgDisabled: '#333333',\r\n  dateSelectMenuItemFontActive: '#fff',\r\n  dateSelectMenuItemFontSelected: '#fff',\r\n  dateSelectMenuItemFontDisabled: '#a0a0a0',\r\n  datePickerOpenBtnColor: '#333',\r\n  pickerBg: '#333333',\r\n  pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\r\n  pickerTodayWrapperBgColor: '#333333',\r\n  pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\r\n  pickerTodayWrapperHoverBgColor: '#5199db',\r\n  pagingDotsColor: '#A0A0A0',\r\n  pagingForwardLinkColor: '#00A8FF',\r\n  pagingForwardLinkDisabledColor: '#A0A0A0',\r\n  pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\r\n  pagingPageLinkActiveColor: '#a0a0a0',\r\n  pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\r\n  pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\r\n  menuSeparatorBorderColor: '#404040',\r\n  toastBg: 'rgba(0, 0, 0, 0.8)',\r\n  toastColor: 'white',\r\n  toastLinkColor: '#80caff',\r\n  toastCloseColor: '#a0a0a0',\r\n  toastCloseHoverColor: 'white',\r\n  tbBg: '#262626',\r\n  tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\r\n  tdDividerBg: '#808080',\r\n  logoColor: 'white',\r\n  logoHoverColor: '#000',\r\n  menuItemPaddingForIcon: '36px',\r\n  menuBorder: 'rgba(0, 0, 0, 0)',\r\n  menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\r\n  toggleBgChecked: '#3072c4',\r\n  toggleBgWarning: '#f69c00',\r\n  toggleBgError: '#d70c17',\r\n  toggleBgActive: '#e5e5e5',\r\n  toggleFocusShadowColor: '#5199db',\r\n  toggleBorderColor: '#d0d0d0',\r\n  btnMenuArrowColor: '#666',\r\n  popupBorderRadius: '2px',\r\n  popupBorder: '1px solid',\r\n  popupBorderColor: '#4D4D4D',\r\n  popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\r\n  popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\r\n  popupTextColor: '#fff',\r\n  inputColor: '#fff',\r\n  inputTextColor: '#fff',\r\n  inputBg: '#333',\r\n  specificityLevel: '0',\r\n  textareaBg: 'none',\r\n  textareaColor: 'inherit',\r\n});\r\n"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","darkTheme","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","chbCheckedColor","chbBg","chbHoverBg","radioBgImage","radioHoverBg","radioDisabledShadow","chbIndeterminateBg","chbShadowDisabled","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnDisabledShadowColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadowColorArrow","btnDefaultBgStart","btnDefaultBgArrowStart","btnDefaultBgEnd","btnDefaultBgArrowEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultShadowArrowLeft","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverShadowArrowLeft","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnDefaultActiveShadowArrowLeft","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessShadowArrowLeft","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverShadowArrowLeft","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","btnSuccessActiveShadowArrowLeft","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryShadowArrowLeft","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverShadowArrowLeft","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","btnPrimaryActiveShadowArrowLeft","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerShadow","btnDangerShadowArrow","btnDangerShadowArrowLeft","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverShadowArrowLeft","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","btnDangerActiveShadowArrowLeft","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayShadow","btnPayShadowArrow","btnPayShadowArrowLeft","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverShadowArrowLeft","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnPayActiveShadowArrowLeft","sltPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tbBg","tbShadow","tdDividerBg","logoColor","logoHoverColor","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBgChecked","toggleBgWarning","toggleBgError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","specificityLevel","textareaBg","textareaColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nexport const darkTheme = ThemeFactory.create({\n  brandXLight: '#cae5f5',\n  brandLight: '#3094d0',\n  brand: '#1e79be',\n  brandDark: '#1363a0',\n  brandXDark: '#084f85',\n  white: '#fff',\n  grayXxLight: '#f2f2f2',\n  grayXLight: '#e5e5e5',\n  grayLight: '#a0a0a0',\n  gray: '#808080',\n  grayDark: '#333',\n  black: '#000',\n  blueXxLight: '#e4f3ff',\n  blueLight: '#5199db',\n  blue: '#3072c4',\n  blueDark: '#1e5aa4',\n  blueXDark: '#044785',\n  greenXxLight: '#e2f7dc',\n  green: '#3f9726',\n  greenDark: '#228007',\n  redXxLight: '#ffd6d6',\n  red: '#d70c17',\n  redDark: '#ce0014',\n  yellowXxLight: '#fff0bc',\n  yellow: '#f69c00',\n  yellowDark: '#d97e00',\n  bgDefault: '#333333',\n  bgDisabled: 'rgba(255, 255, 255, 0.05)',\n  bgActive: '#5199db',\n  errorMain: '#d70c17',\n  errorSecondary: '#ffd6d6',\n  errorText: '#ce0014',\n  warningMain: '#f69c00',\n  warningSecondary: '#fff0bc',\n  warningText: '#d97e00',\n  borderColorFocus: '#5199db',\n  borderColorFocusLight: '#bad7f1',\n  borderColorGrayDark: '#4D4D4D',\n  borderColorGrayLight: '#4D4D4D',\n  borderColorError: '#d70c17',\n  borderColorWarning: '#f69c00',\n  outlineColorFocus: '#fff',\n  placeholderColor: '#aaa',\n  placeholderColorLight: '#bbb',\n  blinkColor: 'rgba(0, 136, 255, 0.4)',\n  controlBorderWidth: '1px',\n  controlLineHeightSmall: '20px',\n  controlLineHeightMedium: '20px',\n  controlLineHeightLarge: '22px',\n  controlPaddingYSmall: '6px',\n  controlPaddingYMedium: '9px',\n  controlPaddingYLarge: '10px',\n  controlHeightSmall: '34px',\n  controlHeightMedium: '40px',\n  controlHeightLarge: '44px',\n  chbCheckedColor: '#000',\n  chbBg: 'linear-gradient(#fdfdfd, #ededed) !important',\n  chbHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',\n  radioBgImage: 'linear-gradient(#fdfdfd, #ededed) !important',\n  radioHoverBg: 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important',\n  radioDisabledShadow: '0 0 0 1px rgba(0, 0, 0, 0.15) !important',\n  chbIndeterminateBg: '#000',\n  chbShadowDisabled: 'rgba(255, 255, 255, .5)',\n  textColorDefault: '#fff',\n  textColorInvert: '#fff',\n  textColorDisabled: '#a0a0a0',\n  linkColor: '#fff',\n  linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n  linkHoverColor: '#fff',\n  linkDisabledColor: '#a0a0a0',\n  linkHoverTextDecoration: 'underline',\n  menuItemHoverBg: '#0488E0',\n  menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n  loaderBg: '#333',\n  loaderOpacity: '0.9',\n  btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n  btnDisabledShadowColor: 'rgba(0, 0, 0, 0.15)',\n  btnCheckedBg: '#737373',\n  btnCheckedTextColor: '#fff',\n  btnCheckedShadowColorArrow: 'rgba(0, 0, 0, 0.3)',\n  btnDefaultBgStart: 'none',\n  btnDefaultBgArrowStart: '#333',\n  btnDefaultBgEnd: 'none',\n  btnDefaultBgArrowEnd: '#333',\n  btnDefaultShadow: '0 1px 0 0 rgba(255,255,255, 1), 0 0 0 1px rgba(255,255,255, 1)',\n  btnDefaultShadowArrow: '1.2px -1px 0 0 rgba(255, 255, 255, 1), 1px 0 0 0 rgba(255, 255, 255, 1)',\n  btnDefaultShadowArrowLeft: '1px -1px 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(255, 255, 255, 1)',\n  btnDefaultHoverBgStart: '#333',\n  btnDefaultHoverBgEnd: '#333',\n  btnDefaultHoverShadow: '0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2)',\n  btnDefaultHoverShadowArrow: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)',\n  btnDefaultHoverShadowArrowLeft: '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)',\n  btnDefaultActiveBg: '#e1e1e1',\n  btnDefaultActiveShadow:\n    '0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnDefaultActiveShadowArrow:\n    '0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\n  btnDefaultActiveShadowArrowLeft:\n    '0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\n  btnSuccessBg: '#419d14',\n  btnSuccessBgStart: '#4ba91d',\n  btnSuccessBgEnd: '#37910b',\n  btnSuccessTextColor: '#fff',\n  btnSuccessShadow: '0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5)',\n  btnSuccessShadowArrow: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)',\n  btnSuccessShadowArrowLeft: '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)',\n  btnSuccessHoverBgStart: '#3b8d13',\n  btnSuccessHoverBgEnd: '#317e0b',\n  btnSuccessHoverShadow: '0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3)',\n  btnSuccessHoverShadowArrow: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)',\n  btnSuccessHoverShadowArrowLeft: '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)',\n  btnSuccessActiveBg: '#35840e',\n  btnSuccessActiveShadow:\n    '0 0 0 1px rgba(4, 63, 0, 0.75), 0 -1px 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnSuccessActiveShadowArrow:\n    '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\n  btnSuccessActiveShadowArrowLeft:\n    '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\n  btnPrimaryBg: '#1e8dd4',\n  btnPrimaryBgStart: '#2899ea',\n  btnPrimaryBgEnd: '#167ac1',\n  btnPrimaryTextColor: '#fff',\n  btnPrimaryShadow: '0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5)',\n  btnPrimaryShadowArrow: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)',\n  btnPrimaryShadowArrowLeft: '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)',\n  btnPrimaryHoverBgStart: '#0087d5',\n  btnPrimaryHoverBgEnd: '#167ac1',\n  btnPrimaryHoverShadow: '0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3)',\n  btnPrimaryHoverShadowArrow: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)',\n  btnPrimaryHoverShadowArrowLeft: '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)',\n  btnPrimaryActiveBg: '#0079c3',\n  btnPrimaryActiveShadow:\n    '0 0 0 1px rgba(10, 63, 99, 0.75), 0 -1px 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\n  btnPrimaryActiveShadowArrow:\n    '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2)',\n  btnPrimaryActiveShadowArrowLeft:\n    '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)',\n  btnDangerBg: '#e14c30',\n  btnDangerBgStart: '#ec5438',\n  btnDangerBgEnd: '#d44327',\n  btnDangerTextColor: '#fff',\n  btnDangerShadow: '0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4)',\n  btnDangerShadowArrow: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)',\n  btnDangerShadowArrowLeft: '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)',\n  btnDangerHoverBgStart: '#d44227',\n  btnDangerHoverBgEnd: '#c73013',\n  btnDangerHoverShadow: '0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4)',\n  btnDangerHoverShadowArrow: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)',\n  btnDangerHoverShadowArrowLeft: '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)',\n  btnDangerActiveBg: '#cd381b',\n  btnDangerActiveShadow:\n    '0 0 0 1px rgba(108, 7, 7, 0.75), 0 -1px 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n  btnDangerActiveShadowArrow:\n    '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)',\n  btnDangerActiveShadowArrowLeft:\n    '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1)',\n  btnPayBg: '#ffc943',\n  btnPayBgStart: '#ffd54b',\n  btnPayBgEnd: '#ffbb39',\n  btnPayShadow: '0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56)',\n  btnPayShadowArrow: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)',\n  btnPayShadowArrowLeft: '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)',\n  btnPayHoverBgStart: '#ffbd3a',\n  btnPayHoverBgEnd: '#f8a91d',\n  btnPayHoverShadow: '0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4)',\n  btnPayHoverShadowArrow: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)',\n  btnPayHoverShadowArrowLeft: '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)',\n  btnPayActiveBg: '#fbb028',\n  btnPayActiveShadow:\n    '0 0 0 1px rgba(210, 144, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  btnPayActiveShadowArrow:\n    '1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05)',\n  btnPayActiveShadowArrowLeft:\n    '1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05)',\n  sltPlaceholderColor: '#a0a0a0',\n  tabColorFocus: '#5199db',\n  tabColorError: '#e14c30',\n  tabColorWarning: '#ffc943',\n  tabColorSuccess: '#419d14',\n  tabColorPrimary: '#1e8dd4',\n  tabColorHover: '#bad7f1',\n  tabColorHoverError: '#f1ac9f',\n  tabColorHoverWarning: '#ffeec3',\n  tabColorHoverSuccess: '#7de849',\n  tabColorHoverPrimary: '#84c4ee',\n  tooltipCloseBtnColor: '#808080',\n  tooltipCloseBtnHoverColor: '#606060',\n  modalBackBg: '#333',\n  modalBackOpacity: '0.6',\n  modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n  modalCloseButtonDisabledColor: '#8b8b8b',\n  modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n  modalFixedHeaderBg: '#333333',\n  modalFixedHeaderShadow: '0 1px 7px #000000',\n  modalFixedFooterShadow: '0 -1px 10px #000000',\n  modalFooterBg: '#272727',\n  modalAdaptiveThreshold: '425px',\n  sidePageFooterPanelBg: '#272727',\n  sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n  sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n  sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\n  dateInputIconColor: '#666',\n  dateInputMaskColor: '#4D4D4D',\n  calendarCellBg: '#333333',\n  calendarCellHoverBgColor: '#5199db',\n  calendarCellHoverColor: 'white',\n  calendarCellActiveHoverColor: 'white',\n  calendarCellWeekendColor: '#FF1414',\n  calendarCellTodayBorder: '1px solid #333333',\n  calendarCellSelectedBgColor: '#5199db',\n  calendarCellSelectedFontColor: 'inherit',\n  calendarMonthHeaderStickedBgColor: '#333333',\n  calendarMonthTitleBorderBottomColor: '#333333',\n  dateSelectMenuBg: '#333333',\n  dateSelectMenuItemBgActive: '#5199db',\n  dateSelectMenuItemBgSelected: '#5199db',\n  dateSelectMenuItemBgDisabled: '#333333',\n  dateSelectMenuItemFontActive: '#fff',\n  dateSelectMenuItemFontSelected: '#fff',\n  dateSelectMenuItemFontDisabled: '#a0a0a0',\n  datePickerOpenBtnColor: '#333',\n  pickerBg: '#333333',\n  pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n  pickerTodayWrapperBgColor: '#333333',\n  pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\n  pickerTodayWrapperHoverBgColor: '#5199db',\n  pagingDotsColor: '#A0A0A0',\n  pagingForwardLinkColor: '#00A8FF',\n  pagingForwardLinkDisabledColor: '#A0A0A0',\n  pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\n  pagingPageLinkActiveColor: '#a0a0a0',\n  pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\n  pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\n  menuSeparatorBorderColor: '#404040',\n  toastBg: 'rgba(0, 0, 0, 0.8)',\n  toastColor: 'white',\n  toastLinkColor: '#80caff',\n  toastCloseColor: '#a0a0a0',\n  toastCloseHoverColor: 'white',\n  tbBg: '#262626',\n  tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\n  tdDividerBg: '#808080',\n  logoColor: 'white',\n  logoHoverColor: '#000',\n  menuItemPaddingForIcon: '36px',\n  menuBorder: 'rgba(0, 0, 0, 0)',\n  menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\n  toggleBgChecked: '#3072c4',\n  toggleBgWarning: '#f69c00',\n  toggleBgError: '#d70c17',\n  toggleBgActive: '#e5e5e5',\n  toggleFocusShadowColor: '#5199db',\n  toggleBorderColor: '#d0d0d0',\n  btnMenuArrowColor: '#666',\n  popupBorderRadius: '2px',\n  popupBorder: '1px solid',\n  popupBorderColor: '#4D4D4D',\n  popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\n  popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n  popupTextColor: '#fff',\n  inputColor: '#fff',\n  inputTextColor: '#fff',\n  inputBg: '#333',\n  specificityLevel: '0',\n  textareaBg: 'none',\n  textareaColor: 'inherit',\n});\n"]}

package/internal/ThemePlayground/helpers/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["helpers.tsx"],"names":["React","Checkbox","getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","cloneElement","key"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAeC,SAAf,EAAiDC,SAAjD,EAAoE;AAC5G,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBT,QAAtC;AACA,QAAIQ,UAAJ,EAAgB;AACd,UAAME,aAAa,GAAIJ,KAAvB;AACA,UAAII,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAAAC,EAAE,EAAI;AACxB,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGjB,KAAK,CAACkB,YAAN,CAAmBf,SAAnB,eAAmCI,KAAnC,IAA0CY,GAAG,EAAEX,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBW,gBAAnB;AACD,GAnBM,EAmBJ,EAnBI,CAAP;AAoBD,CArBM","sourcesContent":["import React from 'react';\r\n\r\nimport { Checkbox } from '../../components/Checkbox';\r\n\r\nexport const getComponentsFromPropsList = <P extends {}>(component: React.ReactElement<P>, propsList: P[]) => {\r\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\r\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\r\n    // @ts-ignore\r\n    const isCheckbox = component.type === Checkbox;\r\n    if (isCheckbox) {\r\n      const checkboxProps = (props as unknown) as { ref: (el: Checkbox) => void; focused: boolean };\r\n      if (checkboxProps.focused) {\r\n        checkboxProps.ref = el => {\r\n          if (el) {\r\n            el.setState({ focusedByTab: true });\r\n          }\r\n        };\r\n        delete checkboxProps.focused;\r\n      }\r\n    }\r\n\r\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\r\n\r\n    return [...result, elementWithProps];\r\n  }, []);\r\n};\r\n"]}
+{"version":3,"sources":["helpers.tsx"],"names":["React","Checkbox","getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","cloneElement","key"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAeC,SAAf,EAAiDC,SAAjD,EAAoE;AAC5G,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBT,QAAtC;AACA,QAAIQ,UAAJ,EAAgB;AACd,UAAME,aAAa,GAAIJ,KAAvB;AACA,UAAII,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAAAC,EAAE,EAAI;AACxB,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGjB,KAAK,CAACkB,YAAN,CAAmBf,SAAnB,eAAmCI,KAAnC,IAA0CY,GAAG,EAAEX,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBW,gBAAnB;AACD,GAnBM,EAmBJ,EAnBI,CAAP;AAoBD,CArBM","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends {}>(component: React.ReactElement<P>, propsList: P[]) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    // @ts-ignore\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = (props as unknown) as { ref: (el: Checkbox) => void; focused: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = el => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.tsx"],"names":["React","cn","DEFAULT_THEME","defaultVariables","FLAT_THEME","flatVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","jsStyles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","UNSAFE_componentWillMount","props","isDebugMode","forEach","variable","found","includes","push","render","descriptionsToRender","value","callsCount","executionTime","toFixed","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","elementName","invisibleCell","varName","dependencies","variableDefault","variableFlat","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyFlat","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { Theme } from 'react-ui/lib/theming/Theme';\r\n\r\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\r\nimport { FLAT_THEME as flatVariables } from '../../lib/theming/themes/FlatTheme';\r\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Link } from '../../components/Link';\r\nimport { Sticky } from '../../components/Sticky';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Tooltip } from '../../components/Tooltip';\r\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\r\n\r\nimport {\r\n  ALL_USED_VARIABLES,\r\n  CALLS_COUNT,\r\n  COMPONENT_DESCRIPTIONS,\r\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\r\n  ComponentDescriptionType,\r\n  ComponentRowDescriptionType,\r\n  EXECUTION_TIME,\r\n} from './VariablesCollector';\r\nimport { jsStyles } from './ThemeShowcase.styles';\r\n\r\nconst EMPTY_ARRAY: string[] = [];\r\n\r\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\r\n\r\ninterface ShowcaseProps {\r\n  isDebugMode?: boolean;\r\n}\r\ninterface ShowcaseState {\r\n  selectedVariable?: ComboBoxItem;\r\n}\r\n\r\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\r\n  public state: ShowcaseState = {};\r\n\r\n  private isUnmounting = false;\r\n  private variablesDiff: string[] = [];\r\n\r\n  public UNSAFE_componentWillMount(): void {\r\n    if (this.props.isDebugMode) {\r\n      ALL_VARIABLES.forEach(variable => {\r\n        const found = ALL_USED_VARIABLES.includes(variable);\r\n        if (!found) {\r\n          this.variablesDiff.push(variable);\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    if (!IS_PROXY_SUPPORTED) {\r\n      return (\r\n        <div>\r\n          Таблица использования переменных доступна только в{' '}\r\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\r\n            браузерах с поддержкой Proxy\r\n          </Link>\r\n          .\r\n        </div>\r\n      );\r\n    }\r\n\r\n    const selectedVariable = this.state.selectedVariable;\r\n    const descriptionsToRender = selectedVariable\r\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\r\n      : COMPONENT_DESCRIPTIONS;\r\n\r\n    const isDebugMode = this.props.isDebugMode;\r\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\r\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\r\n\r\n    return (\r\n      <Gapped wrap gap={30} verticalAlign={'top'}>\r\n        <div>\r\n          <Sticky side={'top'}>\r\n            <div className={jsStyles.searchBar()} data-perf-info={`${executionTime} ${callsCount}`}>\r\n              <Gapped gap={15}>\r\n                <ComboBox\r\n                  getItems={this.getItems}\r\n                  value={selectedVariable}\r\n                  onValueChange={this.handleVariableChange}\r\n                  onUnexpectedInput={this.handleUnexpectedVariableInput}\r\n                  placeholder={'поиск по названию переменной'}\r\n                />\r\n                {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\r\n              </Gapped>\r\n            </div>\r\n          </Sticky>\r\n          {Object.keys(descriptionsToRender)\r\n            .sort()\r\n            .map(componentName => (\r\n              <ComponentShowcase\r\n                key={componentName}\r\n                name={componentName}\r\n                description={descriptionsToRender[componentName]}\r\n                isDebugMode={isDebugMode}\r\n                onVariableSelect={this.handleVariableChange}\r\n              />\r\n            ))}\r\n        </div>\r\n        <ShowUnusedVariables diff={this.variablesDiff} />\r\n      </Gapped>\r\n    );\r\n  }\r\n  public componentWillUnmount(): void {\r\n    this.isUnmounting = true;\r\n  }\r\n\r\n  private getValues(query: string) {\r\n    const lowerCaseQuery = query && query.toLowerCase().trim();\r\n    let allItems = ALL_USED_VARIABLES;\r\n    if (lowerCaseQuery) {\r\n      allItems = ALL_USED_VARIABLES.filter(usedVariable => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\r\n    }\r\n    return allItems.map(usedVariableName => ({\r\n      value: usedVariableName,\r\n      label: usedVariableName,\r\n    }));\r\n  }\r\n  private getItems = (query: string) => {\r\n    return Promise.resolve(this.getValues(query));\r\n  };\r\n  private handleVariableChange = (item: ComboBoxItem) => {\r\n    if (!this.isUnmounting) {\r\n      this.setState({ selectedVariable: item });\r\n    }\r\n  };\r\n  private handleUnexpectedVariableInput = (query: string) => {\r\n    const values = this.getValues(query);\r\n    if (values.length > 0) {\r\n      return values[0];\r\n    } else {\r\n      return this.resetVariable();\r\n    }\r\n  };\r\n  private resetVariable = () => {\r\n    if (!this.isUnmounting) {\r\n      this.setState({ selectedVariable: undefined });\r\n    }\r\n  };\r\n}\r\n\r\ninterface ComponentShowcaseProps {\r\n  name: string;\r\n  description: ComponentDescriptionType;\r\n  isDebugMode?: boolean;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps, {}> {\r\n  public render() {\r\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\r\n    const elements = Object.keys(description);\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <Sticky side={'top'} offset={40}>\r\n          {isSticky => (\r\n            <h2\r\n              className={cn({\r\n                [jsStyles.heading()]: true,\r\n                [jsStyles.headingSticky()]: isSticky,\r\n              })}\r\n            >\r\n              {this.props.name}\r\n            </h2>\r\n          )}\r\n        </Sticky>\r\n        <table className={jsStyles.table()}>\r\n          <thead>\r\n            <tr>\r\n              <th style={{ width: 170 }}>ClassName</th>\r\n              <th style={{ width: 210 }}>Variable Name</th>\r\n              <th style={{ width: 250 }}>Default Value</th>\r\n              <th style={{ width: 250 }}>Flat Value</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {elements.map(el => (\r\n              <ComponentShowcaseRow\r\n                key={`${name}_${el}`}\r\n                element={el}\r\n                row={description[el]}\r\n                onVariableSelect={onVariableSelect}\r\n                isDebugMode={isDebugMode}\r\n              />\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n\r\ninterface ComponentShowcaseRowProps {\r\n  element: string;\r\n  row: ComponentRowDescriptionType;\r\n  isDebugMode?: boolean;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\n\r\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\r\n  public render() {\r\n    const { element: el, row, isDebugMode } = this.props;\r\n    const rowSpan = row.variables.length + 1;\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <tr className={jsStyles.invisibleRow()}>\r\n          <td rowSpan={rowSpan}>\r\n            <span className={jsStyles.elementName()}>.{el}</span>\r\n          </td>\r\n          <td className={jsStyles.invisibleCell()} />\r\n          <td className={jsStyles.invisibleCell()} />\r\n          <td className={jsStyles.invisibleCell()} />\r\n        </tr>\r\n        {row.variables.map(varName => {\r\n          const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\r\n          const variableDefault = defaultVariables[varName] as string;\r\n          const variableFlat = flatVariables[varName] as string;\r\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\r\n\r\n          return (\r\n            <tr key={`${el}_${varName}`} className={cn({ [jsStyles.suspiciousRow()]: hasNoVariables })}>\r\n              <td>\r\n                <VariableName\r\n                  variableName={varName as string}\r\n                  dependencies={dependencies}\r\n                  onVariableSelect={this.props.onVariableSelect}\r\n                />\r\n              </td>\r\n              <td>\r\n                <VariableValue value={variableDefault} />\r\n              </td>\r\n              <td>\r\n                <VariableValue value={variableFlat} />\r\n              </td>\r\n            </tr>\r\n          );\r\n        })}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n\r\ninterface VariableNameProps {\r\n  variableName: string;\r\n  dependencies: Array<keyof Theme>;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\n\r\nclass VariableName extends React.Component<VariableNameProps> {\r\n  public render() {\r\n    return (\r\n      <span>\r\n        <span className={jsStyles.variableName()} onClick={this.handleVariableSelect}>\r\n          {this.props.variableName}\r\n        </span>\r\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderDependencies() {\r\n    const { dependencies, onVariableSelect } = this.props;\r\n    return (\r\n      <React.Fragment>\r\n        <br />\r\n        <br />\r\n        зависит от:\r\n        {dependencies.map(dependency => (\r\n          <DependencyName\r\n            key={`dependency_${dependency}`}\r\n            dependencyName={dependency}\r\n            onDependencySelect={onVariableSelect}\r\n          />\r\n        ))}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  private handleVariableSelect = () => {\r\n    const { variableName, onVariableSelect } = this.props;\r\n    if (onVariableSelect) {\r\n      onVariableSelect({ value: variableName, label: variableName });\r\n    }\r\n  };\r\n}\r\n\r\ninterface DependencyNameProps {\r\n  dependencyName: keyof Theme;\r\n  onDependencySelect: (item: ComboBoxItem) => void;\r\n}\r\nclass DependencyName extends React.Component<DependencyNameProps> {\r\n  public render() {\r\n    return (\r\n      <React.Fragment>\r\n        <br />\r\n        &ndash;{' '}\r\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\r\n          <span className={jsStyles.variableName()} onClick={this.handleDependencySelect}>\r\n            {this.props.dependencyName}\r\n          </span>\r\n        </Tooltip>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  private getValues = () => {\r\n    const dependencyName = this.props.dependencyName;\r\n    const dependencyDefault = defaultVariables[dependencyName] as string;\r\n    const dependencyFlat = flatVariables[dependencyName] as string;\r\n    return (\r\n      <React.Fragment>\r\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\r\n        <br />\r\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</span>\r\n      </React.Fragment>\r\n    );\r\n  };\r\n\r\n  private handleDependencySelect = () => {\r\n    const { dependencyName, onDependencySelect } = this.props;\r\n    if (onDependencySelect) {\r\n      onDependencySelect({ value: dependencyName, label: dependencyName });\r\n    }\r\n  };\r\n}\r\n\r\nconst VariableValue = (props: { value: string }) => {\r\n  const value = props.value;\r\n  const valueIsColor = isColor(value);\r\n  const valueIsGradient = isGradient(value);\r\n  const hasExample = valueIsColor || valueIsGradient;\r\n  let borderColor = 'transparent';\r\n  if (hasExample) {\r\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\r\n  }\r\n\r\n  return (\r\n    <span className={cn({ [jsStyles.undefined()]: !value })}>\r\n      {hasExample && <span className={jsStyles.colorExample()} style={{ background: value, borderColor }} />}\r\n      {value || 'undefined'}\r\n    </span>\r\n  );\r\n};\r\n\r\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\r\n  if (props.diff.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={jsStyles.unusedVariablesWarning()}>\r\n      Неиспользованные переменные ({props.diff.length}\r\n      ):\r\n      <ul>\r\n        {props.diff.sort().map(v => (\r\n          <li key={v}>{v}</li>\r\n        ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n\r\nfunction isColor(input: string) {\r\n  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));\r\n}\r\n\r\nfunction isGradient(input: string) {\r\n  return !!input && input.startsWith('linear-gradient');\r\n}\r\n"]}
+{"version":3,"sources":["ThemeShowcase.tsx"],"names":["React","cn","DEFAULT_THEME","defaultVariables","FLAT_THEME","flatVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","jsStyles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","UNSAFE_componentWillMount","props","isDebugMode","forEach","variable","found","includes","push","render","descriptionsToRender","value","callsCount","executionTime","toFixed","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","elementName","invisibleCell","varName","dependencies","variableDefault","variableFlat","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyFlat","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Theme } from 'react-ui/lib/theming/Theme';\n\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\nimport { FLAT_THEME as flatVariables } from '../../lib/theming/themes/FlatTheme';\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';\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 { jsStyles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(defaultVariables) 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  public UNSAFE_componentWillMount(): void {\n    if (this.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      <Gapped wrap gap={30} verticalAlign={'top'}>\n        <div>\n          <Sticky side={'top'}>\n            <div className={jsStyles.searchBar()} 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  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    } else {\n      return this.resetVariable();\n    }\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 (\n      <React.Fragment>\n        <Sticky side={'top'} offset={40}>\n          {isSticky => (\n            <h2\n              className={cn({\n                [jsStyles.heading()]: true,\n                [jsStyles.headingSticky()]: isSticky,\n              })}\n            >\n              {this.props.name}\n            </h2>\n          )}\n        </Sticky>\n        <table className={jsStyles.table()}>\n          <thead>\n            <tr>\n              <th style={{ width: 170 }}>ClassName</th>\n              <th style={{ width: 210 }}>Variable Name</th>\n              <th style={{ width: 250 }}>Default Value</th>\n              <th style={{ width: 250 }}>Flat Value</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}\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      <React.Fragment>\n        <tr className={jsStyles.invisibleRow()}>\n          <td rowSpan={rowSpan}>\n            <span className={jsStyles.elementName()}>.{el}</span>\n          </td>\n          <td className={jsStyles.invisibleCell()} />\n          <td className={jsStyles.invisibleCell()} />\n          <td className={jsStyles.invisibleCell()} />\n        </tr>\n        {row.variables.map(varName => {\n          const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n          const variableDefault = defaultVariables[varName] as string;\n          const variableFlat = flatVariables[varName] as string;\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\n\n          return (\n            <tr key={`${el}_${varName}`} className={cn({ [jsStyles.suspiciousRow()]: hasNoVariables })}>\n              <td>\n                <VariableName\n                  variableName={varName as string}\n                  dependencies={dependencies}\n                  onVariableSelect={this.props.onVariableSelect}\n                />\n              </td>\n              <td>\n                <VariableValue value={variableDefault} />\n              </td>\n              <td>\n                <VariableValue value={variableFlat} />\n              </td>\n            </tr>\n          );\n        })}\n      </React.Fragment>\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={jsStyles.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={jsStyles.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 = defaultVariables[dependencyName] as string;\n    const dependencyFlat = flatVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <br />\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</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={cn({ [jsStyles.undefined()]: !value })}>\n      {hasExample && <span className={jsStyles.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={jsStyles.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 isColor(input: string) {\n  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));\n}\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"]}