wix-style-react/src/Page/docs/storySettings.js

wix-style-react

import { CATEGORY } from '../../../stories/storiesHierarchy';

const PageWithScrollConstants = (function () {
  const SAFETY = 5;
  const pageHeight = 500;
  const pageBottomPadding = 48;
  const headerContainerHeight = 156;
  const minimizedHeaderContainerHeight = 67;
  const scrollTrigger =
    headerContainerHeight - minimizedHeaderContainerHeight + SAFETY;
  const maxScrollNoTrigger =
    headerContainerHeight - minimizedHeaderContainerHeight - SAFETY;

  return {
    scrollTrigger,
    maxScrollNoTrigger,
    minimizedHeaderContainerHeight,
    headerContainerHeight,
    pageBottomPadding,
    pageHeight,
  };
})();

export const storySettings = {
  category: CATEGORY.LAYOUT,
  storyName: 'Page',
  dataHook: 'story-page',
  PageWithScrollConstants,
};