@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/Radio/Radio.styles.js

@@ -0,0 +1,79 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion.js';
+import { afterOutlineMixin, circleSizeMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin, } from './Radio.mixins.js';
+export var globalClasses = prefix('radio')({
+    circle: 'circle',
+});
+export var styles = memoizeStyle({
+    root: function (t) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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 (t) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+    },
+    rootMedium: function (t) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+    },
+    rootLarge: function (t) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+    },
+    rootChecked: function (t) {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
+    },
+    circle: function (t) {
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\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    "], ["\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 (t) {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+    },
+    circleMedium: function (t) {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+    },
+    circleLarge: function (t) {
+        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+    },
+    focus: function (t) {
+        return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
+    },
+    warning: function (t) {
+        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
+    },
+    error: function (t) {
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "], ["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
+    },
+    checked: function (t) {
+        return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\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    "], ["\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 (t) {
+        return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
+    },
+    checkedMedium: function (t) {
+        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
+    },
+    checkedLarge: function (t) {
+        return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
+    },
+    checkedDisabled: function (t) {
+        return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      &::before {\n        background: ", ";\n      }\n    "], ["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
+    },
+    input: function () {
+        return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "], ["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    },
+    disabled: function (t) {
+        return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\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    "], ["\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 (t) {
+        return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "], ["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
+    },
+    captionDisabled: function (t) {
+        return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.textColorDisabled);
+    },
+    placeholder: function () {
+        return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      display: inline-block;\n    "], ["\n      display: inline-block;\n    "])));
+    },
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
+//# sourceMappingURL=Radio.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../components/Radio/Radio.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins.js';\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  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  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/__creevey__/Radio.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};

package/components/Radio/__creevey__/Radio.creevey.mjs

@@ -0,0 +1,86 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+kind('Radio', function () {
+    story('Highlighted', function (_a) {
+        var setStoryParameters = _a.setStoryParameters;
+        setStoryParameters({
+            skip: {
+                flaky: { in: /firefox/ },
+            },
+        });
+        test('plain', function (context) { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _b = (_a = context).matchImage;
+                        return [4 /*yield*/, context.takeScreenshot()];
+                    case 1: return [4 /*yield*/, _b.apply(_a, [_c.sent(), 'plain'])];
+                    case 2:
+                        _c.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        test('tabPress', function (context) { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, context.webdriver
+                            .actions({
+                            bridge: true,
+                        })
+                            .click(context.webdriver.findElement({ css: 'body' }))
+                            .sendKeys(Key.TAB)
+                            .pause(500)
+                            .perform()];
+                    case 1:
+                        _c.sent();
+                        _b = (_a = context).matchImage;
+                        return [4 /*yield*/, context.takeScreenshot()];
+                    case 2: return [4 /*yield*/, _b.apply(_a, [_c.sent(), 'tabPress'])];
+                    case 3:
+                        _c.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});
+//# sourceMappingURL=Radio.creevey.mjs.map

package/components/Radio/__creevey__/Radio.creevey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.creevey.mjs","sourceRoot":"","sources":["../../../../components/Radio/__creevey__/Radio.creevey.mts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAI,CAAC,OAAO,EAAE;IACZ,KAAK,CAAC,aAAa,EAAE,UAAC,EAAsB;YAApB,kBAAkB,wBAAA;QACxC,kBAAkB,CAAC;YACjB,IAAI,EAAE;gBACJ,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;aACzB;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,EAAE,UAAO,OAAO;;;;;wBACpB,KAAA,CAAA,KAAA,OAAO,CAAA,CAAC,UAAU,CAAA;wBAAC,qBAAM,OAAO,CAAC,cAAc,EAAE,EAAA;4BAAvD,qBAAM,cAAmB,SAA8B,EAAE,OAAO,EAAC,EAAA;;wBAAjE,SAAiE,CAAC;;;;aACnE,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,EAAE,UAAO,OAAO;;;;4BAC7B,qBAAM,OAAO,CAAC,SAAS;6BACpB,OAAO,CAAC;4BACP,MAAM,EAAE,IAAI;yBACb,CAAC;6BACD,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;6BACrD,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;6BACjB,KAAK,CAAC,GAAG,CAAC;6BACV,OAAO,EAAE,EAAA;;wBAPZ,SAOY,CAAC;wBACP,KAAA,CAAA,KAAA,OAAO,CAAA,CAAC,UAAU,CAAA;wBAAC,qBAAM,OAAO,CAAC,cAAc,EAAE,EAAA;4BAAvD,qBAAM,cAAmB,SAA8B,EAAE,UAAU,EAAC,EAAA;;wBAApE,SAAoE,CAAC;;;;aACtE,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { story, kind, test } from 'creevey';\nimport { Key } from 'selenium-webdriver';\n\nkind('Radio', () => {\n  story('Highlighted', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        flaky: { in: /firefox/ },\n      },\n    });\n\n    test('plain', async (context) => {\n      await context.matchImage(await context.takeScreenshot(), 'plain');\n    });\n\n    test('tabPress', async (context) => {\n      await context.webdriver\n        .actions({\n          bridge: true,\n        })\n        .click(context.webdriver.findElement({ css: 'body' }))\n        .sendKeys(Key.TAB)\n        .pause(500)\n        .perform();\n      await context.matchImage(await context.takeScreenshot(), 'tabPress');\n    });\n  });\n});\n"]}

package/components/Radio/__stories__/Radio.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Meta, Story } from '../../../typings/stories.js';
+declare const meta: Meta;
+export default meta;
+export declare const RadioWithDifferentStates: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const Playground: () => React.JSX.Element;
+export declare const Highlighted: Story;
+export declare const Size: Story;

package/components/Radio/__stories__/Radio.stories.js

@@ -0,0 +1,97 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+// TODO: Rewrite stories and enable rule (in process of functional refactoring).
+/* eslint-disable react/no-unstable-nested-components */
+import React from 'react';
+import { Gapped } from '../../Gapped/index.js';
+import { Radio } from '../Radio.js';
+var meta = {
+    title: 'Radio',
+    component: Radio,
+    parameters: {
+        creevey: {
+            skip: {
+                'kind-skip-0': { stories: 'Playground' },
+            },
+        },
+    },
+};
+export default meta;
+export var RadioWithDifferentStates = function () { return (React.createElement("div", { style: { margin: '5px' } },
+    React.createElement(Gapped, { gap: 20 },
+        React.createElement(Radio, { value: "value" }),
+        React.createElement(Radio, { disabled: true, value: "value" }),
+        React.createElement(Radio, { disabled: true, checked: true, value: "value" }),
+        React.createElement(Radio, { checked: true, value: "value" }),
+        React.createElement(Radio, { focused: true, value: "value" }),
+        React.createElement(Radio, { focused: true, checked: true, value: "value" }),
+        React.createElement(Radio, { error: true, value: "value" }),
+        React.createElement(Radio, { warning: true, value: "value" })))); };
+RadioWithDifferentStates.storyName = 'Radio with different states';
+export var Playground = function () {
+    var Comp = /** @class */ (function (_super) {
+        __extends(Comp, _super);
+        function Comp() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.state = {
+                hovered: false,
+                checked: false,
+                active: false,
+                value: 'value',
+            };
+            _this.handleClick = function () {
+                _this.setState({ checked: !_this.state.checked });
+            };
+            return _this;
+        }
+        Comp.prototype.render = function () {
+            return (React.createElement("div", null,
+                React.createElement("div", { onClick: this.handleClick },
+                    React.createElement("span", { style: { display: 'inline-block', verticalAlign: 'sub' } },
+                        React.createElement(Radio, __assign({}, this.state))))));
+        };
+        return Comp;
+    }(React.Component));
+    return React.createElement(Comp, null);
+};
+export var Highlighted = function () {
+    return (React.createElement("div", { style: { marginBottom: '70px' } },
+        React.createElement("div", null,
+            React.createElement(Radio, { value: 'value', checked: true })),
+        React.createElement("div", null,
+            React.createElement(Radio, { value: 'value', checked: true, warning: true })),
+        React.createElement("div", null,
+            React.createElement(Radio, { value: 'value', checked: true, error: true }))));
+};
+export var Size = function () {
+    return (React.createElement("div", null,
+        React.createElement(Gapped, { vertical: true },
+            React.createElement(Radio, { size: 'small', value: "value" }, "Size: small"),
+            React.createElement(Radio, { size: 'medium', value: "value" }, "Size: medium"),
+            React.createElement(Radio, { size: 'large', value: "value" }, "Size: large"))));
+};
+//# sourceMappingURL=Radio.stories.js.map

package/components/Radio/__stories__/Radio.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../components/Radio/__stories__/Radio.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["// TODO: Rewrite stories and enable rule (in process of functional refactoring).\n/* eslint-disable react/no-unstable-nested-components */\nimport React from 'react';\n\nimport type { Meta, Story } from '../../../typings/stories.js';\nimport { Gapped } from '../../Gapped/index.js';\nimport { Radio } from '../Radio.js';\n\nconst meta: Meta = {\n  title: 'Radio',\n  component: Radio,\n  parameters: {\n    creevey: {\n      skip: {\n        'kind-skip-0': { stories: 'Playground' },\n      },\n    },\n  },\n};\n\nexport default meta;\n\nexport const RadioWithDifferentStates = () => (\n  <div style={{ margin: '5px' }}>\n    <Gapped gap={20}>\n      <Radio value=\"value\" />\n      <Radio disabled value=\"value\" />\n      <Radio disabled checked value=\"value\" />\n      <Radio checked value=\"value\" />\n      <Radio focused value=\"value\" />\n      <Radio focused checked value=\"value\" />\n      <Radio error value=\"value\" />\n      <Radio warning value=\"value\" />\n    </Gapped>\n  </div>\n);\nRadioWithDifferentStates.storyName = 'Radio with different states';\n\nexport const Playground = () => {\n  class Comp extends React.Component {\n    public state = {\n      hovered: false,\n      checked: false,\n      active: false,\n      value: 'value',\n    };\n\n    public render() {\n      return (\n        <div>\n          <div onClick={this.handleClick}>\n            <span style={{ display: 'inline-block', verticalAlign: 'sub' }}>\n              <Radio {...this.state} />\n            </span>\n          </div>\n        </div>\n      );\n    }\n\n    private handleClick = () => {\n      this.setState({ checked: !this.state.checked });\n    };\n  }\n\n  return <Comp />;\n};\n\nexport const Highlighted: Story = () => {\n  return (\n    <div style={{ marginBottom: '70px' }}>\n      <div>\n        <Radio value={'value'} checked />\n      </div>\n      <div>\n        <Radio value={'value'} checked warning />\n      </div>\n      <div>\n        <Radio value={'value'} checked error />\n      </div>\n    </div>\n  );\n};\n\nexport const Size: Story = () => {\n  return (\n    <div>\n      <Gapped vertical>\n        <Radio size={'small'} value=\"value\">\n          Size: small\n        </Radio>\n        <Radio size={'medium'} value=\"value\">\n          Size: medium\n        </Radio>\n        <Radio size={'large'} value=\"value\">\n          Size: large\n        </Radio>\n      </Gapped>\n    </div>\n  );\n};\n"]}

