@skbkontur/react-ui 0.0.0-38b6d1ada0 → 0.0.0-444dd4e7b3

package/components/Radio/Radio.styles/Radio.styles.js

@@ -0,0 +1,83 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
+
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { afterOutlineMixin, circleSizeMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin } from "../Radio.mixins";
+export var globalClasses = prefix('radio')({
+  circle: 'circle'
+});
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])), globalClasses.circle, t.transitionDuration, t.transitionTimingFunction, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+  },
+  rootIE11: function rootIE11() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n    "])));
+  },
+  rootChecked: function rootChecked(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
+  },
+  circle: function circle(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioBgColor);
+  },
+  circleSmall: function circleSmall(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+  },
+  circleMedium: function circleMedium(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+  },
+  circleLarge: function circleLarge(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+  },
+  focus: function focus(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
+  },
+  warning: function warning(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
+  },
+  error: function error(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
+  },
+  checked: function checked(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioCheckedBulletColor);
+  },
+  checkedSmall: function checkedSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
+  },
+  checkedMedium: function checkedMedium(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
+  },
+  checkedLarge: function checkedLarge(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
+  },
+  checkedDisabled: function checkedDisabled(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
+  },
+  input: function input() {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])), t.radioDisabledBg, t.radioDisabledShadow);
+  },
+  caption: function caption(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
+  },
+  captionIE11: function captionIE11() {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
+  },
+  captionDisabled: function captionDisabled(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
+  },
+  placeholder: function placeholder() {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+  }
+});

package/components/Radio/Radio.styles/Radio.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Radio.styles.ts"],"names":["css","memoizeStyle","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","styles","root","t","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootIE11","rootChecked","radioCheckedHoverBgColor","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","circleLarge","focus","radioOutlineWidth","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","radioBulletSizeSmall","checkedMedium","radioBulletSizeMedium","checkedLarge","radioBulletSizeLarge","checkedDisabled","radioCheckedDisabledBulletBg","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\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  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"]}

package/components/Radio/Radio.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Radio/Radio.styles.js",
+  "module": "Radio.styles",
+  "types": "../Radio.styles.d.ts",
+  "sideEffects": false
+}

package/components/Radio/Radio.styles.d.ts

@@ -1,11 +1,30 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    radio(t: ITheme): string;
-    focus(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-    checked(t: ITheme): string;
-    disabled(t: ITheme): string;
-    label(t: ITheme): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    circle: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootIE11(): string;
+    rootChecked(t: Theme): string;
+    circle(t: Theme): string;
+    circleSmall(t: Theme): string;
+    circleMedium(t: Theme): string;
+    circleLarge(t: Theme): string;
+    focus(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    checked(t: Theme): string;
+    checkedSmall(t: Theme): string;
+    checkedMedium(t: Theme): string;
+    checkedLarge(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    input(): string;
+    disabled(t: Theme): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+    captionDisabled(t: Theme): string;
+    placeholder(): string;
 };
-export default jsStyles;

package/components/Radio/index/index.js

@@ -0,0 +1 @@
+export * from "../Radio";

package/components/Radio/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from './Radio';\n"]}

package/components/Radio/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Radio/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Radio/index.d.ts

@@ -1 +1 @@
-export { default, RadioProps, SyntheticRadioEvent } from './Radio';
+export * from './Radio';

package/components/Radio/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Radio/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/Prevent/Prevent.js

@@ -0,0 +1,32 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+export var Prevent = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Prevent, _React$Component);
+
+  function Prevent() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+    _this._prevent = function (event) {
+      event.stopPropagation();
+      event.preventDefault();
+    };
+
+    return _this;
+  }
+
+  var _proto = Prevent.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("span", {
+      onClick: this._prevent
+    }, this.props.children);
+  };
+
+  return Prevent;
+}(React.Component);

package/components/RadioGroup/Prevent/Prevent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Prevent.tsx"],"names":["React","Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;AAMA,WAAaC,OAAb;;;;;AAKUC,IAAAA,QALV,GAKqB,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,KARH,qDACSC,MADT,GACE,kBAAgB,CACd,oBAAO,8BAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,CAHH,kBAA6BR,KAAK,CAACS,SAAnC","sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render() {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"]}

package/components/RadioGroup/Prevent/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/Prevent.js",
+  "module": "Prevent",
+  "types": "../Prevent.d.ts",
+  "sideEffects": false
+}

package/components/RadioGroup/Prevent.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 export interface PreventProps {
     children?: React.ReactNode;
 }
