npm - @skbkontur/react-ui - Versions diffs - 2.17.6 → 2.17.7-sidepage-header - Mend

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

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

Files changed (1099) hide show

package/cjs/components/TokenInput/TokenInput.md CHANGED Viewed

@@ -1,77 +1,77 @@
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-const getItems = q =>
-  Promise.resolve(
-    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
-      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
-    ),
-  ).then(delay(500));
-const tokenColors = {
-  First: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  Second: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  Third: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  Fourth: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  Fifth: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  Sixth: {
-    idle: 'white',
-    active: 'black',
-  },
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-};
-<div style={{ width: '300px' }}>
-  <TokenInput
-    type={TokenInputType.Combined}
-    getItems={getItems}
-    selectedItems={state.selectedItems}
-    onValueChange={itemsNew => setState({ selectedItems: itemsNew })}
-    renderToken={(item, tokenProps) => (
-      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
-        {item}
-      </Token>
-    )}
-  />
-</div>;
-```
-#### Локали по умолчанию (см. `LocaleProvider`)
-```typescript
-interface TokenInputLocale {
-  addButtonComment?: string;
-  addButtonTitle?: string;
-}
-const ru_RU = {
-  addButtonComment: 'Нажмите запятую или пробел',
-  addButtonTitle: 'Добавить',
-};
-const en_GB = {
-  addButtonComment: 'Type comma or space',
-  addButtonTitle: 'Add',
-};
-```
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
+const getItems = q =>
+  Promise.resolve(
+    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
+      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
+    ),
+  ).then(delay(500));
+const tokenColors = {
+  First: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  Second: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  Third: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  Fourth: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  Fifth: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  Sixth: {
+    idle: 'white',
+    active: 'black',
+  },
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+};
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={state.selectedItems}
+    onValueChange={itemsNew => setState({ selectedItems: itemsNew })}
+    renderToken={(item, tokenProps) => (
+      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
+        {item}
+      </Token>
+    )}
+  />
+</div>;
+```
+#### Локали по умолчанию (см. `LocaleProvider`)
+```typescript
+interface TokenInputLocale {
+  addButtonComment?: string;
+  addButtonTitle?: string;
+}
+const ru_RU = {
+  addButtonComment: 'Нажмите запятую или пробел',
+  addButtonTitle: 'Добавить',
+};
+const en_GB = {
+  addButtonComment: 'Type comma or space',
+  addButtonTitle: 'Add',
+};
+```

