"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _Markdown = _interopRequireDefault(require("@wix/wix-storybook-utils/Markdown"));
var _CodeExample = _interopRequireDefault(require("@wix/wix-storybook-utils/CodeExample"));
var _TabbedView = _interopRequireDefault(require("@wix/wix-storybook-utils/TabbedView"));
var _README = _interopRequireDefault(require("../README.md"));
var _READMETESTKIT = _interopRequireDefault(require("../README.TESTKIT.md"));
var _Example = _interopRequireDefault(require("./Example"));
var _Example2 = _interopRequireDefault(require("!raw-loader!./Example"));
var _ExampleCallingServer = _interopRequireDefault(require("./ExampleCallingServer"));
var _ExampleCallingServer2 = _interopRequireDefault(require("!raw-loader!./ExampleCallingServer"));
var _ExampleWithoutHeader = _interopRequireDefault(require("./ExampleWithoutHeader"));
var _ExampleWithoutHeader2 = _interopRequireDefault(require("!raw-loader!./ExampleWithoutHeader"));
var _ExampleWithAnimatedRowDetails = _interopRequireDefault(require("./ExampleWithAnimatedRowDetails"));
var _ExampleWithAnimatedRowDetails2 = _interopRequireDefault(require("!raw-loader!./ExampleWithAnimatedRowDetails"));
var _ExampleSortable = _interopRequireDefault(require("./ExampleSortable"));
var _ExampleSortable2 = _interopRequireDefault(require("!raw-loader!./ExampleSortable"));
var _ExampleSortableOldDesign = _interopRequireDefault(require("./ExampleSortableOldDesign"));
var _ExampleSortableOldDesign2 = _interopRequireDefault(require("!raw-loader!./ExampleSortableOldDesign"));
var _storySettings = require("./storySettings");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Table/DataTable/docs/index.jsx",
  _this = void 0;
(0, _react2.storiesOf)(_storySettings.storySettings.category, module).add(_storySettings.storySettings.storyName, function () {
  return /*#__PURE__*/_react["default"].createElement(_TabbedView["default"], {
    tabs: ['API', 'TestKits'],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 32,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react["default"].createElement(_Markdown["default"], {
    source: _README["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 7
    }
  }), /*#__PURE__*/_react["default"].createElement("h1", {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 7
    }
  }, "Usage examples"), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "With infinite scroll",
    code: _Example2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_Example["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 37,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "With animated row details",
    code: _ExampleWithAnimatedRowDetails2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 39,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_ExampleWithAnimatedRowDetails["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 43,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "Within a dynamic width container (80%)",
    code: _ExampleSortable2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 45,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_ExampleSortable["default"], {
    style: {
      width: '80%'
    },
    dataHook: "storybook-responsive-width",
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 49,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "With sorting & info tooltip",
    code: _ExampleSortable2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 54,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_ExampleSortable["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 58,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "With sorting - old design",
    code: _ExampleSortableOldDesign2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_ExampleSortableOldDesign["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 64,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "Without header",
    code: _ExampleWithoutHeader2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 66,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_ExampleWithoutHeader["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 67,
      columnNumber: 9
    }
  })), /*#__PURE__*/_react["default"].createElement(_CodeExample["default"], {
    title: "With server calling (up to 100 items)",
    code: _ExampleCallingServer2["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 69,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react["default"].createElement(_ExampleCallingServer["default"], {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 73,
      columnNumber: 9
    }
  }))), /*#__PURE__*/_react["default"].createElement(_Markdown["default"], {
    source: _READMETESTKIT["default"],
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 77,
      columnNumber: 5
    }
  }));
});