-declare class Prevent extends React.Component<PreventProps> {
+export declare class Prevent extends React.Component<PreventProps> {
     render(): JSX.Element;
     private _prevent;
 }
-export default Prevent;

package/components/RadioGroup/RadioGroup/RadioGroup.js

@@ -0,0 +1,256 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+import React from 'react';
+import invariant from 'invariant';
+import { getRandomID, isNonNullable } from "../../../lib/utils";
+import { Radio } from "../../Radio";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { FocusTrap } from "../../../internal/FocusTrap";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../RadioGroup.styles";
+import { Prevent } from "../Prevent";
+import { RadioGroupContext } from "../RadioGroupContext";
+export var RadioGroupDataTids = {
+  root: 'RadioGroup__root'
+};
+export
+/**
+*
+* `children` может содержать любую разметку с компонентами Radio,
+* если не передан параметр `items`.
+* Каждому компоненту Radio нужно указать параметр `value`, такого же типа
+* как и параметр `value` самой радиогруппы.
+*
+* Значения активного элемента сравниваются по строгому равенству `===`
+*/
+var RadioGroup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(RadioGroup, _React$Component);
+
+  function RadioGroup(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.name = getRandomID();
+    _this.getProps = createPropsGetter(RadioGroup.defaultProps);
+
+    _this.getRadioGroupContextValue = function () {
+      return {
+        activeItem: _this.getValue(),
+        onSelect: _this.handleSelect,
+        name: _this.getName(),
+        disabled: _this.props.disabled,
+        error: _this.props.error,
+        warning: _this.props.warning
+      };
+    };
+
+    _this.getValue = function () {
+      return _this.isControlled() ? _this.props.value : _this.state.activeItem;
+    };
+
+    _this.getName = function () {
+      return _this.props.name || _this.name;
+    };
+
+    _this.isControlled = function () {
+      return isNonNullable(_this.props.value);
+    };
+
+    _this.handleSelect = function (value) {
+      if (!_this.isControlled()) {
+        _this.setState({
+          activeItem: value
+        });
+      }
+
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(value);
+      }
+    };
+
+    _this.renderRadio = function (itemValue, data, index) {
+      var _cx;
+
+      var itemProps = {
+        key: _this.getKeyByItem(itemValue),
+        className: cx((_cx = {}, _cx[styles.item(_this.theme)] = true, _cx[styles.itemFirst()] = index === 0, _cx[styles.itemInline()] = !!_this.props.inline, _cx))
+      };
+      return /*#__PURE__*/React.createElement("span", _extends({}, itemProps, {
+        role: "presentation"
+      }), /*#__PURE__*/React.createElement(Radio, {
+        value: itemValue
+      }, _this.getProps().renderItem(itemValue, data)));
+    };
+
+    _this.getKeyByItem = function (itemValue) {
+      if (_this.props.toKey) {
+        return _this.props.toKey(itemValue);
+      }
+
+      return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;
+    };
+
+    _this.ref = function (element) {
+      _this.node = element;
+    };
+
+    _this.state = {
+      activeItem: _this.props.defaultValue
+    };
+    return _this;
+  }
+
+  var _proto = RadioGroup.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this$props = this.props,
+        width = _this$props.width,
+        onMouseLeave = _this$props.onMouseLeave,
+        onMouseOver = _this$props.onMouseOver,
+        onMouseEnter = _this$props.onMouseEnter,
+        onBlur = _this$props.onBlur,
+        ariaDescribedby = _this$props['aria-describedby'];
+    var style = {
+      width: width != null ? width : 'auto'
+    };
+    var handlers = {
+      onMouseOver: onMouseOver,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    };
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(FocusTrap, {
+      onBlur: onBlur
+    }, /*#__PURE__*/React.createElement("span", _extends({
+      "data-tid": RadioGroupDataTids.root,
+      ref: this.ref,
+      style: style,
+      className: styles.root(),
+      role: "radiogroup"
+    }, handlers, {
+      "aria-describedby": ariaDescribedby
+    }), /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+      value: this.getRadioGroupContextValue()
+    }, this.renderChildren()))));
+  }
+  /**
+  * @public
+  */
+  ;
+
+  _proto.focus = function focus() {
+    var node = this.node;
+
+    if (!node) {
+      return;
+    }
+
+    var radio = node.querySelector('input[type="radio"]:checked'); // If no checked radios, try get first radio
+
+    if (!radio || radio.disabled) {
+      radio = node.querySelector('input[type="radio"]:not([disabled])');
+    }
+
+    if (radio) {
+      radio.focus();
+    }
+  };
+
+  _proto.renderChildren = function renderChildren() {
+    var _this$props2 = this.props,
+        items = _this$props2.items,
+        children = _this$props2.children;
+    invariant(!items && children || items && !children, 'Either items or children must be passed, not both');
+    return items ? mapItems(this.renderRadio, items) : children;
+  };
+
+  return RadioGroup;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'RadioGroup', _class2.defaultProps = {
+  renderItem: renderItem
+}, _class2.Prevent = Prevent, _temp)) || _class;
+
+function renderItem(_value, data) {
+  return data;
+}
+
+function mapItems(fn, items) {
+  var result = [];
+  var index = 0;
+
+  for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
+    var entry = _step.value;
+
+    var _normalizeEntry = normalizeEntry(entry),
+        _value2 = _normalizeEntry[0],
+        _data = _normalizeEntry[1];
+
+    result.push(fn(_value2, _data, index));
+    ++index;
+  }
+
+  return result;
+}
+
+function normalizeEntry(entry) {
+  if (!Array.isArray(entry)) {
+    return [entry, entry];
+  }
+
+  return entry;
+}

