wix-storybook-utils
Version:
Utilities for automated component documentation within Storybook
30 lines • 1.6 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var prop_types_1 = tslib_1.__importDefault(require("prop-types"));
var Layout_1 = require("../../ui/Layout");
var Markdown_1 = tslib_1.__importDefault(require("../../Markdown"));
var styles_scss_1 = tslib_1.__importDefault(require("./styles.scss"));
var Option = function (_a) {
var label = _a.label, value = _a.value, children = _a.children, onChange = _a.onChange, defaultValue = _a.defaultValue, isRequired = _a.isRequired, dataHook = _a.dataHook;
return children ? (react_1.default.createElement(Layout_1.Layout, { dataHook: dataHook, className: styles_scss_1.default.option },
react_1.default.createElement(Layout_1.Cell, { span: 5 },
react_1.default.createElement(Markdown_1.default, { source: "`".concat(label).concat(isRequired ? '*' : '', "`") })),
react_1.default.createElement(Layout_1.Cell, { span: 7 }, react_1.default.cloneElement(children, {
value: children.type === 'div' ? value.toString() : value,
defaultValue: defaultValue,
onChange: onChange,
})))) : null;
};
Option.propTypes = {
label: prop_types_1.default.string,
value: prop_types_1.default.any,
defaultValue: prop_types_1.default.any,
children: prop_types_1.default.node,
onChange: prop_types_1.default.func,
isRequired: prop_types_1.default.bool,
dataHook: prop_types_1.default.string,
};
exports.default = Option;
//# sourceMappingURL=option.js.map