@cimpress/react-components
Version:
React components to support the MCP styleguide
56 lines • 3.42 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WithTooltip = exports.Default = void 0;
const React = __importStar(require("react"));
const Drawer_1 = require("../Drawer");
const Button_1 = require("../Button");
const Tooltip_1 = require("../Tooltip");
const meta = {
title: 'Components/Drawer',
component: Drawer_1.Drawer,
};
exports.default = meta;
exports.Default = {
render(props) {
const [show, setShow] = React.useState(false);
return (React.createElement("div", null,
React.createElement(Button_1.Button, { onClick: () => setShow(true) }, "Open Drawer"),
React.createElement(Drawer_1.Drawer, Object.assign({ show: show, onRequestHide: () => setShow(false), closeOnClickOutside: true }, props),
React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis eius magnam aliquam suscipit dolor recusandae, ut consectetur quidem aliquid. Assumenda accusantium repellat cum totam quae ipsum dolor recusandae beatae excepturi! Eligendi cum accusantium magnam ad praesentium ab quam voluptatum, itaque odit consequatur amet non aliquid minima enim fuga obcaecati officiis."))));
},
};
exports.WithTooltip = {
render(props) {
const [show, setShow] = React.useState(false);
return (React.createElement("div", null,
React.createElement(Button_1.Button, { onClick: () => setShow(true) }, "Open Drawer"),
React.createElement(Drawer_1.Drawer, Object.assign({ show: show, onRequestHide: () => setShow(false), closeOnClickOutside: true }, props),
React.createElement("p", { style: { marginBottom: 16 } }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis eius magnam aliquam suscipit dolor recusandae, ut consectetur quidem aliquid. Assumenda accusantium repellat cum totam quae ipsum dolor recusandae beatae excepturi! Eligendi cum accusantium magnam ad praesentium ab quam voluptatum, itaque odit consequatur amet non aliquid minima enim fuga obcaecati officiis."),
React.createElement(Tooltip_1.Tooltip, { contents: React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, exercitationem!") },
React.createElement(Button_1.Button, null, "Hover Me")))));
},
};
//# sourceMappingURL=Drawer.stories.js.map