@wix/design-system/dist/cjs/Sidebar/docs/index.story.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _Sections = require("@wix/wix-storybook-utils/Sections");
var _storySettings = require("../test/storySettings");
var _SimpleExample = _interopRequireDefault(require("!raw-loader!./SimpleExample"));
var _InnerMenuExample = _interopRequireDefault(require("!raw-loader!./InnerMenuExample"));
var _SidebarItemContextExample = _interopRequireDefault(require("./SidebarItemContextExample"));
var _SidebarItemContextExample2 = _interopRequireDefault(require("!raw-loader!./SidebarItemContextExample"));
var _COMPOUND_READMEAPI = _interopRequireDefault(require("../COMPOUND_README.API.md"));
var _CONTEXT_READMEAPI = _interopRequireDefault(require("../CONTEXT_README.API.md"));
var _ = _interopRequireDefault(require(".."));
var _react = _interopRequireDefault(require("react"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Sidebar/docs/index.story.jsx";
var importDeclaration = "\n### For basic compositions:\nimport { Sidebar } from '@wix/design-system';\nconst { Item, BackButton, PersistentFooter, PersistentHeader } = Sidebar;\n\n### For advanced usages:\nimport { SidebarContextConsumer, SidebarItemContextConsumer } from '@wix/design-system';\n";
var _default = exports["default"] = {
  category: "".concat(_storySettings.storySettings.category, "/Sidebar"),
  storyName: 'Sidebar',
  component: _["default"],
  componentPath: '..',
  componentProps: {},
  sections: [(0, _Sections.header)({
    sourceUrl: 'https://github.com/wix-private/wix-design-systems/tree/master/packages/wix-design-system/src/Sidebar/'
  }), (0, _Sections.tabs)([(0, _Sections.tab)({
    title: 'Description',
    sections: [(0, _Sections.description)({
      title: 'Description',
      text: 'A sidebar menu container component, created to display a drill in menu and persistent elements'
    }), (0, _Sections.importExample)(importDeclaration), (0, _Sections.divider)(), (0, _Sections.title)('Examples'), (0, _Sections.example)({
      title: 'Basic example',
      text: 'In its very basic simple form - the `Sidebar` component provides a container for elements',
      source: _SimpleExample["default"]
    }), (0, _Sections.example)({
      title: 'Inner menu',
      text: 'Sidebar supports inner menus, `NOTE:` We support only 1st level hierarchy.',
      source: _InnerMenuExample["default"]
    }),
    // This example is built differently because <SidebarItemContext/> loose context when it's raw
    (0, _Sections.columns)([(0, _Sections.description)({
      title: 'Custom Context Usage',
      text: 'Items can get internal selection logic from the `SidebarItemContextConsumer` context component. Check the source code for more information about how to use the context components, for example `<SidebarContextConsumer/>` allows achieving custom back button behavior`'
    }), (0, _Sections.description)(/*#__PURE__*/_react["default"].createElement(_SidebarItemContextExample["default"], {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 78,
        columnNumber: 25
      }
    }))]), (0, _Sections.code)({
      interactive: false,
      source: _SidebarItemContextExample2["default"]
    })]
  })].concat((0, _toConsumableArray2["default"])([{
    title: 'Sidebar API',
    sections: [(0, _Sections.api)()]
  }, (0, _Sections.tab)({
    title: 'Compound components API',
    sections: [(0, _Sections.description)(_COMPOUND_READMEAPI["default"])]
  }), (0, _Sections.tab)({
    title: 'Context API',
    sections: [(0, _Sections.description)(_CONTEXT_READMEAPI["default"])]
  }), {
    title: 'Testkit',
    sections: [(0, _Sections.testkit)()]
  }
  // { title: 'Playground', sections: [playground()] }, //TODO - not in use at the moment
  ].map(_Sections.tab))))]
};