package/cjs/components/TokenInput/TokenInput.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInput.styles.ts"],"names":["styles","label","t","css","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","tokenInputPaddingY","tokenInputPaddingX","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenMarginY","tokenInputLineHeight","tokenInputTextColor","inputAndHelperCommonStyles","tokenInputPlaceholderColor","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","inputAndHelperCommonEditingStyles","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputFontSize","tokenMarginX","tokenPaddingX","tokenLineHeight","inputEditing","reservedInput","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n label(t: Theme) {\r\n return css`\r\n background-color: ${t.tokenInputBg};\r\n box-shadow: ${t.tokenInputShadow};\r\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\r\n border-top-color: ${t.tokenInputBorderTopColor};\r\n box-sizing: border-box;\r\n cursor: text;\r\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: start;\r\n outline: none;\r\n position: relative;\r\n `;\r\n },\r\n\r\n warning(t: Theme) {\r\n return css`\r\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning} !important;\r\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning} !important;\r\n `;\r\n },\r\n\r\n error(t: Theme) {\r\n return css`\r\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError} !important;\r\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError} !important;\r\n `;\r\n },\r\n\r\n labelFocused(t: Theme) {\r\n return css`\r\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus} !important;\r\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus} !important;\r\n `;\r\n },\r\n\r\n labelDisabled(t: Theme) {\r\n return css`\r\n background: ${t.tokenInputDisabledBg} !important;\r\n border-color: ${t.tokenInputDisabledBorderColor} !important;\r\n box-shadow: none !important;\r\n `;\r\n },\r\n\r\n input(t: Theme) {\r\n return css`\r\n min-width: 0;\r\n max-width: 100%;\r\n width: 50px;\r\n background: transparent;\r\n border: none;\r\n box-shadow: none;\r\n outline: none;\r\n font-family: inherit;\r\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\r\n overflow: hidden;\r\n resize: none;\r\n height: ${t.tokenInputLineHeight};\r\n -webkit-appearance: none;\r\n text-overflow: clip;\r\n background-clip: padding-box;\r\n transition: background-color 0.15s ease-in;\r\n color: ${t.tokenInputTextColor};\r\n box-sizing: border-box;\r\n word-break: break-all;\r\n\r\n ${styles.inputAndHelperCommonStyles(t)};\r\n\r\n &::-ms-clear {\r\n display: none;\r\n }\r\n &::placeholder {\r\n color: ${t.tokenInputPlaceholderColor};\r\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\r\n }\r\n &:focus::placeholder {\r\n color: ${t.tokenInputPlaceholderColorLight};\r\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\r\n }\r\n /* fix firefox placeholder opacity /\r\n &:-moz-placeholder {\r\n opacity: 1;\r\n }\r\n &::-moz-placeholder {\r\n opacity: 1;\r\n }\r\n `;\r\n },\r\n\r\n helperContainer(t: Theme) {\r\n return css`\r\n display: flex;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\r\n visibility: hidden;\r\n `;\r\n },\r\n\r\n helperText(t: Theme) {\r\n return css`\r\n max-width: 100%;\r\n word-break: break-all;\r\n\r\n // don't collapse spaces\r\n // so they get counted in width\r\n white-space: pre-wrap;\r\n\r\n ${styles.inputAndHelperCommonStyles(t)}\r\n `;\r\n },\r\n\r\n helperTextEditing(t: Theme) {\r\n return css`\r\n ${styles.inputAndHelperCommonEditingStyles(t)};\r\n\r\n font-size: ${t.tokenFontSize};\r\n padding-bottom: ${t.tokenLegacyTextShift};\r\n `;\r\n },\r\n\r\n inputDisabled(t: Theme) {\r\n return css`\r\n pointer-events: none;\r\n / fix text color in safari */\r\n -webkit-text-fill-color: currentcolor;\r\n color: ${t.tokenInputTextColorDisabled};\r\n `;\r\n },\r\n\r\n inputAndHelperCommonStyles(t: Theme) {\r\n return css`\r\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\r\n line-height: ${t.tokenInputLineHeight};\r\n font-size: ${t.tokenInputFontSize};\r\n `;\r\n },\r\n\r\n inputAndHelperCommonEditingStyles(t: Theme) {\r\n return css`\r\n margin: ${t.tokenMarginY} ${t.tokenMarginX};\r\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\r\n line-height: ${t.tokenLineHeight};\r\n `;\r\n },\r\n\r\n inputEditing(t: Theme) {\r\n return css`\r\n ${cssName(styles.input(t))}& {\r\n ${styles.inputAndHelperCommonEditingStyles(t)};\r\n }\r\n `;\r\n },\r\n\r\n reservedInput(t: Theme) {\r\n return css`\r\n min-width: 2px;\r\n min-height: ${t.tokenInputLineHeight};\r\n line-height: ${t.tokenInputLineHeight};\r\n font-size: ${t.tokenInputFontSize};\r\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\r\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\r\n color: ${t.tokenInputTextColorDisabled};\r\n word-break: break-all;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["TokenInput.styles.ts"],"names":["styles","label","t","css","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","tokenInputPaddingY","tokenInputPaddingX","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenMarginY","tokenInputLineHeight","tokenInputTextColor","inputAndHelperCommonStyles","tokenInputPlaceholderColor","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","inputAndHelperCommonEditingStyles","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputFontSize","tokenMarginX","tokenPaddingX","tokenLineHeight","inputEditing","reservedInput","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n label(t: Theme) {\n return css`\n background-color: ${t.tokenInputBg};\n box-shadow: ${t.tokenInputShadow};\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n border-top-color: ${t.tokenInputBorderTopColor};\n box-sizing: border-box;\n cursor: text;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n outline: none;\n position: relative;\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning} !important;\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning} !important;\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError} !important;\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError} !important;\n `;\n },\n\n labelFocused(t: Theme) {\n return css`\n border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus} !important;\n box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus} !important;\n `;\n },\n\n labelDisabled(t: Theme) {\n return css`\n background: ${t.tokenInputDisabledBg} !important;\n border-color: ${t.tokenInputDisabledBorderColor} !important;\n box-shadow: none !important;\n `;\n },\n\n input(t: Theme) {\n return css`\n min-width: 0;\n max-width: 100%;\n width: 50px;\n background: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n font-family: inherit;\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n overflow: hidden;\n resize: none;\n height: ${t.tokenInputLineHeight};\n -webkit-appearance: none;\n text-overflow: clip;\n background-clip: padding-box;\n transition: background-color 0.15s ease-in;\n color: ${t.tokenInputTextColor};\n box-sizing: border-box;\n word-break: break-all;\n\n ${styles.inputAndHelperCommonStyles(t)};\n\n &::-ms-clear {\n display: none;\n }\n &::placeholder {\n color: ${t.tokenInputPlaceholderColor};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n }\n &:focus::placeholder {\n color: ${t.tokenInputPlaceholderColorLight};\n -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n }\n /* fix firefox placeholder opacity /\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n `;\n },\n\n helperContainer(t: Theme) {\n return css`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n visibility: hidden;\n `;\n },\n\n helperText(t: Theme) {\n return css`\n max-width: 100%;\n word-break: break-all;\n\n // don't collapse spaces\n // so they get counted in width\n white-space: pre-wrap;\n\n ${styles.inputAndHelperCommonStyles(t)}\n `;\n },\n\n helperTextEditing(t: Theme) {\n return css`\n ${styles.inputAndHelperCommonEditingStyles(t)};\n\n font-size: ${t.tokenFontSize};\n padding-bottom: ${t.tokenLegacyTextShift};\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n pointer-events: none;\n / fix text color in safari */\n -webkit-text-fill-color: currentcolor;\n color: ${t.tokenInputTextColorDisabled};\n `;\n },\n\n inputAndHelperCommonStyles(t: Theme) {\n return css`\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n `;\n },\n\n inputAndHelperCommonEditingStyles(t: Theme) {\n return css`\n margin: ${t.tokenMarginY} ${t.tokenMarginX};\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\n line-height: ${t.tokenLineHeight};\n `;\n },\n\n inputEditing(t: Theme) {\n return css`\n ${cssName(styles.input(t))}& {\n ${styles.inputAndHelperCommonEditingStyles(t)};\n }\n `;\n },\n\n reservedInput(t: Theme) {\n return css`\n min-width: 2px;\n min-height: ${t.tokenInputLineHeight};\n line-height: ${t.tokenInputLineHeight};\n font-size: ${t.tokenInputFontSize};\n margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n color: ${t.tokenInputTextColorDisabled};\n word-break: break-all;\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/TokenInput/TokenInputMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInputMenu.tsx"],"names":["TokenInputMenu","theme","menu","getMenuRef","getPopupMargin","paddingY","parseInt","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","ThemeFactory","create","popupMargin","renderMain","props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA;AACA;AACA;;;AAGA;AACA,8D;;;;;;AAMaA,c;;;AAGHC,IAAAA,K;;AAEAC,IAAAA,I,GAAoB,I;;;;;;;;;;;;;;;;;;;;;;;;AAwBrBC,IAAAA,U,GAAa,oBAAkB,MAAKD,IAAvB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCZE,IAAAA,c,GAAiB,YAAc;AACrC,UAAMC,QAAQ,GAAGC,QAAQ,CAAC,MAAKL,KAAL,CAAWM,kBAAZ,EAAgC,EAAhC,CAAR,IAA+C,CAAhE;AACA,UAAMC,YAAY,GAAGF,QAAQ,CAAC,MAAKL,KAAL,CAAWQ,mBAAZ,EAAiC,EAAjC,CAAR,IAAgD,CAArE;AACA,UAAMC,OAAO,GAAGJ,QAAQ,CAAC,MAAKL,KAAL,CAAWU,YAAZ,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,aAAON,QAAQ,GAAGG,YAAX,GAA0BE,OAAjC;AACD,K;;AAEOE,IAAAA,O,GAAU,UAACC,IAAD,UAAgB,MAAKX,IAAL,GAAYW,IAA5B,E,4DAtEXC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAb,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,0BAAD,CAAc,QAAd,IACE,KAAK,EAAEc,2BAAaC,MAAb,CACL,EACEC,WAAW,EAAE,MAAI,CAACb,cAAL,KAAwB,IADvC,EADK,EAILH,KAJK,CADT,IAQG,MAAI,CAACiB,UAAL,EARH,CADF,CAYD,CAfH,CADF,CAmBD,C,QAIOA,U,GAAR,sBAAqB,mBAYf,KAAKC,KAZU,CAEjBC,OAFiB,eAEjBA,OAFiB,CAGjBC,aAHiB,eAGjBA,aAHiB,CAIjBC,gBAJiB,eAIjBA,gBAJiB,CAKjBC,UALiB,eAKjBA,UALiB,CAMjBC,MANiB,eAMjBA,MANiB,CAOjBC,KAPiB,eAOjBA,KAPiB,CAQjBC,cARiB,eAQjBA,cARiB,CASjBC,UATiB,eASjBA,UATiB,CAUjBC,aAViB,eAUjBA,aAViB,CAWjBC,eAXiB,eAWjBA,eAXiB,CAcnB,oBACE,6BAAC,YAAD,IACE,MAAM,EAAEL,MADV,EAEE,SAAS,EAAE,CAAC,aAAD,CAFb,EAGE,aAAa,EAAE,KAAKL,KAAL,CAAWW,aAH5B,EAIE,WAAW,EAAE,CAJf,EAKE,SAAS,EAAE,8BAAW,KAAK7B,KAAhB,CALb,iBAOE,6BAAC,4BAAD,IACE,KAAK,EAAEwB,KADT,EAEE,OAAO,EAAEL,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,aAAa,EAAEO,aAJjB,EAKE,MAAM,EAAEJ,MALV,EAME,OAAO,EAAE,KAAKZ,OANhB,EAOE,gBAAgB,EAAEU,gBAPpB,EAQE,UAAU,EAAEK,UARd,EASE,cAAc,EAAED,cATlB,EAUE,UAAU,EAAEH,UAVd,EAWE,eAAe,EAAEM,eAXnB,GAPF,CADF,CAuBD,C,yBApE6CE,eAAMC,S,0CAAzChC,c,CACGiC,mB,GAAsB,gB","sourcesContent":["import React from 'react';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Popup } from '../../internal/Popup';\r\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\r\nimport { Menu } from '../../internal/Menu';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\r\n anchorElement: HTMLElement;\r\n}\r\n\r\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\r\n public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\r\n\r\n private theme!: Theme;\r\n\r\n private menu: Menu \| null = null;\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return (\r\n <ThemeContext.Provider\r\n value={ThemeFactory.create(\r\n {\r\n popupMargin: this.getPopupMargin() + 'px',\r\n },\r\n theme,\r\n )}\r\n >\r\n {this.renderMain()}\r\n </ThemeContext.Provider>\r\n );\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n public getMenuRef = (): any \| null => this.menu;\r\n\r\n private renderMain() {\r\n const {\r\n loading,\r\n maxMenuHeight,\r\n renderTotalCount,\r\n totalCount,\r\n opened,\r\n items,\r\n renderNotFound,\r\n renderItem,\r\n onValueChange,\r\n renderAddButton,\r\n } = this.props;\r\n\r\n return (\r\n <Popup\r\n opened={opened!}\r\n positions={['bottom left']}\r\n anchorElement={this.props.anchorElement}\r\n popupOffset={5}\r\n hasShadow={is8pxTheme(this.theme)}\r\n >\r\n <ComboBoxMenu\r\n items={items}\r\n loading={loading}\r\n maxMenuHeight={maxMenuHeight}\r\n onValueChange={onValueChange}\r\n opened={opened}\r\n refMenu={this.menuRef}\r\n renderTotalCount={renderTotalCount}\r\n renderItem={renderItem}\r\n renderNotFound={renderNotFound}\r\n totalCount={totalCount}\r\n renderAddButton={renderAddButton}\r\n />\r\n </Popup>\r\n );\r\n }\r\n\r\n private getPopupMargin = (): number => {\r\n const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) \|\| 0;\r\n const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) \|\| 0;\r\n const marginY = parseInt(this.theme.tokenMarginY, 10) \|\| 0;\r\n return paddingY + outlineWidth + marginY;\r\n };\r\n\r\n private menuRef = (node: any) => (this.menu = node);\r\n}\r\n"]}
1	+ {"version":3,"sources":["TokenInputMenu.tsx"],"names":["TokenInputMenu","theme","menu","getMenuRef","getPopupMargin","paddingY","parseInt","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","ThemeFactory","create","popupMargin","renderMain","props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","React","Component","__KONTUR_REACT_UI__"],"mappings":"0PAAA;;AAEA;AACA;AACA;;;AAGA;AACA,8D;;;;;;AAMaA,c;;;AAGHC,IAAAA,K;;AAEAC,IAAAA,I,GAAoB,I;;;;;;;;;;;;;;;;;;;;;;;;AAwBrBC,IAAAA,U,GAAa,oBAAkB,MAAKD,IAAvB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCZE,IAAAA,c,GAAiB,YAAc;AACrC,UAAMC,QAAQ,GAAGC,QAAQ,CAAC,MAAKL,KAAL,CAAWM,kBAAZ,EAAgC,EAAhC,CAAR,IAA+C,CAAhE;AACA,UAAMC,YAAY,GAAGF,QAAQ,CAAC,MAAKL,KAAL,CAAWQ,mBAAZ,EAAiC,EAAjC,CAAR,IAAgD,CAArE;AACA,UAAMC,OAAO,GAAGJ,QAAQ,CAAC,MAAKL,KAAL,CAAWU,YAAZ,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,aAAON,QAAQ,GAAGG,YAAX,GAA0BE,OAAjC;AACD,K;;AAEOE,IAAAA,O,GAAU,UAACC,IAAD,UAAgB,MAAKX,IAAL,GAAYW,IAA5B,E,4DAtEXC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAb,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,0BAAD,CAAc,QAAd,IACE,KAAK,EAAEc,2BAAaC,MAAb,CACL,EACEC,WAAW,EAAE,MAAI,CAACb,cAAL,KAAwB,IADvC,EADK,EAILH,KAJK,CADT,IAQG,MAAI,CAACiB,UAAL,EARH,CADF,CAYD,CAfH,CADF,CAmBD,C,QAIOA,U,GAAR,sBAAqB,mBAYf,KAAKC,KAZU,CAEjBC,OAFiB,eAEjBA,OAFiB,CAGjBC,aAHiB,eAGjBA,aAHiB,CAIjBC,gBAJiB,eAIjBA,gBAJiB,CAKjBC,UALiB,eAKjBA,UALiB,CAMjBC,MANiB,eAMjBA,MANiB,CAOjBC,KAPiB,eAOjBA,KAPiB,CAQjBC,cARiB,eAQjBA,cARiB,CASjBC,UATiB,eASjBA,UATiB,CAUjBC,aAViB,eAUjBA,aAViB,CAWjBC,eAXiB,eAWjBA,eAXiB,CAcnB,oBACE,6BAAC,YAAD,IACE,MAAM,EAAEL,MADV,EAEE,SAAS,EAAE,CAAC,aAAD,CAFb,EAGE,aAAa,EAAE,KAAKL,KAAL,CAAWW,aAH5B,EAIE,WAAW,EAAE,CAJf,EAKE,SAAS,EAAE,8BAAW,KAAK7B,KAAhB,CALb,iBAOE,6BAAC,4BAAD,IACE,KAAK,EAAEwB,KADT,EAEE,OAAO,EAAEL,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,aAAa,EAAEO,aAJjB,EAKE,MAAM,EAAEJ,MALV,EAME,OAAO,EAAE,KAAKZ,OANhB,EAOE,gBAAgB,EAAEU,gBAPpB,EAQE,UAAU,EAAEK,UARd,EASE,cAAc,EAAED,cATlB,EAUE,UAAU,EAAEH,UAVd,EAWE,eAAe,EAAEM,eAXnB,GAPF,CADF,CAuBD,C,yBApE6CE,eAAMC,S,0CAAzChC,c,CACGiC,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n anchorElement: HTMLElement;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n\n private theme!: Theme;\n\n private menu: Menu \| null = null;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {theme => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupMargin: this.getPopupMargin() + 'px',\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getMenuRef = (): any \| null => this.menu;\n\n private renderMain() {\n const {\n loading,\n maxMenuHeight,\n renderTotalCount,\n totalCount,\n opened,\n items,\n renderNotFound,\n renderItem,\n onValueChange,\n renderAddButton,\n } = this.props;\n\n return (\n <Popup\n opened={opened!}\n positions={['bottom left']}\n anchorElement={this.props.anchorElement}\n popupOffset={5}\n hasShadow={is8pxTheme(this.theme)}\n >\n <ComboBoxMenu\n items={items}\n loading={loading}\n maxMenuHeight={maxMenuHeight}\n onValueChange={onValueChange}\n opened={opened}\n refMenu={this.menuRef}\n renderTotalCount={renderTotalCount}\n renderItem={renderItem}\n renderNotFound={renderNotFound}\n totalCount={totalCount}\n renderAddButton={renderAddButton}\n />\n </Popup>\n );\n }\n\n private getPopupMargin = (): number => {\n const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) \|\| 0;\n const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) \|\| 0;\n const marginY = parseInt(this.theme.tokenMarginY, 10) \|\| 0;\n return paddingY + outlineWidth + marginY;\n };\n\n private menuRef = (node: any) => (this.menu = node);\n}\n"]}

