@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","boxWrapperSizeMixin","checkboxSizeMixin","globalClasses","box","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","_templateObject2","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","_templateObject3","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","_templateObject4","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","_templateObject5","rootChecked","_templateObject6","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","_templateObject7","rootWrapperIE11","_templateObject8","boxWrapper","_templateObject9","checkboxBorderWidth","boxWrapperSmall","_templateObject10","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","_templateObject11","boxWrapperLarge","_templateObject12","_templateObject13","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","_templateObject14","boxWarning","_templateObject15","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","_templateObject16","checkboxBorderColorError","boxChecked","_templateObject17","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","_templateObject18","checkboxBorderColorFocus","boxDisabled","_templateObject19","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","_templateObject20","icon","_templateObject21","iconUnchecked","_templateObject22","caption","_templateObject23","checkboxCaptionGap","captionIE11","_templateObject24"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"iiBAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,mBAAmB;;AAE1E,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAAC,UAAU,CAAC,CAAC;EAC9CI,GAAG,EAAE;AACP,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGN,YAAY,CAAC;EACjCO,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;;;IAeLN,aAAa,CAACC,GAAG;;IAEHG,CAAC,CAACG,kBAAkB,EAAIH,CAAC,CAACI,wBAAwB;IAClDJ,CAAC,CAACG,kBAAkB,EAAIH,CAAC,CAACI,wBAAwB;;;IAGxDR,aAAa,CAACC,GAAG;IACZG,CAAC,CAACK,eAAe;IACjBL,CAAC,CAACM,mBAAmB;;;IAGzBV,aAAa,CAACC,GAAG;IACbG,CAAC,CAACO,oBAAoB;IACtBP,CAAC,CAACQ,gBAAgB;;;EAGtC,CAAC;;EAEDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;IAClB,OAAOT,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACNP,iBAAiB;MACjBK,CAAC,CAACW,qBAAqB;MACvBX,CAAC,CAACY,uBAAuB;MACzBZ,CAAC,CAACa,qBAAqB;MACvBb,CAAC,CAACc;IACJ,CAAC;;EAEL,CAAC;;EAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACNP,iBAAiB;MACjBK,CAAC,CAACiB,sBAAsB;MACxBjB,CAAC,CAACkB,wBAAwB;MAC1BlB,CAAC,CAACmB,sBAAsB;MACxBnB,CAAC,CAACoB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,SAAS,WAAAA,UAACrB,CAAQ,EAAE;IAClB,OAAOT,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACNP,iBAAiB;MACjBK,CAAC,CAACuB,qBAAqB;MACvBvB,CAAC,CAACwB,uBAAuB;MACzBxB,CAAC,CAACyB,qBAAqB;MACvBzB,CAAC,CAAC0B;IACJ,CAAC;;EAEL,CAAC;;EAEDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOpC,GAAG,CAAAqC,gBAAA,KAAAA,gBAAA,GAAA1B,2BAAA;;;EAGZ,CAAC;;EAED2B,WAAW,WAAAA,YAAC7B,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAuC,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;IACGN,aAAa,CAACC,GAAG;IACZG,CAAC,CAAC+B,0BAA0B;IAC5B/B,CAAC,CAACgC,sBAAsB;;;IAG5BpC,aAAa,CAACC,GAAG;IACbG,CAAC,CAACiC,uBAAuB;IACzBjC,CAAC,CAACkC,2BAA2B;;;EAGjD,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAO5C,GAAG,CAAA6C,gBAAA,KAAAA,gBAAA,GAAAlC,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDmC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAO9C,GAAG,CAAA+C,gBAAA,KAAAA,gBAAA,GAAApC,2BAAA;;;EAGZ,CAAC;;EAEDqC,UAAU,WAAAA,WAACvC,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAiD,gBAAA,KAAAA,gBAAA,GAAAtC,2BAAA;;;IAGGF,CAAC,CAACyC,mBAAmB;;;;;;;EAOpC,CAAC;;EAEDC,eAAe,WAAAA,gBAAC1C,CAAQ,EAAE;IACxB,OAAOT,GAAG,CAAAoD,iBAAA,KAAAA,iBAAA,GAAAzC,2BAAA;IACNR,mBAAmB;MACnBM,CAAC,CAAC4C,gCAAgC;MAClC5C,CAAC,CAACW,qBAAqB;MACvBX,CAAC,CAACc,oBAAoB;MACtBd,CAAC,CAAC6C;IACJ,CAAC;;EAEL,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC9C,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAwD,iBAAA,KAAAA,iBAAA,GAAA7C,2BAAA;IACNR,mBAAmB;MACnBM,CAAC,CAAC4C,gCAAgC;MAClC5C,CAAC,CAACiB,sBAAsB;MACxBjB,CAAC,CAACoB,qBAAqB;MACvBpB,CAAC,CAAC6C;IACJ,CAAC;;EAEL,CAAC;;EAEDG,eAAe,WAAAA,gBAAChD,CAAQ,EAAE;IACxB,OAAOT,GAAG,CAAA0D,iBAAA,KAAAA,iBAAA,GAAA/C,2BAAA;IACNR,mBAAmB;MACnBM,CAAC,CAAC4C,gCAAgC;MAClC5C,CAAC,CAACuB,qBAAqB;MACvBvB,CAAC,CAAC0B,oBAAoB;MACtB1B,CAAC,CAAC6C;IACJ,CAAC;;EAEL,CAAC;;EAEDhD,GAAG,WAAAA,IAACG,CAAQ,EAAE;IACZ,OAAOT,GAAG,CAAA2D,iBAAA,KAAAA,iBAAA,GAAAhD,2BAAA;IACCF,CAAC,CAACmD,wBAAwB;IACrBnD,CAAC,CAACoD,cAAc;IAChBpD,CAAC,CAACqD,UAAU;IACTrD,CAAC,CAACsD,oBAAoB;;;EAG3C,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOhE,GAAG,CAAAiE,iBAAA,KAAAA,iBAAA,GAAAtD,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDuD,UAAU,WAAAA,WAACzD,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAmE,iBAAA,KAAAA,iBAAA,GAAAxD,2BAAA;;IAEYF,CAAC,CAAC2D,yBAAyB;IACrC3D,CAAC,CAAC4D,oBAAoB,EAAI5D,CAAC,CAAC6D,0BAA0B;;EAEpE,CAAC;;EAEDC,QAAQ,WAAAA,SAAC9D,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAAwE,iBAAA,KAAAA,iBAAA,GAAA7D,2BAAA;;IAEYF,CAAC,CAAC2D,yBAAyB;IACrC3D,CAAC,CAAC4D,oBAAoB,EAAI5D,CAAC,CAACgE,wBAAwB;;EAElE,CAAC;;EAEDC,UAAU,WAAAA,WAACjE,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAA2E,iBAAA,KAAAA,iBAAA,GAAAhE,2BAAA;IACMF,CAAC,CAACmE,iBAAiB;IACxBnE,CAAC,CAACoE,oBAAoB;IACjBpE,CAAC,CAACqE,qBAAqB;;EAEzC,CAAC;;EAEDC,QAAQ,WAAAA,SAACtE,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAAgF,iBAAA,KAAAA,iBAAA,GAAArE,2BAAA;;IAEYF,CAAC,CAAC2D,yBAAyB;IACrC3D,CAAC,CAAC4D,oBAAoB,EAAI5D,CAAC,CAACwE,wBAAwB;;EAElE,CAAC;;EAEDC,WAAW,WAAAA,YAACzE,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAmF,iBAAA,KAAAA,iBAAA,GAAAxE,2BAAA;IACMF,CAAC,CAAC2E,sBAAsB;IACxB3E,CAAC,CAAC4E,kBAAkB;IACzB5E,CAAC,CAAC6E,yBAAyB;;EAExC,CAAC;;EAEDC,QAAQ,WAAAA,SAAC9E,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAAwF,iBAAA,KAAAA,iBAAA,GAAA7E,2BAAA;IACCF,CAAC,CAAC6E,yBAAyB;;;EAGxC,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOzF,GAAG,CAAA0F,iBAAA,KAAAA,iBAAA,GAAA/E,2BAAA;;;;;;;;;;EAUZ,CAAC;;EAEDgF,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO3F,GAAG,CAAA4F,iBAAA,KAAAA,iBAAA,GAAAjF,2BAAA;;;EAGZ,CAAC;;EAEDkF,OAAO,WAAAA,QAACpF,CAAQ,EAAE;IAChB,OAAOT,GAAG,CAAA8F,iBAAA,KAAAA,iBAAA,GAAAnF,2BAAA;IACCF,CAAC,CAACmD,wBAAwB;IACnBnD,CAAC,CAACsF,kBAAkB;;EAExC,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOhG,GAAG,CAAAiG,iBAAA,KAAAA,iBAAA,GAAAtF,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","boxWrapperSizeMixin","checkboxSizeMixin","globalClasses","box","styles","root","t","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","process","env","NODE_ENV","rootSmall","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","checkboxBorderWidth","boxWrapperSmall","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","boxWrapperLarge","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Checkbox/__creevey__/Checkbox.creevey.mts

