@wix/design-system/dist/cjs/AnalyticsLayout/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 _ = _interopRequireDefault(require(".."));
var _default = exports["default"] = {
  category: "".concat(_storySettings.storySettings.category, "/AnalyticsSummary"),
  storyName: 'AnalyticsLayout',
  component: _["default"],
  componentPath: '..',
  componentProps: {},
  exampleProps: {},
  sections: [(0, _Sections.header)({
    sourceUrl: "https://github.com/wix-private/wix-design-systems/tree/master/packages/wix-design-system/src/".concat(_["default"].displayName, "/")
  }), (0, _Sections.tabs)([(0, _Sections.tab)({
    title: 'Description',
    sections: [(0, _Sections.description)({
      title: 'Description',
      text: 'AnalyticsLayout is a smart layout that arrange items according to a min and max items per row.'
    }), (0, _Sections.divider)(), (0, _Sections.title)('Examples'), (0, _Sections.example)({
      title: 'Minimum Width',
      text: 'Width depends on parent’s container, but cannot be less than 636px.',
      source: "<AnalyticsLayout items={[1,2,3, 4 ,5 ,6, 7, 8]}>\n            {( item, index, rowItemsCount ) => (\n              <AnalyticsLayout.Cell>\n                <Box margin=\"SP4\">item {item} ({index + 1} / {rowItemsCount})</Box>\n              </AnalyticsLayout.Cell>\n            )}\n          </AnalyticsLayout>"
    }), (0, _Sections.example)({
      title: 'Disabled Highlight',
      text: 'Disable cell highlighting state',
      source: "<AnalyticsLayout items={[1,2,3, 4 ,5 ,6, 7, 8]}>\n            {( item, index, rowItemsCount ) => (\n              <AnalyticsLayout.Cell disableHighlight>\n                <Box margin=\"SP4\">item {item} ({index + 1} / {rowItemsCount})</Box>\n              </AnalyticsLayout.Cell>\n            )}\n          </AnalyticsLayout>"
    })]
  })].concat((0, _toConsumableArray2["default"])([{
    title: 'API',
    sections: [(0, _Sections.api)()]
  }, {
    title: 'Testkit',
    sections: [(0, _Sections.testkit)()]
  }].map(_Sections.tab))))]
};