package/cjs/components/TokenInput/TokenInputReducer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInputReducer.ts"],"names":["TokenActions","SET_INPUT_VALUE_WIDTH","SET_INPUT_VALUE_HEIGHT","UPDATE_QUERY","SET_FOCUS_IN","SET_PREVENT_BLUR","BLUR","SET_AUTOCOMPLETE_ITEMS","SET_ACTIVE_TOKENS","REMOVE_ALL_ACTIVE_TOKENS","SET_LOADING","CLEAR_INPUT","RESET","SET_EDITING_TOKEN_INDEX","REMOVE_EDITING_TOKEN_INDEX","SET_TEMPORARY_QUERY","REMOVE_TEMPORARY_QUERY","tokenInputReducer","state","action","payload","type","inputValueWidth","inputValueHeight","inputValue","inFocus","preventBlur","autocompleteItems","activeTokens","undefined","loading","DefaultState","editingTokenIndex","reservedInputValue"],"mappings":"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","sourcesContent":["import { TokenInputState, DefaultState } from './TokenInput';\r\n\r\nexport interface TokenInputAction {\r\n type: TokenInputActionType;\r\n payload?: any;\r\n}\r\n\r\nexport const TokenActions = {\r\n SET_INPUT_VALUE_WIDTH: 'SET_INPUT_VALUE_WIDTH',\r\n SET_INPUT_VALUE_HEIGHT: 'SET_INPUT_VALUE_HEIGHT',\r\n UPDATE_QUERY: 'UPDATE_QUERY',\r\n SET_FOCUS_IN: 'SET_FOCUS_IN',\r\n SET_PREVENT_BLUR: 'SET_PREVENT_BLUR',\r\n BLUR: 'BLUR',\r\n SET_AUTOCOMPLETE_ITEMS: 'SET_AUTOCOMPLETE_ITEMS',\r\n SET_ACTIVE_TOKENS: 'SET_ACTIVE_TOKENS',\r\n REMOVE_ALL_ACTIVE_TOKENS: 'REMOVE_ALL_ACTIVE_TOKENS',\r\n SET_LOADING: 'SET_LOADING',\r\n CLEAR_INPUT: 'CLEAR_INPUT',\r\n RESET: 'RESET',\r\n SET_EDITING_TOKEN_INDEX: 'SET_EDITING_TOKEN_INDEX',\r\n REMOVE_EDITING_TOKEN_INDEX: 'REMOVE_EDITING_TOKEN_INDEX',\r\n SET_TEMPORARY_QUERY: 'SET_TEMPORARY_QUERY',\r\n REMOVE_TEMPORARY_QUERY: 'REMOVE_TEMPORARY_QUERY',\r\n};\r\n\r\nexport type TokenInputActionType = keyof typeof TokenActions;\r\n\r\nexport function tokenInputReducer<T = string>(\r\n state: TokenInputState<T>,\r\n action: TokenInputAction,\r\n): Pick<TokenInputState<T>, never> {\r\n const payload = action.payload;\r\n switch (action.type) {\r\n case TokenActions.SET_INPUT_VALUE_WIDTH: {\r\n return { inputValueWidth: payload };\r\n }\r\n case TokenActions.SET_INPUT_VALUE_HEIGHT: {\r\n return { inputValueHeight: payload };\r\n }\r\n case TokenActions.UPDATE_QUERY: {\r\n return { inputValue: payload };\r\n }\r\n case TokenActions.SET_FOCUS_IN: {\r\n return { inFocus: true };\r\n }\r\n case TokenActions.SET_PREVENT_BLUR: {\r\n return { preventBlur: payload };\r\n }\r\n case TokenActions.SET_AUTOCOMPLETE_ITEMS: {\r\n return { autocompleteItems: payload };\r\n }\r\n case TokenActions.SET_ACTIVE_TOKENS: {\r\n return { activeTokens: payload };\r\n }\r\n case TokenActions.BLUR: {\r\n return {\r\n inFocus: false,\r\n preventBlur: false,\r\n autocompleteItems: undefined,\r\n activeTokens: [],\r\n };\r\n }\r\n case TokenActions.REMOVE_ALL_ACTIVE_TOKENS: {\r\n return { activeTokens: [] };\r\n }\r\n case TokenActions.CLEAR_INPUT: {\r\n return { inputValue: '', autocompleteItems: undefined };\r\n }\r\n case TokenActions.SET_LOADING: {\r\n return {\r\n loading: payload,\r\n };\r\n }\r\n case TokenActions.RESET: {\r\n return DefaultState;\r\n }\r\n case TokenActions.SET_EDITING_TOKEN_INDEX: {\r\n return { editingTokenIndex: payload };\r\n }\r\n case TokenActions.REMOVE_EDITING_TOKEN_INDEX: {\r\n return { editingTokenIndex: -1 };\r\n }\r\n case TokenActions.SET_TEMPORARY_QUERY: {\r\n return { reservedInputValue: payload };\r\n }\r\n case TokenActions.REMOVE_TEMPORARY_QUERY: {\r\n return { reservedInputValue: undefined };\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["TokenInputReducer.ts"],"names":["TokenActions","SET_INPUT_VALUE_WIDTH","SET_INPUT_VALUE_HEIGHT","UPDATE_QUERY","SET_FOCUS_IN","SET_PREVENT_BLUR","BLUR","SET_AUTOCOMPLETE_ITEMS","SET_ACTIVE_TOKENS","REMOVE_ALL_ACTIVE_TOKENS","SET_LOADING","CLEAR_INPUT","RESET","SET_EDITING_TOKEN_INDEX","REMOVE_EDITING_TOKEN_INDEX","SET_TEMPORARY_QUERY","REMOVE_TEMPORARY_QUERY","tokenInputReducer","state","action","payload","type","inputValueWidth","inputValueHeight","inputValue","inFocus","preventBlur","autocompleteItems","activeTokens","undefined","loading","DefaultState","editingTokenIndex","reservedInputValue"],"mappings":"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","sourcesContent":["import { TokenInputState, DefaultState } from './TokenInput';\n\nexport interface TokenInputAction {\n type: TokenInputActionType;\n payload?: any;\n}\n\nexport const TokenActions = {\n SET_INPUT_VALUE_WIDTH: 'SET_INPUT_VALUE_WIDTH',\n SET_INPUT_VALUE_HEIGHT: 'SET_INPUT_VALUE_HEIGHT',\n UPDATE_QUERY: 'UPDATE_QUERY',\n SET_FOCUS_IN: 'SET_FOCUS_IN',\n SET_PREVENT_BLUR: 'SET_PREVENT_BLUR',\n BLUR: 'BLUR',\n SET_AUTOCOMPLETE_ITEMS: 'SET_AUTOCOMPLETE_ITEMS',\n SET_ACTIVE_TOKENS: 'SET_ACTIVE_TOKENS',\n REMOVE_ALL_ACTIVE_TOKENS: 'REMOVE_ALL_ACTIVE_TOKENS',\n SET_LOADING: 'SET_LOADING',\n CLEAR_INPUT: 'CLEAR_INPUT',\n RESET: 'RESET',\n SET_EDITING_TOKEN_INDEX: 'SET_EDITING_TOKEN_INDEX',\n REMOVE_EDITING_TOKEN_INDEX: 'REMOVE_EDITING_TOKEN_INDEX',\n SET_TEMPORARY_QUERY: 'SET_TEMPORARY_QUERY',\n REMOVE_TEMPORARY_QUERY: 'REMOVE_TEMPORARY_QUERY',\n};\n\nexport type TokenInputActionType = keyof typeof TokenActions;\n\nexport function tokenInputReducer<T = string>(\n state: TokenInputState<T>,\n action: TokenInputAction,\n): Pick<TokenInputState<T>, never> {\n const payload = action.payload;\n switch (action.type) {\n case TokenActions.SET_INPUT_VALUE_WIDTH: {\n return { inputValueWidth: payload };\n }\n case TokenActions.SET_INPUT_VALUE_HEIGHT: {\n return { inputValueHeight: payload };\n }\n case TokenActions.UPDATE_QUERY: {\n return { inputValue: payload };\n }\n case TokenActions.SET_FOCUS_IN: {\n return { inFocus: true };\n }\n case TokenActions.SET_PREVENT_BLUR: {\n return { preventBlur: payload };\n }\n case TokenActions.SET_AUTOCOMPLETE_ITEMS: {\n return { autocompleteItems: payload };\n }\n case TokenActions.SET_ACTIVE_TOKENS: {\n return { activeTokens: payload };\n }\n case TokenActions.BLUR: {\n return {\n inFocus: false,\n preventBlur: false,\n autocompleteItems: undefined,\n activeTokens: [],\n };\n }\n case TokenActions.REMOVE_ALL_ACTIVE_TOKENS: {\n return { activeTokens: [] };\n }\n case TokenActions.CLEAR_INPUT: {\n return { inputValue: '', autocompleteItems: undefined };\n }\n case TokenActions.SET_LOADING: {\n return {\n loading: payload,\n };\n }\n case TokenActions.RESET: {\n return DefaultState;\n }\n case TokenActions.SET_EDITING_TOKEN_INDEX: {\n return { editingTokenIndex: payload };\n }\n case TokenActions.REMOVE_EDITING_TOKEN_INDEX: {\n return { editingTokenIndex: -1 };\n }\n case TokenActions.SET_TEMPORARY_QUERY: {\n return { reservedInputValue: payload };\n }\n case TokenActions.REMOVE_TEMPORARY_QUERY: {\n return { reservedInputValue: undefined };\n }\n default:\n return state;\n }\n}\n"]}

package/cjs/components/TokenInput/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './TokenInput';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './TokenInput';\n"]}

package/cjs/components/TokenInput/locale/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":["TokenInputLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"mIAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,sBAAsB,GAAG,IAAIC,0BAAJ,CAAmC;AACvEC,EAAAA,KAAK,EAALA,qBADuE;AAEvEC,EAAAA,KAAK,EAALA,qBAFuE,EAAnC,CAA/B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { TokenInputLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const TokenInputLocaleHelper = new LocaleHelper<TokenInputLocale>({\r\n ru_RU,\r\n en_GB,\r\n});\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":["TokenInputLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"mIAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,sBAAsB,GAAG,IAAIC,0BAAJ,CAAmC;AACvEC,EAAAA,KAAK,EAALA,qBADuE;AAEvEC,EAAAA,KAAK,EAALA,qBAFuE,EAAnC,CAA/B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { TokenInputLocale } from './types';\n\nexport * from './types';\n\nexport const TokenInputLocaleHelper = new LocaleHelper<TokenInputLocale>({\n ru_RU,\n en_GB,\n});\n"]}

package/cjs/components/TokenInput/locale/locales/en.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["en.ts"],"names":["componentsLocales","addButtonComment","addButtonTitle"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,gBAAgB,EAAE,qBAD+B;AAEjDC,EAAAA,cAAc,EAAE,KAFiC,EAA5C,C","sourcesContent":["import { TokenInputLocale } from '../types';\r\n\r\nexport const componentsLocales: TokenInputLocale = {\r\n addButtonComment: 'Type comma or space',\r\n addButtonTitle: 'Add',\r\n};\r\n"]}
1	+ {"version":3,"sources":["en.ts"],"names":["componentsLocales","addButtonComment","addButtonTitle"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,gBAAgB,EAAE,qBAD+B;AAEjDC,EAAAA,cAAc,EAAE,KAFiC,EAA5C,C","sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n addButtonComment: 'Type comma or space',\n addButtonTitle: 'Add',\n};\n"]}

package/cjs/components/TokenInput/locale/locales/ru.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ru.ts"],"names":["componentsLocales","addButtonComment","addButtonTitle"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,gBAAgB,EAAE,4BAD+B;AAEjDC,EAAAA,cAAc,EAAE,UAFiC,EAA5C,C","sourcesContent":["import { TokenInputLocale } from '../types';\r\n\r\nexport const componentsLocales: TokenInputLocale = {\r\n addButtonComment: 'Нажмите запятую или пробел',\r\n addButtonTitle: 'Добавить',\r\n};\r\n"]}
1	+ {"version":3,"sources":["ru.ts"],"names":["componentsLocales","addButtonComment","addButtonTitle"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,gBAAgB,EAAE,4BAD+B;AAEjDC,EAAAA,cAAc,EAAE,UAFiC,EAA5C,C","sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n addButtonComment: 'Нажмите запятую или пробел',\n addButtonTitle: 'Добавить',\n};\n"]}

package/cjs/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -530,12 +530,12 @@ Tooltip = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.defa
       }
       _this.close();
-    };return _this;}var _proto = Tooltip.prototype;_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (nextProps.trigger === 'closed') {this.close();}var _this$props = this.props,allowedPositions = _this$props.allowedPositions,pos = _this$props.pos;var posChanged = nextProps.pos !== pos;var allowedChanged = !(0, _lodash.default)(nextProps.allowedPositions, allowedPositions);if (posChanged || allowedChanged) {this.positions = null;}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.tooltipPinOffset, popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY }, theme) }, _this2.renderMain());});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;if (!hasCross) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: _Tooltip.jsStyles.cross(this.theme), onClick: this.handleCloseButtonClick }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null));} /**
-   * Программно открывает тултип.
-   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-   * @public
-   */;_proto.show = function show() {if (this.state.opened) return;if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {(0, _warning.default)(true, "Function 'show' is not supported with trigger specified '" + this.props.trigger + "'");return;}this.open();} /**
-   * Программно закрывает тултип.
-   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
-   * @public
+    };return _this;}var _proto = Tooltip.prototype;_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (nextProps.trigger === 'closed') {this.close();}var _this$props = this.props,allowedPositions = _this$props.allowedPositions,pos = _this$props.pos;var posChanged = nextProps.pos !== pos;var allowedChanged = !(0, _lodash.default)(nextProps.allowedPositions, allowedPositions);if (posChanged || allowedChanged) {this.positions = null;}};_proto.componentWillUnmount = function componentWillUnmount() {this.clearHoverTimeout();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.tooltipPinOffset, popupMargin: theme.tooltipMargin, popupBorder: theme.tooltipBorder, popupBorderRadius: theme.tooltipBorderRadius, popupPinSize: theme.tooltipPinSize, popupPinOffsetX: theme.tooltipPinOffsetX, popupPinOffsetY: theme.tooltipPinOffsetY }, theme) }, _this2.renderMain());});};_proto.renderCloseButton = function renderCloseButton() {var hasCross = this.props.closeButton === undefined ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger) : this.props.closeButton;if (!hasCross) {return null;}return /*#__PURE__*/_react.default.createElement("div", { className: _Tooltip.jsStyles.cross(this.theme), onClick: this.handleCloseButtonClick }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null));} /**
+   * Программно открывает тултип.
+   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+   * @public
+   */;_proto.show = function show() {if (this.state.opened) return;if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {(0, _warning.default)(true, "Function 'show' is not supported with trigger specified '" + this.props.trigger + "'");return;}this.open();} /**
+   * Программно закрывает тултип.
+   * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
+   * @public
    */;_proto.hide = function hide() {if (this.props.trigger === 'opened' || this.props.trigger === 'closed') {(0, _warning.default)(true, "Function 'hide' is not supported with trigger specified '" + this.props.trigger + "'");return;}this.close();};_proto.renderMain = function renderMain() {var props = this.props;var content = this.renderContent();var _this$getProps = this.getProps(),popupProps = _this$getProps.popupProps,_this$getProps$layerP = _this$getProps.layerProps,layerProps = _this$getProps$layerP === void 0 ? { active: false } : _this$getProps$layerP;var anchorElement = props.children || props.anchorElement;var popup = this.renderPopup(anchorElement, popupProps, content);return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, layerProps, popup);};_proto.renderPopup = function renderPopup(anchorElement, popupProps, content) {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_Popup.Popup, (0, _extends2.default)({ anchorElement: anchorElement, hasPin: true, hasShadow: true, maxWidth: "none", opened: this.state.opened, disableAnimations: this.props.disableAnimations, positions: this.getPositions(), ignoreHover: this.props.trigger === 'hoverAnchor', onOpen: this.props.onOpen, onClose: this.props.onClose }, popupProps), content));};_proto.getPositions = function getPositions() {if (!this.positions) {var allowedPositions = this.props.allowedPositions;var index = allowedPositions.indexOf(this.props.pos);if (index === -1) {throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));}this.positions = [].concat(allowedPositions.slice(index), allowedPositions.slice(0, index));}return this.positions;};_proto.getProps = function getProps() {var props = this.props;var useWrapper = !!props.children && props.useWrapper;switch (props.trigger) {case 'opened':return { layerProps: { active: true, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { opened: true, useWrapper: useWrapper } };case 'closed':return { popupProps: { opened: false, useWrapper: useWrapper } };case 'hoverAnchor':case 'hover':return { popupProps: { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };case 'manual':return { popupProps: { useWrapper: useWrapper } };case 'click':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onClick: this.handleClick, useWrapper: useWrapper } };case 'focus':return { popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, useWrapper: useWrapper } };case 'hover&focus':return { layerProps: { active: this.state.opened, onClickOutside: this.handleClickOutsideAnchor }, popupProps: { onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: useWrapper } };default:throw new Error('Unknown trigger specified: ' + props.trigger);}};_proto.clearHoverTimeout = function clearHoverTimeout() {if (this.hoverTimeout) {clearTimeout(this.hoverTimeout);this.hoverTimeout = null;}};_proto.isClickOutsideContent = function isClickOutsideContent(event) {if (this.contentElement && event.target instanceof Element) {return !(0, _listenFocusOutside.containsTargetOrRenderContainer)(event.target)(this.contentElement);}return true;};return Tooltip;}(_react.default.PureComponent);exports.Tooltip = Tooltip;Tooltip.__KONTUR_REACT_UI__ = 'Tooltip';Tooltip.propTypes = { children: function children(props, propName, componentName) {var children = props[propName];(0, _warning.default)(children || props.anchorElement, "[" + componentName + "]: you must provide either 'children' or 'anchorElement' prop for " + componentName + " to work properly");(0, _warning.default)(!(Array.isArray(children) && props.useWrapper === false), "[" + componentName + "]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly");} };Tooltip.defaultProps = { pos: 'top left', trigger: 'hover', allowedPositions: Positions, disableAnimations: _currentEnvironment.isTestEnv, useWrapper: true, closeOnChildrenMouseLeave: false };Tooltip.delay = 100;Tooltip.triggersWithoutCloseButton = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];

