@atlaskit/renderer
Version:
Renderer component
44 lines (42 loc) • 2.42 kB
JavaScript
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
/**
* Compiled branch of the `platform_editor_static_css` experiment.
* Used via `componentWithCondition` in `layoutColumn.tsx`.
*
* Cleanup: delete this file once the experiment has shipped.
*/
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LayoutSectionCompiled = void 0;
require("./layoutColumn-compiled.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _react = _interopRequireDefault(require("react"));
var _ui = require("@atlaskit/editor-common/ui");
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
var clearNextSiblingMarginTopStyle = null;
var verticalAlignMiddleStyles = null;
var verticalAlignBottomStyles = null;
var multipleWrappedImagesStyle = null;
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
var clearNextSiblingBlockMarkMarginTopStyle = null;
var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSectionCompiled(props) {
var isLayoutColumnMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true);
return /*#__PURE__*/_react.default.createElement("div", {
"data-layout-column": true,
"data-column-width": props.width,
"data-valign": props.valign
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
,
style: {
flexBasis: "".concat(props.width, "%")
},
className: (0, _runtime.ax)([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
}, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
className: (0, _runtime.ax)(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
}), props.children));
};