@@ -0,0 +1,243 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+const checkboxTests = () => {
+  test('idle', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'idle');
+  });
+
+  test('hovered', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({
+          css: '[data-tid~="test-checkbox"]',
+        }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'hovered');
+  });
+
+  test('pressed', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({
+          css: '[data-tid~="test-checkbox"]',
+        }),
+      })
+      .press()
+      .pause(1000)
+      .release()
+      .perform();
+  });
+
+  test('clicked', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-checkbox"]' }))
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'clicked');
+  });
+
+  test('tabPress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-checkbox"]' }))
+      .perform();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({ origin: context.webdriver.findElement({ css: 'body' }) })
+      .press()
+      .release()
+      .sendKeys(Key.TAB)
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPress');
+  });
+
+  test('spacePress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-checkbox"]' }))
+      .perform();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({ origin: context.webdriver.findElement({ css: 'body' }) })
+      .press()
+      .release()
+      .sendKeys(Key.TAB)
+      .pause(1000)
+      .sendKeys(Key.SPACE)
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'spacePress');
+  });
+};
+
+kind('Checkbox', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hovered', 'pressed', 'clicked'],
+        },
+        flaky: {
+          in: /^\bfirefox2022/,
+          tests: ['clicked'],
+        },
+      },
+    });
+
+    checkboxTests();
+  });
+
+  story('Checked', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('hovered', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-checkbox"]',
+          }),
+        })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'hovered');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-checkbox"]',
+          }),
+        })
+        .press()
+        .pause(1000)
+        .release()
+        .perform();
+    });
+  });
+
+  story('Indeterminate', () => {
+    test('plain', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'plain');
+    });
+
+    test('hovered', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'hovered');
+    });
+
+    test('tabPress', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.TAB)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'tabPress');
+    });
+
+    test('clicked', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'clicked');
+    });
+  });
+
+  story('Highlighted', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: {
+          in: ['firefox2022', 'firefox2022Dark'],
+          tests: ['tabPress'],
+        },
+      },
+    });
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('tabPress', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.TAB)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    });
+  });
+
+  story('CheckboxLabelSelectionWithPressedShift', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('selected with pressed shift', async (context) => {
+      const checkbox = await context.webdriver.findElement({
+        css: '[data-comp-name~="Checkbox"]',
+      });
+      await context.webdriver.actions({ bridge: true }).keyDown(Key.SHIFT).click(checkbox).perform();
+      await context.matchImage(await context.takeScreenshot(), 'selected with pressed shift');
+      await context.webdriver.actions({ bridge: true }).keyUp(Key.SHIFT).perform();
+    });
+  });
+});

package/components/ComboBox/ComboBox/ComboBox.js

@@ -35,9 +35,9 @@ export var ComboBox = rootNode(_class = (_ComboBox = /*#__PURE__*/function (_Rea
   var _proto = ComboBox.prototype; /**
                                    * @public
                                    */
-  _proto.focus = function focus() {
+  _proto.focus = function focus(opts) {
     if (this.comboboxElement) {
-      this.comboboxElement.focus();
+      this.comboboxElement.focus(opts);
     }
   } /**
     * @public

package/components/ComboBox/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/ComboBox/ComboBox.d.ts

@@ -139,7 +139,9 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
     /**
      * @public
      */
-    focus(): void;
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
     /**
      * @public
      */