package/components/RadioGroup/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RadioGroup.tsx"],"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","ThemeContext","CommonWrapper","cx","rootNode","styles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","props","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","getKeyByItem","className","item","theme","itemFirst","itemInline","inline","renderItem","toKey","undefined","ref","element","node","defaultValue","render","renderMain","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","setRootNode","renderChildren","focus","radio","querySelector","items","children","mapItems","Component","__KONTUR_REACT_UI__","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport invariant from 'invariant';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport { RadioGroupContext, RadioGroupContextType } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /**\n   * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\n   * или значений из параметра `items`\n   */\n  defaultValue?: T;\n  /**\n   * Значение радиогруппы. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать, как неконтролируемый\n   */\n  value?: T;\n  /**\n   * Может быть использовано, если не передан параметр `children`\n   *\n   * Массив параметров радиокнопок. Может быть типа `Array<Value>` или\n   * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\n   * — значение которое будет использовано вторым параметром в `renderItem`.\n   * Если тип `items: Array<Value>`, то он будет приведен к типу\n   * `Array<[Value, Value]>`\n   */\n  items?: T[] | Array<[T, React.ReactNode]>;\n  /**\n   * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\n   * случайное имя\n   */\n  name?: string;\n\n  /**\n   * Метод получения уникального ключа по элементу\n   * @param item\n   */\n  toKey?: (item: T) => string | number;\n  /**\n   * Дизейблит все радиокнопки\n   */\n  disabled?: boolean;\n  /**\n   * Переводит все радиокнопки в состояние валидации: предупреждение.\n   */\n  warning?: boolean;\n  /**\n   * Переводит все радиокнопки в состояние валидации: ошибка.\n   */\n  error?: boolean;\n  /**\n   * Выравнивает элементы в строку. Не работает с `children`\n   */\n  inline?: boolean;\n  /**\n   * Ширина радиогруппы. Не работает с `children`\n   */\n  width?: React.CSSProperties['width'];\n  /**\n   * Метод отрисовки контента радиокнопки. Не работает с `children`.\n   *\n   * Принимает два аргумента: `(value: Value, data: Data) => React.Node`\n   */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n  /**\n   * Атрибут для указания id элемента(-ов), описывающих его\n   */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onMouseLeave?: () => any;\n  onMouseOver?: () => any;\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/**\n *\n * `children` может содержать любую разметку с компонентами Radio,\n * если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\n * как и параметр `value` самой радиогруппы.\n *\n * Значения активного элемента сравниваются по строгому равенству `===`\n */\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private theme!: Theme;\n\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur, 'aria-describedby': ariaDescribedby } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusTrap onBlur={onBlur}>\n          <span\n            data-tid={RadioGroupDataTids.root}\n            ref={this.ref}\n            style={style}\n            className={styles.root()}\n            role=\"radiogroup\"\n            {...handlers}\n            aria-describedby={ariaDescribedby}\n          >\n            <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n              {this.renderChildren()}\n            </RadioGroupContext.Provider>\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: cx({\n        [styles.item(this.theme)]: true,\n        [styles.itemFirst()]: index === 0,\n        [styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry];\n  }\n  return entry;\n}\n"]}

package/components/RadioGroup/RadioGroup/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/RadioGroup/RadioGroup.js",
+  "module": "RadioGroup",
+  "types": "../RadioGroup.d.ts",
+  "sideEffects": false
+}