@lskjs/navbar
Version:
LSK ux subrepo: navbar
74 lines (60 loc) • 7.83 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _Story = _interopRequireDefault(require("@lskjs/dev/Story"));
var _button = _interopRequireDefault(require("@lskjs/button"));
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
var _GlobalStyles = _interopRequireDefault(require("./GlobalStyles"));
window.__DEV__ = true;
var WrappedButton = _react["default"].forwardRef(function (props, ref) {
return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
ref: ref
}, props));
});
var CustomToggle = _react["default"].forwardRef(function (_ref, ref) {
var children = _ref.children,
_onClick = _ref.onClick;
return /*#__PURE__*/_react["default"].createElement("a", {
href: "",
ref: ref,
onClick: function onClick(e) {
e.preventDefault();
_onClick(e);
}
}, children, "\u25BC");
});
var _default = function _default(_ref2) {
var storiesOf = _ref2.storiesOf;
return storiesOf('navbar/Dropdown', module).add('default', function () {
return /*#__PURE__*/_react["default"].createElement(_Story["default"], null, /*#__PURE__*/_react["default"].createElement(_GlobalStyles["default"], null), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], null, /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Toggle, {
variant: "success",
id: "dropdown-basic"
}, "Dropdown Button"), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Menu, null, /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
href: "#/action-1"
}, "Action"), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
href: "#/action-2"
}, "Another action"), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
href: "#/action-3"
}, "Something else"))));
}).add('button', function () {
return /*#__PURE__*/_react["default"].createElement(_Story["default"], null, /*#__PURE__*/_react["default"].createElement(_GlobalStyles["default"], null), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], null, /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Toggle, {
as: CustomToggle,
variant: "success",
id: "dropdown-basic"
}, "Dropdown Button"), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Menu, null, /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
href: "#/action-1"
}, "Action"), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
href: "#/action-2"
}, "Another action"), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Item, {
href: "#/action-3"
}, "Something else"))));
});
};
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Ecm9wZG93bi5zdG9yeS5qc3giXSwibmFtZXMiOlsid2luZG93IiwiX19ERVZfXyIsIldyYXBwZWRCdXR0b24iLCJSZWFjdCIsImZvcndhcmRSZWYiLCJwcm9wcyIsInJlZiIsIkN1c3RvbVRvZ2dsZSIsImNoaWxkcmVuIiwib25DbGljayIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInN0b3JpZXNPZiIsIm1vZHVsZSIsImFkZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQUEsTUFBTSxDQUFDQyxPQUFQLEdBQWlCLElBQWpCOztBQUVBLElBQU1DLGFBQWEsR0FBR0Msa0JBQU1DLFVBQU4sQ0FBaUIsVUFBQ0MsS0FBRCxFQUFRQyxHQUFSO0FBQUEsc0JBQWdCLGdDQUFDLGtCQUFEO0FBQVEsSUFBQSxHQUFHLEVBQUVBO0FBQWIsS0FBc0JELEtBQXRCLEVBQWhCO0FBQUEsQ0FBakIsQ0FBdEI7O0FBQ0EsSUFBTUUsWUFBWSxHQUFHSixrQkFBTUMsVUFBTixDQUFpQixnQkFBd0JFLEdBQXhCO0FBQUEsTUFBR0UsUUFBSCxRQUFHQSxRQUFIO0FBQUEsTUFBYUMsUUFBYixRQUFhQSxPQUFiO0FBQUEsc0JBQ3BDO0FBQ0UsSUFBQSxJQUFJLEVBQUMsRUFEUDtBQUVFLElBQUEsR0FBRyxFQUFFSCxHQUZQO0FBR0UsSUFBQSxPQUFPLEVBQUUsaUJBQUNJLENBQUQsRUFBTztBQUNkQSxNQUFBQSxDQUFDLENBQUNDLGNBQUY7O0FBQ0FGLE1BQUFBLFFBQU8sQ0FBQ0MsQ0FBRCxDQUFQO0FBQ0Q7QUFOSCxLQVFHRixRQVJILFdBRG9DO0FBQUEsQ0FBakIsQ0FBckI7O2VBY2U7QUFBQSxNQUFHSSxTQUFILFNBQUdBLFNBQUg7QUFBQSxTQUNiQSxTQUFTLENBQUMsaUJBQUQsRUFBb0JDLE1BQXBCLENBQVQsQ0FDR0MsR0FESCxDQUNPLFNBRFAsRUFDa0I7QUFBQSx3QkFDZCxnQ0FBQyxpQkFBRCxxQkFDRSxnQ0FBQyx3QkFBRCxPQURGLGVBRUUsZ0NBQUMsb0JBQUQscUJBQ0UsZ0NBQUMsb0JBQUQsQ0FBVSxNQUFWO0FBQWlCLE1BQUEsT0FBTyxFQUFDLFNBQXpCO0FBQW1DLE1BQUEsRUFBRSxFQUFDO0FBQXRDLHlCQURGLGVBS0UsZ0NBQUMsb0JBQUQsQ0FBVSxJQUFWLHFCQUNFLGdDQUFDLG9CQUFELENBQVUsSUFBVjtBQUFlLE1BQUEsSUFBSSxFQUFDO0FBQXBCLGdCQURGLGVBRUUsZ0NBQUMsb0JBQUQsQ0FBVSxJQUFWO0FBQWUsTUFBQSxJQUFJLEVBQUM7QUFBcEIsd0JBRkYsZUFHRSxnQ0FBQyxvQkFBRCxDQUFVLElBQVY7QUFBZSxNQUFBLElBQUksRUFBQztBQUFwQix3QkFIRixDQUxGLENBRkYsQ0FEYztBQUFBLEdBRGxCLEVBaUJHQSxHQWpCSCxDQWlCTyxRQWpCUCxFQWlCaUI7QUFBQSx3QkFDYixnQ0FBQyxpQkFBRCxxQkFDRSxnQ0FBQyx3QkFBRCxPQURGLGVBRUUsZ0NBQUMsb0JBQUQscUJBQ0UsZ0NBQUMsb0JBQUQsQ0FBVSxNQUFWO0FBQWlCLE1BQUEsRUFBRSxFQUFFUCxZQUFyQjtBQUFtQyxNQUFBLE9BQU8sRUFBQyxTQUEzQztBQUFxRCxNQUFBLEVBQUUsRUFBQztBQUF4RCx5QkFERixlQUtFLGdDQUFDLG9CQUFELENBQVUsSUFBVixxQkFDRSxnQ0FBQyxvQkFBRCxDQUFVLElBQVY7QUFBZSxNQUFBLElBQUksRUFBQztBQUFwQixnQkFERixlQUVFLGdDQUFDLG9CQUFELENBQVUsSUFBVjtBQUFlLE1BQUEsSUFBSSxFQUFDO0FBQXBCLHdCQUZGLGVBR0UsZ0NBQUMsb0JBQUQsQ0FBVSxJQUFWO0FBQWUsTUFBQSxJQUFJLEVBQUM7QUFBcEIsd0JBSEYsQ0FMRixDQUZGLENBRGE7QUFBQSxHQWpCakIsQ0FEYTtBQUFBLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFN0b3J5IGZyb20gJ0Bsc2tqcy9kZXYvU3RvcnknO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbHNranMvYnV0dG9uJztcbmltcG9ydCBEcm9wZG93biBmcm9tICcuL0Ryb3Bkb3duJztcbmltcG9ydCBHbG9iYWxTdHlsZXMgZnJvbSAnLi9HbG9iYWxTdHlsZXMnO1xuXG53aW5kb3cuX19ERVZfXyA9IHRydWU7XG5cbmNvbnN0IFdyYXBwZWRCdXR0b24gPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiA8QnV0dG9uIHJlZj17cmVmfSB7Li4ucHJvcHN9IC8+KTtcbmNvbnN0IEN1c3RvbVRvZ2dsZSA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIG9uQ2xpY2sgfSwgcmVmKSA9PiAoXG4gIDxhXG4gICAgaHJlZj1cIlwiXG4gICAgcmVmPXtyZWZ9XG4gICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uQ2xpY2soZSk7XG4gICAgfX1cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgICAmI3gyNWJjO1xuICA8L2E+XG4pKTtcblxuZXhwb3J0IGRlZmF1bHQgKHsgc3Rvcmllc09mIH0pID0+XG4gIHN0b3JpZXNPZignbmF2YmFyL0Ryb3Bkb3duJywgbW9kdWxlKVxuICAgIC5hZGQoJ2RlZmF1bHQnLCAoKSA9PiAoXG4gICAgICA8U3Rvcnk+XG4gICAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgICAgPERyb3Bkb3duPlxuICAgICAgICAgIDxEcm9wZG93bi5Ub2dnbGUgdmFyaWFudD1cInN1Y2Nlc3NcIiBpZD1cImRyb3Bkb3duLWJhc2ljXCI+XG4gICAgICAgICAgICBEcm9wZG93biBCdXR0b25cbiAgICAgICAgICA8L0Ryb3Bkb3duLlRvZ2dsZT5cblxuICAgICAgICAgIDxEcm9wZG93bi5NZW51PlxuICAgICAgICAgICAgPERyb3Bkb3duLkl0ZW0gaHJlZj1cIiMvYWN0aW9uLTFcIj5BY3Rpb248L0Ryb3Bkb3duLkl0ZW0+XG4gICAgICAgICAgICA8RHJvcGRvd24uSXRlbSBocmVmPVwiIy9hY3Rpb24tMlwiPkFub3RoZXIgYWN0aW9uPC9Ecm9wZG93bi5JdGVtPlxuICAgICAgICAgICAgPERyb3Bkb3duLkl0ZW0gaHJlZj1cIiMvYWN0aW9uLTNcIj5Tb21ldGhpbmcgZWxzZTwvRHJvcGRvd24uSXRlbT5cbiAgICAgICAgICA8L0Ryb3Bkb3duLk1lbnU+XG4gICAgICAgIDwvRHJvcGRvd24+XG4gICAgICA8L1N0b3J5PlxuICAgICkpXG4gICAgLmFkZCgnYnV0dG9uJywgKCkgPT4gKFxuICAgICAgPFN0b3J5PlxuICAgICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICAgIDxEcm9wZG93bj5cbiAgICAgICAgICA8RHJvcGRvd24uVG9nZ2xlIGFzPXtDdXN0b21Ub2dnbGV9IHZhcmlhbnQ9XCJzdWNjZXNzXCIgaWQ9XCJkcm9wZG93bi1iYXNpY1wiPlxuICAgICAgICAgICAgRHJvcGRvd24gQnV0dG9uXG4gICAgICAgICAgPC9Ecm9wZG93bi5Ub2dnbGU+XG5cbiAgICAgICAgICA8RHJvcGRvd24uTWVudT5cbiAgICAgICAgICAgIDxEcm9wZG93bi5JdGVtIGhyZWY9XCIjL2FjdGlvbi0xXCI+QWN0aW9uPC9Ecm9wZG93bi5JdGVtPlxuICAgICAgICAgICAgPERyb3Bkb3duLkl0ZW0gaHJlZj1cIiMvYWN0aW9uLTJcIj5Bbm90aGVyIGFjdGlvbjwvRHJvcGRvd24uSXRlbT5cbiAgICAgICAgICAgIDxEcm9wZG93bi5JdGVtIGhyZWY9XCIjL2FjdGlvbi0zXCI+U29tZXRoaW5nIGVsc2U8L0Ryb3Bkb3duLkl0ZW0+XG4gICAgICAgICAgPC9Ecm9wZG93bi5NZW51PlxuICAgICAgICA8L0Ryb3Bkb3duPlxuICAgICAgPC9TdG9yeT5cbiAgICApKTtcbiJdfQ==
//# sourceMappingURL=Dropdown.story.js.map