package/components/Radio/__tests__/Radio-test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Radio/__tests__/Radio-test.js

@@ -0,0 +1,136 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { RadioGroup } from '../../RadioGroup/index.js';
+import { Radio, RadioDataTids } from '../Radio.js';
+describe('Radio', function () {
+    it('should render radio', function () {
+        render(React.createElement(Radio, { value: 'One' }));
+        expect(screen.getByTestId(RadioDataTids.root)).toBeInTheDocument();
+    });
+    it('should handle onMouseEnter event', function () {
+        var onMouseEnter = vi.fn();
+        render(React.createElement(Radio, { value: 'One', onMouseEnter: onMouseEnter }));
+        fireEvent.mouseEnter(screen.getByRole('radio'));
+        expect(onMouseEnter).toHaveBeenCalledTimes(1);
+    });
+    it('should handle onMouseLeave event', function () {
+        var onMouseLeave = vi.fn();
+        render(React.createElement(Radio, { value: 'One', onMouseLeave: onMouseLeave }));
+        fireEvent.mouseLeave(screen.getByRole('radio'));
+        expect(onMouseLeave).toHaveBeenCalledTimes(1);
+    });
+    it('should handle onMouseOver event', function () {
+        var onMouseOver = vi.fn();
+        render(React.createElement(Radio, { value: 'One', onMouseOver: onMouseOver }));
+        fireEvent.mouseOver(screen.getByRole('radio'));
+        expect(onMouseOver).toHaveBeenCalledTimes(1);
+    });
+    it('should handle onFocus event', function () {
+        var _a;
+        var onFocus = vi.fn();
+        var radioRef = React.createRef();
+        render(React.createElement(Radio, { value: 'One', onFocus: onFocus, ref: radioRef }));
+        (_a = radioRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        expect(onFocus).toHaveBeenCalledTimes(1);
+    });
+    it('should handle onValueChange event', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onValueChange, radioRef;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onValueChange = vi.fn();
+                    radioRef = React.createRef();
+                    render(React.createElement(Radio, { value: 'One', onValueChange: onValueChange, ref: radioRef }));
+                    return [4 /*yield*/, userEvent.click(screen.getByRole('radio'))];
+                case 1:
+                    _a.sent();
+                    expect(onValueChange).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should focus by tab pressing', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    render(React.createElement(Radio, { value: 'One' }));
+                    return [4 /*yield*/, userEvent.tab()];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByRole('radio')).toHaveFocus();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should focus by method', function () {
+        var _a;
+        var radioRef = React.createRef();
+        render(React.createElement(Radio, { value: 'One', ref: radioRef }));
+        (_a = radioRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        expect(screen.getByRole('radio')).toHaveFocus();
+    });
+    it('should blur by method', function () {
+        var _a, _b;
+        var radioRef = React.createRef();
+        render(React.createElement(Radio, { value: 'One', ref: radioRef }));
+        (_a = radioRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        expect(screen.getByRole('radio')).toHaveFocus();
+        (_b = radioRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+        expect(screen.getByRole('radio')).not.toHaveFocus();
+    });
+    it('should check radio in RadioGroup', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var radios;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    render(React.createElement(RadioGroup, null,
+                        React.createElement(Radio, { value: 'One' }),
+                        React.createElement(Radio, { value: 'Two' })));
+                    radios = screen.getAllByRole('radio');
+                    return [4 /*yield*/, userEvent.click(radios[0])];
+                case 1:
+                    _a.sent();
+                    expect(screen.getAllByRole('radio')[0]).toBeChecked();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=Radio-test.js.map

package/components/Radio/__tests__/Radio-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-test.js","sourceRoot":"","sources":["../../../../components/Radio/__tests__/Radio-test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { userEvent } from '@testing-library/user-event';\n\nimport { RadioGroup } from '../../RadioGroup/index.js';\nimport { Radio, RadioDataTids } from '../Radio.js';\n\ndescribe('Radio', () => {\n  it('should render radio', () => {\n    render(<Radio value={'One'} />);\n    expect(screen.getByTestId(RadioDataTids.root)).toBeInTheDocument();\n  });\n\n  it('should handle onMouseEnter event', () => {\n    const onMouseEnter = vi.fn();\n\n    render(<Radio value={'One'} onMouseEnter={onMouseEnter} />);\n    fireEvent.mouseEnter(screen.getByRole('radio'));\n\n    expect(onMouseEnter).toHaveBeenCalledTimes(1);\n  });\n\n  it('should handle onMouseLeave event', () => {\n    const onMouseLeave = vi.fn();\n\n    render(<Radio value={'One'} onMouseLeave={onMouseLeave} />);\n    fireEvent.mouseLeave(screen.getByRole('radio'));\n\n    expect(onMouseLeave).toHaveBeenCalledTimes(1);\n  });\n\n  it('should handle onMouseOver event', () => {\n    const onMouseOver = vi.fn();\n\n    render(<Radio value={'One'} onMouseOver={onMouseOver} />);\n    fireEvent.mouseOver(screen.getByRole('radio'));\n\n    expect(onMouseOver).toHaveBeenCalledTimes(1);\n  });\n\n  it('should handle onFocus event', () => {\n    const onFocus = vi.fn();\n    const radioRef = React.createRef<Radio<string>>();\n\n    render(<Radio value={'One'} onFocus={onFocus} ref={radioRef} />);\n    radioRef.current?.focus();\n\n    expect(onFocus).toHaveBeenCalledTimes(1);\n  });\n\n  it('should handle onValueChange event', async () => {\n    const onValueChange = vi.fn();\n    const radioRef = React.createRef<Radio<string>>();\n\n    render(<Radio value={'One'} onValueChange={onValueChange} ref={radioRef} />);\n    await userEvent.click(screen.getByRole('radio'));\n    expect(onValueChange).toHaveBeenCalledTimes(1);\n  });\n\n  it('should focus by tab pressing', async () => {\n    render(<Radio value={'One'} />);\n    await userEvent.tab();\n    expect(screen.getByRole('radio')).toHaveFocus();\n  });\n\n  it('should focus by method', () => {\n    const radioRef = React.createRef<Radio<string>>();\n    render(<Radio value={'One'} ref={radioRef} />);\n    radioRef.current?.focus();\n    expect(screen.getByRole('radio')).toHaveFocus();\n  });\n\n  it('should blur by method', () => {\n    const radioRef = React.createRef<Radio<string>>();\n    render(<Radio value={'One'} ref={radioRef} />);\n    radioRef.current?.focus();\n    expect(screen.getByRole('radio')).toHaveFocus();\n\n    radioRef.current?.blur();\n    expect(screen.getByRole('radio')).not.toHaveFocus();\n  });\n\n  it('should check radio in RadioGroup', async () => {\n    render(\n      <RadioGroup>\n        <Radio value={'One'} />\n        <Radio value={'Two'} />\n      </RadioGroup>,\n    );\n\n    const radios = screen.getAllByRole('radio');\n    await userEvent.click(radios[0]);\n    expect(screen.getAllByRole('radio')[0]).toBeChecked();\n  });\n});\n"]}

package/components/Radio/__tests__/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Radio/__tests__/Radio.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { Radio } from '../Radio.js';
+describe('Radio', function () {
+    it('sets value for aria-label attribute', function () {
+        var ariaLabel = 'aria-label';
+        render(React.createElement(Radio, { value: "", "aria-label": ariaLabel }));
+        expect(screen.getByRole('radio')).toHaveAttribute('aria-label', ariaLabel);
+    });
+});
+//# sourceMappingURL=Radio.test.js.map

package/components/Radio/__tests__/Radio.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../components/Radio/__tests__/Radio.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAQ,CAAC,OAAO,EAAE;IAChB,EAAE,CAAC,qCAAqC,EAAE;QACxC,IAAM,SAAS,GAAG,YAAY,CAAC;QAC/B,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAC,EAAE,gBAAa,SAAS,GAAI,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render, screen } from '@testing-library/react';\n\nimport { Radio } from '../Radio.js';\n\ndescribe('Radio', () => {\n  it('sets value for aria-label attribute', () => {\n    const ariaLabel = 'aria-label';\n    render(<Radio value=\"\" aria-label={ariaLabel} />);\n\n    expect(screen.getByRole('radio')).toHaveAttribute('aria-label', ariaLabel);\n  });\n});\n"]}

package/components/Radio/index.d.ts

@@ -1 +1 @@
-export * from './Radio';
+export * from './Radio.js';

package/components/Radio/index.js

@@ -0,0 +1,2 @@
+export * from './Radio.js';
+//# sourceMappingURL=index.js.map

package/components/Radio/index.js.map

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

package/components/RadioGroup/Prevent.d.ts

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

package/components/RadioGroup/Prevent.js

@@ -0,0 +1,33 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from 'react';
+var Prevent = /** @class */ (function (_super) {
+    __extends(Prevent, _super);
+    function Prevent() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._prevent = function (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        };
+        return _this;
+    }
+    Prevent.prototype.render = function () {
+        return React.createElement("span", { onClick: this._prevent }, this.props.children);
+    };
+    return Prevent;
+}(React.Component));
+export { Prevent };
+//# sourceMappingURL=Prevent.js.map

package/components/RadioGroup/Prevent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prevent.js","sourceRoot":"","sources":["../../../components/RadioGroup/Prevent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;IAA6B,2BAA6B;IAA1D;;QAKU,cAAQ,GAAG,UAAC,KAAwC;YAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;;IACJ,CAAC;IARQ,wBAAM,GAAb;QACE,OAAO,8BAAM,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC;IACpE,CAAC;IAMH,cAAC;AAAD,CAAC,AATD,CAA6B,KAAK,CAAC,SAAS,GAS3C","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"]}