package/cjs/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Tooltip.tsx"],"names":["Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","renderContent","content","props","render","refContent","jsStyles","tooltipContent","renderCloseButton","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","UNSAFE_componentWillReceiveProps","nextProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","ThemeFactory","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","anchorElement","children","popup","renderPopup","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","React","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","isTestEnv","closeOnChildrenMouseLeave"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport warning from 'warning';\r\nimport isEqual from 'lodash.isequal';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Popup, PopupPosition, PopupProps } from '../../internal/Popup';\r\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MouseEventType } from '../../typings/event-types';\r\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Tooltip.styles';\r\n\r\nconst Positions: PopupPosition[] = [\r\n 'right bottom',\r\n 'right middle',\r\n 'right top',\r\n 'top right',\r\n 'top center',\r\n 'top left',\r\n 'left top',\r\n 'left middle',\r\n 'left bottom',\r\n 'bottom left',\r\n 'bottom center',\r\n 'bottom right',\r\n];\r\n\r\nexport type TooltipTrigger =\r\n /** Наведение на children и на тултип /\r\n \| 'hover'\r\n /* Клик на children /\r\n \| 'click'\r\n /* Фокус на children /\r\n \| 'focus'\r\n /* Наведение на children и на тултип и фокус на children /\r\n \| 'hover&focus'\r\n /* Просто открыт /\r\n \| 'opened'\r\n /* Просто закрыт /\r\n \| 'closed'\r\n /* Наведение ТОЛЬКО на children, а не на тултип /\r\n \| 'hoverAnchor'\r\n /* Управление через публичные функции show и hide /\r\n \| 'manual';\r\n\r\nexport interface TooltipProps extends CommonProps {\r\n /\r\n Относительно какого элемента позиционировать тултип\r\n /\r\n anchorElement?: HTMLElement;\r\n\r\n /\r\n Если не указан `anchorElement` то тултип будет позиционироваться\r\n * относительно дочерних элементов\r\n /\r\n children?: React.ReactNode;\r\n\r\n className?: string;\r\n\r\n /\r\n Показывать крестик для закрытия тултипа. По-умолчанию крестик\r\n * показывается если проп trigger не `hover` и не `focus`.\r\n /\r\n closeButton?: boolean;\r\n\r\n /\r\n Функция, которая возвращает содержимое тултипа.\r\n \r\n Если эта функция вернула `null`, то тултип не показывается.\r\n /\r\n render?: Nullable<() => React.ReactNode>;\r\n\r\n pos: PopupPosition;\r\n\r\n /\r\n Триггер открытия тултипа\r\n * ```ts\r\n * type TooltipTrigger =\r\n * \| 'hover'\r\n * \| 'click'\r\n * \| 'focus'\r\n * \| 'hover&focus'\r\n * \| 'opened'\r\n * \| 'closed'\r\n * \| 'hoverAnchor'\r\n * \| 'manual';\r\n * ```\r\n /\r\n trigger: TooltipTrigger;\r\n\r\n /\r\n Хэндлер, вызываемый при клике по крестику\r\n /\r\n onCloseClick?: React.MouseEventHandler<HTMLElement>;\r\n\r\n /\r\n Хэндлер, вызываемый при клике по крестику или\r\n * снаружи тултипа\r\n /\r\n onCloseRequest?: () => void;\r\n\r\n /\r\n Хэндлер, вызываемый при закрытии тултипа\r\n /\r\n onClose?: () => void;\r\n\r\n /\r\n Хэндлер, вызываемый при открытии тултипа\r\n /\r\n onOpen?: () => void;\r\n\r\n /\r\n Список позиций, которые тултип будет занимать.\r\n * Если положение тултипа в определенной позиции\r\n * будет выходить за край экрана, то будет выбрана\r\n * следующая позиция. Обязательно должен включать\r\n * позицию указанную в `pos`\r\n \r\n ```ts\r\n * type PopupPosition =\r\n * 'right bottom',\r\n * \| 'right middle',\r\n * \| 'right top',\r\n * \| 'top right',\r\n * \| 'top center',\r\n * \| 'top left',\r\n * \| 'left top',\r\n * \| 'left middle',\r\n * \| 'left bottom',\r\n * \| 'bottom left',\r\n * \| 'bottom center',\r\n * \| 'bottom right'\r\n * ```\r\n /\r\n allowedPositions: PopupPosition[];\r\n\r\n /\r\n Флаг отключения анимации.\r\n * @default false\r\n /\r\n disableAnimations: boolean;\r\n\r\n /\r\n Использовать обертку над children в виде <span />\r\n * @default true\r\n /\r\n useWrapper: boolean;\r\n}\r\n\r\nexport interface TooltipState {\r\n opened: boolean;\r\n focused: boolean;\r\n}\r\n\r\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\r\n public static __KONTUR_REACT_UI__ = 'Tooltip';\r\n\r\n public static propTypes = {\r\n children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\r\n const children = props[propName];\r\n warning(\r\n children \|\| props.anchorElement,\r\n `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\r\n );\r\n warning(\r\n !(Array.isArray(children) && props.useWrapper === false),\r\n `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\r\n );\r\n },\r\n };\r\n\r\n public static defaultProps = {\r\n pos: 'top left',\r\n trigger: 'hover',\r\n allowedPositions: Positions,\r\n disableAnimations: isTestEnv,\r\n useWrapper: true,\r\n closeOnChildrenMouseLeave: false,\r\n };\r\n\r\n public static delay = 100;\r\n private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\r\n\r\n public state: TooltipState = { opened: false, focused: false };\r\n private theme!: Theme;\r\n private hoverTimeout: Nullable<number> = null;\r\n private contentElement: Nullable<HTMLElement> = null;\r\n private positions: Nullable<PopupPosition[]> = null;\r\n private clickedOutside = true;\r\n\r\n public UNSAFE_componentWillReceiveProps(nextProps: TooltipProps) {\r\n if (nextProps.trigger === 'closed') {\r\n this.close();\r\n }\r\n\r\n const { allowedPositions, pos } = this.props;\r\n const posChanged = nextProps.pos !== pos;\r\n const allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);\r\n\r\n if (posChanged \|\| allowedChanged) {\r\n this.positions = null;\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n this.clearHoverTimeout();\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return (\r\n <ThemeContext.Provider\r\n value={ThemeFactory.create(\r\n {\r\n popupPinOffset: theme.tooltipPinOffset,\r\n popupMargin: theme.tooltipMargin,\r\n popupBorder: theme.tooltipBorder,\r\n popupBorderRadius: theme.tooltipBorderRadius,\r\n popupPinSize: theme.tooltipPinSize,\r\n popupPinOffsetX: theme.tooltipPinOffsetX,\r\n popupPinOffsetY: theme.tooltipPinOffsetY,\r\n },\r\n theme,\r\n )}\r\n >\r\n {this.renderMain()}\r\n </ThemeContext.Provider>\r\n );\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n public renderContent = () => {\r\n const content = this.props.render ? this.props.render() : null;\r\n if (content == null) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div ref={this.refContent} className={jsStyles.tooltipContent(this.theme)}>\r\n {content}\r\n {this.renderCloseButton()}\r\n </div>\r\n );\r\n };\r\n\r\n public renderCloseButton() {\r\n const hasCross =\r\n this.props.closeButton === undefined\r\n ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger)\r\n : this.props.closeButton;\r\n\r\n if (!hasCross) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div className={jsStyles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\r\n <CrossIcon />\r\n </div>\r\n );\r\n }\r\n\r\n /\r\n Программно открывает тултип.\r\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\r\n * @public\r\n /\r\n public show() {\r\n if (this.state.opened) return;\r\n if (this.props.trigger === 'opened' \|\| this.props.trigger === 'closed') {\r\n warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\r\n return;\r\n }\r\n this.open();\r\n }\r\n\r\n /\r\n Программно закрывает тултип.\r\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\r\n * @public\r\n */\r\n public hide() {\r\n if (this.props.trigger === 'opened' \|\| this.props.trigger === 'closed') {\r\n warning(true, `Function 'hide' is not supported with trigger specified '${this.props.trigger}'`);\r\n return;\r\n }\r\n this.close();\r\n }\r\n\r\n private renderMain() {\r\n const props = this.props;\r\n const content = this.renderContent();\r\n const { popupProps, layerProps = { active: false } } = this.getProps();\r\n const anchorElement = props.children \|\| props.anchorElement;\r\n const popup = this.renderPopup(anchorElement, popupProps, content);\r\n\r\n return <RenderLayer {...layerProps}>{popup}</RenderLayer>;\r\n }\r\n\r\n private renderPopup(\r\n anchorElement: React.ReactNode \| HTMLElement,\r\n popupProps: Partial<PopupProps>,\r\n content: JSX.Element \| null,\r\n ) {\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <Popup\r\n anchorElement={anchorElement}\r\n hasPin\r\n hasShadow\r\n maxWidth=\"none\"\r\n opened={this.state.opened}\r\n disableAnimations={this.props.disableAnimations}\r\n positions={this.getPositions()}\r\n ignoreHover={this.props.trigger === 'hoverAnchor'}\r\n onOpen={this.props.onOpen}\r\n onClose={this.props.onClose}\r\n {...popupProps}\r\n >\r\n {content}\r\n </Popup>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private refContent = (node: HTMLElement \| null) => {\r\n this.contentElement = node;\r\n };\r\n\r\n private getPositions() {\r\n if (!this.positions) {\r\n const allowedPositions = this.props.allowedPositions;\r\n const index = allowedPositions.indexOf(this.props.pos);\r\n if (index === -1) {\r\n throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\r\n }\r\n\r\n this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\r\n }\r\n\r\n return this.positions;\r\n }\r\n\r\n private getProps(): {\r\n layerProps?: Partial<RenderLayerProps>;\r\n popupProps: Partial<PopupProps>;\r\n } {\r\n const props = this.props;\r\n const useWrapper = !!props.children && props.useWrapper;\r\n switch (props.trigger) {\r\n case 'opened':\r\n return {\r\n layerProps: {\r\n active: true,\r\n onClickOutside: this.handleClickOutsideAnchor,\r\n },\r\n popupProps: {\r\n opened: true,\r\n useWrapper,\r\n },\r\n };\r\n\r\n case 'closed':\r\n return {\r\n popupProps: {\r\n opened: false,\r\n useWrapper,\r\n },\r\n };\r\n\r\n case 'hoverAnchor':\r\n case 'hover':\r\n return {\r\n popupProps: {\r\n onMouseEnter: this.handleMouseEnter,\r\n onMouseLeave: this.handleMouseLeave,\r\n useWrapper,\r\n },\r\n };\r\n case 'manual':\r\n return {\r\n popupProps: {\r\n useWrapper,\r\n },\r\n };\r\n case 'click':\r\n return {\r\n layerProps: {\r\n active: this.state.opened,\r\n onClickOutside: this.handleClickOutsideAnchor,\r\n },\r\n popupProps: {\r\n onClick: this.handleClick,\r\n useWrapper,\r\n },\r\n };\r\n\r\n case 'focus':\r\n return {\r\n popupProps: {\r\n onFocus: this.handleFocus,\r\n onBlur: this.handleBlur,\r\n useWrapper,\r\n },\r\n };\r\n\r\n case 'hover&focus':\r\n return {\r\n layerProps: {\r\n active: this.state.opened,\r\n onClickOutside: this.handleClickOutsideAnchor,\r\n },\r\n popupProps: {\r\n onFocus: this.handleFocus,\r\n onBlur: this.handleBlur,\r\n onMouseEnter: this.handleMouseEnter,\r\n onMouseLeave: this.handleMouseLeave,\r\n useWrapper,\r\n },\r\n };\r\n\r\n default:\r\n throw new Error('Unknown trigger specified: ' + props.trigger);\r\n }\r\n }\r\n\r\n private open = () => this.setState({ opened: true });\r\n\r\n private close = () => this.setState({ opened: false });\r\n\r\n private clearHoverTimeout() {\r\n if (this.hoverTimeout) {\r\n clearTimeout(this.hoverTimeout);\r\n this.hoverTimeout = null;\r\n }\r\n }\r\n\r\n private handleMouseEnter = (event: MouseEventType) => {\r\n const isHoverAnchor = this.props.trigger === 'hoverAnchor';\r\n if (isHoverAnchor && event.target === this.contentElement) {\r\n return;\r\n }\r\n\r\n this.clearHoverTimeout();\r\n\r\n this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\r\n };\r\n\r\n private handleMouseLeave = (event: MouseEventType) => {\r\n if (\r\n (this.props.trigger === 'hover&focus' && this.state.focused) \|\|\r\n (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\r\n ) {\r\n return;\r\n }\r\n\r\n this.clearHoverTimeout();\r\n\r\n if (this.props.trigger === 'hoverAnchor') {\r\n this.close();\r\n } else {\r\n this.hoverTimeout = window.setTimeout(this.close, Tooltip.delay);\r\n }\r\n };\r\n\r\n private handleClick = () => {\r\n this.open();\r\n };\r\n\r\n private handleClickOutsideAnchor = (event: Event) => {\r\n this.clickedOutside = this.isClickOutsideContent(event);\r\n if (this.clickedOutside) {\r\n if (this.props.onCloseRequest) {\r\n this.props.onCloseRequest();\r\n }\r\n this.close();\r\n }\r\n };\r\n\r\n private isClickOutsideContent(event: Event) {\r\n if (this.contentElement && event.target instanceof Element) {\r\n return !containsTargetOrRenderContainer(event.target)(this.contentElement);\r\n }\r\n\r\n return true;\r\n }\r\n\r\n private handleFocus = () => {\r\n this.setState({ focused: true });\r\n this.open();\r\n };\r\n\r\n private handleBlur = () => {\r\n if (this.props.trigger === 'hover&focus' && this.clickedOutside) {\r\n this.close();\r\n }\r\n\r\n if (this.props.trigger === 'focus') {\r\n this.close();\r\n }\r\n\r\n this.clickedOutside = true;\r\n this.setState({ focused: false });\r\n };\r\n\r\n private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\r\n event.stopPropagation();\r\n\r\n if (this.props.onCloseClick) {\r\n this.props.onCloseClick(event);\r\n }\r\n\r\n if (event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n if (this.props.onCloseRequest) {\r\n this.props.onCloseRequest();\r\n }\r\n\r\n this.close();\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["Tooltip.tsx"],"names":["Positions","Tooltip","state","opened","focused","theme","hoverTimeout","contentElement","positions","clickedOutside","renderContent","content","props","render","refContent","jsStyles","tooltipContent","renderCloseButton","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","UNSAFE_componentWillReceiveProps","nextProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","ThemeFactory","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","anchorElement","children","popup","renderPopup","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","React","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","isTestEnv","closeOnChildrenMouseLeave"],"mappings":"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","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupPosition, PopupProps } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Tooltip.styles';\n\nconst Positions: PopupPosition[] = [\n 'right bottom',\n 'right middle',\n 'right top',\n 'top right',\n 'top center',\n 'top left',\n 'left top',\n 'left middle',\n 'left bottom',\n 'bottom left',\n 'bottom center',\n 'bottom right',\n];\n\nexport type TooltipTrigger =\n /** Наведение на children и на тултип /\n \| 'hover'\n /* Клик на children /\n \| 'click'\n /* Фокус на children /\n \| 'focus'\n /* Наведение на children и на тултип и фокус на children /\n \| 'hover&focus'\n /* Просто открыт /\n \| 'opened'\n /* Просто закрыт /\n \| 'closed'\n /* Наведение ТОЛЬКО на children, а не на тултип /\n \| 'hoverAnchor'\n /* Управление через публичные функции show и hide /\n \| 'manual';\n\nexport interface TooltipProps extends CommonProps {\n /\n Относительно какого элемента позиционировать тултип\n /\n anchorElement?: HTMLElement;\n\n /\n Если не указан `anchorElement` то тултип будет позиционироваться\n * относительно дочерних элементов\n /\n children?: React.ReactNode;\n\n className?: string;\n\n /\n Показывать крестик для закрытия тултипа. По-умолчанию крестик\n * показывается если проп trigger не `hover` и не `focus`.\n /\n closeButton?: boolean;\n\n /\n Функция, которая возвращает содержимое тултипа.\n \n Если эта функция вернула `null`, то тултип не показывается.\n /\n render?: Nullable<() => React.ReactNode>;\n\n pos: PopupPosition;\n\n /\n Триггер открытия тултипа\n * ```ts\n * type TooltipTrigger =\n * \| 'hover'\n * \| 'click'\n * \| 'focus'\n * \| 'hover&focus'\n * \| 'opened'\n * \| 'closed'\n * \| 'hoverAnchor'\n * \| 'manual';\n * ```\n /\n trigger: TooltipTrigger;\n\n /\n Хэндлер, вызываемый при клике по крестику\n /\n onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n /\n Хэндлер, вызываемый при клике по крестику или\n * снаружи тултипа\n /\n onCloseRequest?: () => void;\n\n /\n Хэндлер, вызываемый при закрытии тултипа\n /\n onClose?: () => void;\n\n /\n Хэндлер, вызываемый при открытии тултипа\n /\n onOpen?: () => void;\n\n /\n Список позиций, которые тултип будет занимать.\n * Если положение тултипа в определенной позиции\n * будет выходить за край экрана, то будет выбрана\n * следующая позиция. Обязательно должен включать\n * позицию указанную в `pos`\n \n ```ts\n * type PopupPosition =\n * 'right bottom',\n * \| 'right middle',\n * \| 'right top',\n * \| 'top right',\n * \| 'top center',\n * \| 'top left',\n * \| 'left top',\n * \| 'left middle',\n * \| 'left bottom',\n * \| 'bottom left',\n * \| 'bottom center',\n * \| 'bottom right'\n * ```\n /\n allowedPositions: PopupPosition[];\n\n /\n Флаг отключения анимации.\n * @default false\n /\n disableAnimations: boolean;\n\n /\n Использовать обертку над children в виде <span />\n * @default true\n /\n useWrapper: boolean;\n}\n\nexport interface TooltipState {\n opened: boolean;\n focused: boolean;\n}\n\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> {\n public static __KONTUR_REACT_UI__ = 'Tooltip';\n\n public static propTypes = {\n children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n const children = props[propName];\n warning(\n children \|\| props.anchorElement,\n `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n );\n warning(\n !(Array.isArray(children) && props.useWrapper === false),\n `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n );\n },\n };\n\n public static defaultProps = {\n pos: 'top left',\n trigger: 'hover',\n allowedPositions: Positions,\n disableAnimations: isTestEnv,\n useWrapper: true,\n closeOnChildrenMouseLeave: false,\n };\n\n public static delay = 100;\n private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n public state: TooltipState = { opened: false, focused: false };\n private theme!: Theme;\n private hoverTimeout: Nullable<number> = null;\n private contentElement: Nullable<HTMLElement> = null;\n private positions: Nullable<PopupPosition[]> = null;\n private clickedOutside = true;\n\n public UNSAFE_componentWillReceiveProps(nextProps: TooltipProps) {\n if (nextProps.trigger === 'closed') {\n this.close();\n }\n\n const { allowedPositions, pos } = this.props;\n const posChanged = nextProps.pos !== pos;\n const allowedChanged = !isEqual(nextProps.allowedPositions, allowedPositions);\n\n if (posChanged \|\| allowedChanged) {\n this.positions = null;\n }\n }\n\n public componentWillUnmount() {\n this.clearHoverTimeout();\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {theme => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupPinOffset: theme.tooltipPinOffset,\n popupMargin: theme.tooltipMargin,\n popupBorder: theme.tooltipBorder,\n popupBorderRadius: theme.tooltipBorderRadius,\n popupPinSize: theme.tooltipPinSize,\n popupPinOffsetX: theme.tooltipPinOffsetX,\n popupPinOffsetY: theme.tooltipPinOffsetY,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderContent = () => {\n const content = this.props.render ? this.props.render() : null;\n if (content == null) {\n return null;\n }\n\n return (\n <div ref={this.refContent} className={jsStyles.tooltipContent(this.theme)}>\n {content}\n {this.renderCloseButton()}\n </div>\n );\n };\n\n public renderCloseButton() {\n const hasCross =\n this.props.closeButton === undefined\n ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger)\n : this.props.closeButton;\n\n if (!hasCross) {\n return null;\n }\n\n return (\n <div className={jsStyles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\n <CrossIcon />\n </div>\n );\n }\n\n /\n Программно открывает тултип.\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\n * @public\n /\n public show() {\n if (this.state.opened) return;\n if (this.props.trigger === 'opened' \|\| this.props.trigger === 'closed') {\n warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\n return;\n }\n this.open();\n }\n\n /\n Программно закрывает тултип.\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\n * @public\n */\n public hide() {\n if (this.props.trigger === 'opened' \|\| this.props.trigger === 'closed') {\n warning(true, `Function 'hide' is not supported with trigger specified '${this.props.trigger}'`);\n return;\n }\n this.close();\n }\n\n private renderMain() {\n const props = this.props;\n const content = this.renderContent();\n const { popupProps, layerProps = { active: false } } = this.getProps();\n const anchorElement = props.children \|\| props.anchorElement;\n const popup = this.renderPopup(anchorElement, popupProps, content);\n\n return <RenderLayer {...layerProps}>{popup}</RenderLayer>;\n }\n\n private renderPopup(\n anchorElement: React.ReactNode \| HTMLElement,\n popupProps: Partial<PopupProps>,\n content: JSX.Element \| null,\n ) {\n return (\n <CommonWrapper {...this.props}>\n <Popup\n anchorElement={anchorElement}\n hasPin\n hasShadow\n maxWidth=\"none\"\n opened={this.state.opened}\n disableAnimations={this.props.disableAnimations}\n positions={this.getPositions()}\n ignoreHover={this.props.trigger === 'hoverAnchor'}\n onOpen={this.props.onOpen}\n onClose={this.props.onClose}\n {...popupProps}\n >\n {content}\n </Popup>\n </CommonWrapper>\n );\n }\n\n private refContent = (node: HTMLElement \| null) => {\n this.contentElement = node;\n };\n\n private getPositions() {\n if (!this.positions) {\n const allowedPositions = this.props.allowedPositions;\n const index = allowedPositions.indexOf(this.props.pos);\n if (index === -1) {\n throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\n }\n\n this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\n }\n\n return this.positions;\n }\n\n private getProps(): {\n layerProps?: Partial<RenderLayerProps>;\n popupProps: Partial<PopupProps>;\n } {\n const props = this.props;\n const useWrapper = !!props.children && props.useWrapper;\n switch (props.trigger) {\n case 'opened':\n return {\n layerProps: {\n active: true,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n opened: true,\n useWrapper,\n },\n };\n\n case 'closed':\n return {\n popupProps: {\n opened: false,\n useWrapper,\n },\n };\n\n case 'hoverAnchor':\n case 'hover':\n return {\n popupProps: {\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n useWrapper,\n },\n };\n case 'manual':\n return {\n popupProps: {\n useWrapper,\n },\n };\n case 'click':\n return {\n layerProps: {\n active: this.state.opened,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n onClick: this.handleClick,\n useWrapper,\n },\n };\n\n case 'focus':\n return {\n popupProps: {\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n useWrapper,\n },\n };\n\n case 'hover&focus':\n return {\n layerProps: {\n active: this.state.opened,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n useWrapper,\n },\n };\n\n default:\n throw new Error('Unknown trigger specified: ' + props.trigger);\n }\n }\n\n private open = () => this.setState({ opened: true });\n\n private close = () => this.setState({ opened: false });\n\n private clearHoverTimeout() {\n if (this.hoverTimeout) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = null;\n }\n }\n\n private handleMouseEnter = (event: MouseEventType) => {\n const isHoverAnchor = this.props.trigger === 'hoverAnchor';\n if (isHoverAnchor && event.target === this.contentElement) {\n return;\n }\n\n this.clearHoverTimeout();\n\n this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\n };\n\n private handleMouseLeave = (event: MouseEventType) => {\n if (\n (this.props.trigger === 'hover&focus' && this.state.focused) \|\|\n (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\n ) {\n return;\n }\n\n this.clearHoverTimeout();\n\n if (this.props.trigger === 'hoverAnchor') {\n this.close();\n } else {\n this.hoverTimeout = window.setTimeout(this.close, Tooltip.delay);\n }\n };\n\n private handleClick = () => {\n this.open();\n };\n\n private handleClickOutsideAnchor = (event: Event) => {\n this.clickedOutside = this.isClickOutsideContent(event);\n if (this.clickedOutside) {\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest();\n }\n this.close();\n }\n };\n\n private isClickOutsideContent(event: Event) {\n if (this.contentElement && event.target instanceof Element) {\n return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n }\n\n return true;\n }\n\n private handleFocus = () => {\n this.setState({ focused: true });\n this.open();\n };\n\n private handleBlur = () => {\n if (this.props.trigger === 'hover&focus' && this.clickedOutside) {\n this.close();\n }\n\n if (this.props.trigger === 'focus') {\n this.close();\n }\n\n this.clickedOutside = true;\n this.setState({ focused: false });\n };\n\n private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n event.stopPropagation();\n\n if (this.props.onCloseClick) {\n this.props.onCloseClick(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest();\n }\n\n this.close();\n };\n}\n"]}