@storybook/components 6.5.0-alpha.34 → 6.5.0-alpha.39

package/dist/esm/typography/elements/H6.js

@@ -1,9 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export var H6 = styled.h6(withReset, headerCommon, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: "".concat(theme.typography.size.s2, "px"),
-    color: theme.color.dark
-  };
-});

package/dist/esm/typography/elements/HR.js

@@ -1,10 +0,0 @@
-import { styled } from '@storybook/theming';
-export var HR = styled.hr(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    border: '0 none',
-    borderTop: "1px solid ".concat(theme.appBorderColor),
-    height: 4,
-    padding: 0
-  };
-});

package/dist/esm/typography/elements/Img.js

@@ -1,4 +0,0 @@
-import { styled } from '@storybook/theming';
-export var Img = styled.img({
-  maxWidth: '100%'
-});

package/dist/esm/typography/elements/LI.js

@@ -1,20 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, codeCommon } from '../lib/common';
-export var LI = styled.li(withReset, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.size.s2,
-    color: theme.color.defaultText,
-    lineHeight: '24px',
-    '& + li': {
-      marginTop: '.25em'
-    },
-    '& ul, & ol': {
-      marginTop: '.25em',
-      marginBottom: 0
-    },
-    '& code': codeCommon({
-      theme: theme
-    })
-  };
-});

package/dist/esm/typography/elements/Link.js

@@ -1,29 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
-var _excluded = ["href", "children"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import "core-js/modules/es.regexp.exec.js";
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-export var Link = function Link(_ref) {
-  var input = _ref.href,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var isStorybookPath = /^\//.test(input);
-  var isAnchorUrl = /^#.*/.test(input);
-  var href = isStorybookPath ? "?path=".concat(input) : input;
-  var target = isAnchorUrl ? '_self' : '_top';
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: href,
-    target: target
-  }, props), children);
-};
-Link.displayName = "Link";

package/dist/esm/typography/elements/OL.js

@@ -1,15 +0,0 @@
-import "core-js/modules/es.object.assign.js";
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-var listCommon = {
-  paddingLeft: 30,
-  '& :first-of-type': {
-    marginTop: 0
-  },
-  '& :last-child': {
-    marginBottom: 0
-  }
-};
-export var OL = styled.ol(withReset, withMargin, Object.assign({}, listCommon, {
-  listStyle: 'decimal'
-}));

package/dist/esm/typography/elements/P.js

@@ -1,13 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin, codeCommon } from '../lib/common';
-export var P = styled.p(withReset, withMargin, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.size.s2,
-    lineHeight: '24px',
-    color: theme.color.defaultText,
-    '& code': codeCommon({
-      theme: theme
-    })
-  };
-});

package/dist/esm/typography/elements/Pre.js

@@ -1,42 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-export var Pre = styled.pre(withReset, withMargin, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    // reset
-    fontFamily: theme.typography.fonts.mono,
-    WebkitFontSmoothing: 'antialiased',
-    MozOsxFontSmoothing: 'grayscale',
-    lineHeight: '18px',
-    padding: '11px 1rem',
-    whiteSpace: 'pre-wrap',
-    color: 'inherit',
-    borderRadius: 3,
-    margin: '1rem 0',
-    '&:not(.prismjs)': {
-      background: 'transparent',
-      border: 'none',
-      borderRadius: 0,
-      padding: 0,
-      margin: 0
-    },
-    '& pre, &.prismjs': {
-      padding: 15,
-      margin: 0,
-      whiteSpace: 'pre-wrap',
-      color: 'inherit',
-      fontSize: '13px',
-      lineHeight: '19px',
-      code: {
-        color: 'inherit',
-        fontSize: 'inherit'
-      }
-    },
-    '& code': {
-      whiteSpace: 'pre'
-    },
-    '& code, & tt': {
-      border: 'none'
-    }
-  };
-});

package/dist/esm/typography/elements/Span.js

@@ -1,81 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset } from '../lib/common';
-export var Span = styled.span(withReset, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    '&.frame': {
-      display: 'block',
-      overflow: 'hidden',
-      '& > span': {
-        border: "1px solid ".concat(theme.color.medium),
-        display: 'block',
-        float: 'left',
-        overflow: 'hidden',
-        margin: '13px 0 0',
-        padding: 7,
-        width: 'auto'
-      },
-      '& span img': {
-        display: 'block',
-        float: 'left'
-      },
-      '& span span': {
-        clear: 'both',
-        color: theme.color.darkest,
-        display: 'block',
-        padding: '5px 0 0'
-      }
-    },
-    '&.align-center': {
-      display: 'block',
-      overflow: 'hidden',
-      clear: 'both',
-      '& > span': {
-        display: 'block',
-        overflow: 'hidden',
-        margin: '13px auto 0',
-        textAlign: 'center'
-      },
-      '& span img': {
-        margin: '0 auto',
-        textAlign: 'center'
-      }
-    },
-    '&.align-right': {
-      display: 'block',
-      overflow: 'hidden',
-      clear: 'both',
-      '& > span': {
-        display: 'block',
-        overflow: 'hidden',
-        margin: '13px 0 0',
-        textAlign: 'right'
-      },
-      '& span img': {
-        margin: 0,
-        textAlign: 'right'
-      }
-    },
-    '&.float-left': {
-      display: 'block',
-      marginRight: 13,
-      overflow: 'hidden',
-      float: 'left',
-      '& span': {
-        margin: '13px 0 0'
-      }
-    },
-    '&.float-right': {
-      display: 'block',
-      marginLeft: 13,
-      overflow: 'hidden',
-      float: 'right',
-      '& > span': {
-        display: 'block',
-        overflow: 'hidden',
-        margin: '13px auto 0',
-        textAlign: 'right'
-      }
-    }
-  };
-});

package/dist/esm/typography/elements/TT.js

@@ -1,3 +0,0 @@
-import { styled } from '@storybook/theming';
-import { codeCommon } from '../lib/common';
-export var TT = styled.title(codeCommon);

package/dist/esm/typography/elements/Table.js

@@ -1,39 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-export var Table = styled.table(withReset, withMargin, function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.size.s2,
-    lineHeight: '24px',
-    padding: 0,
-    borderCollapse: 'collapse',
-    '& tr': {
-      borderTop: "1px solid ".concat(theme.appBorderColor),
-      backgroundColor: theme.appContentBg,
-      margin: 0,
-      padding: 0
-    },
-    '& tr:nth-of-type(2n)': {
-      backgroundColor: theme.base === 'dark' ? theme.color.darker : theme.color.lighter
-    },
-    '& tr th': {
-      fontWeight: 'bold',
-      color: theme.color.defaultText,
-      border: "1px solid ".concat(theme.appBorderColor),
-      margin: 0,
-      padding: '6px 13px'
-    },
-    '& tr td': {
-      border: "1px solid ".concat(theme.appBorderColor),
-      color: theme.color.defaultText,
-      margin: 0,
-      padding: '6px 13px'
-    },
-    '& tr th :first-of-type, & tr td :first-of-type': {
-      marginTop: 0
-    },
-    '& tr th :last-child, & tr td :last-child': {
-      marginBottom: 0
-    }
-  };
-});

package/dist/esm/typography/elements/UL.js

@@ -1,15 +0,0 @@
-import "core-js/modules/es.object.assign.js";
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-var listCommon = {
-  paddingLeft: 30,
-  '& :first-of-type': {
-    marginTop: 0
-  },
-  '& :last-child': {
-    marginBottom: 0
-  }
-};
-export var UL = styled.ul(withReset, withMargin, Object.assign({}, listCommon, {
-  listStyle: 'disc'
-}));

package/dist/esm/typography/lib/common.js

@@ -1,50 +0,0 @@
-import { transparentize } from 'polished';
-export var headerCommon = function headerCommon(_ref) {
-  var theme = _ref.theme;
-  return {
-    margin: '20px 0 8px',
-    padding: 0,
-    cursor: 'text',
-    position: 'relative',
-    color: theme.color.defaultText,
-    '&:first-of-type': {
-      marginTop: 0,
-      paddingTop: 0
-    },
-    '&:hover a.anchor': {
-      textDecoration: 'none'
-    },
-    '& tt, & code': {
-      fontSize: 'inherit'
-    }
-  };
-};
-export var codeCommon = function codeCommon(_ref2) {
-  var theme = _ref2.theme;
-  return {
-    lineHeight: 1,
-    margin: '0 2px',
-    padding: '3px 5px',
-    whiteSpace: 'nowrap',
-    borderRadius: 3,
-    fontSize: theme.typography.size.s2 - 1,
-    border: theme.base === 'light' ? "1px solid ".concat(theme.color.mediumlight) : "1px solid ".concat(theme.color.darker),
-    color: theme.base === 'light' ? transparentize(0.1, theme.color.defaultText) : transparentize(0.3, theme.color.defaultText),
-    backgroundColor: theme.base === 'light' ? theme.color.lighter : theme.color.border
-  };
-};
-export var withReset = function withReset(_ref3) {
-  var theme = _ref3.theme;
-  return {
-    fontFamily: theme.typography.fonts.base,
-    fontSize: theme.typography.size.s3,
-    margin: 0,
-    WebkitFontSmoothing: 'antialiased',
-    MozOsxFontSmoothing: 'grayscale',
-    WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
-    WebkitOverflowScrolling: 'touch'
-  };
-};
-export var withMargin = {
-  margin: '16px 0'
-};

package/dist/esm/typography/lib/isReactChildString.js

@@ -1,3 +0,0 @@
-export var isReactChildString = function isReactChildString(child) {
-  return typeof child === 'string';
-};

package/dist/esm/typography/link/link.js

@@ -1,189 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
-var _excluded = ["cancel", "children", "onClick", "withArrow", "containsIcon", "className"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { darken } from 'polished';
-import { Icons } from '../../icon/icon'; // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behavior. Same applies to non-left clicks
-
-var LEFT_BUTTON = 0;
-
-var isPlainLeftClick = function isPlainLeftClick(e) {
-  return e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-};
-
-var cancelled = function cancelled(e, cb) {
-  if (isPlainLeftClick(e)) {
-    e.preventDefault();
-    cb(e);
-  }
-};
-
-var LinkInner = styled.span(function (_ref) {
-  var withArrow = _ref.withArrow;
-  return withArrow ? {
-    '> svg:last-of-type': {
-      height: '0.7em',
-      width: '0.7em',
-      marginRight: 0,
-      marginLeft: '0.25em',
-      bottom: 'auto',
-      verticalAlign: 'inherit'
-    }
-  } : {};
-}, function (_ref2) {
-  var containsIcon = _ref2.containsIcon;
-  return containsIcon ? {
-    svg: {
-      height: '1em',
-      width: '1em',
-      verticalAlign: 'middle',
-      position: 'relative',
-      bottom: 0,
-      marginRight: 0
-    }
-  } : {};
-});
-var A = styled.a(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    display: 'inline-block',
-    transition: 'all 150ms ease-out',
-    textDecoration: 'none',
-    color: theme.color.secondary,
-    '&:hover, &:focus': {
-      cursor: 'pointer',
-      color: darken(0.07, theme.color.secondary),
-      'svg path': {
-        fill: darken(0.07, theme.color.secondary)
-      }
-    },
-    '&:active': {
-      color: darken(0.1, theme.color.secondary),
-      'svg path': {
-        fill: darken(0.1, theme.color.secondary)
-      }
-    },
-    svg: {
-      display: 'inline-block',
-      height: '1em',
-      width: '1em',
-      verticalAlign: 'text-top',
-      position: 'relative',
-      bottom: '-0.125em',
-      marginRight: '0.4em',
-      '& path': {
-        fill: theme.color.secondary
-      }
-    }
-  };
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      secondary = _ref4.secondary,
-      tertiary = _ref4.tertiary;
-  var colors;
-
-  if (secondary) {
-    colors = [theme.color.mediumdark, theme.color.dark, theme.color.darker];
-  }
-
-  if (tertiary) {
-    colors = [theme.color.dark, theme.color.darkest, theme.color.mediumdark];
-  }
-
-  return colors ? {
-    color: colors[0],
-    'svg path': {
-      fill: colors[0]
-    },
-    '&:hover': {
-      color: colors[1],
-      'svg path': {
-        fill: colors[1]
-      }
-    },
-    '&:active': {
-      color: colors[2],
-      'svg path': {
-        fill: colors[2]
-      }
-    }
-  } : {};
-}, function (_ref5) {
-  var nochrome = _ref5.nochrome;
-  return nochrome ? {
-    color: 'inherit',
-    '&:hover, &:active': {
-      color: 'inherit',
-      textDecoration: 'underline'
-    }
-  } : {};
-}, function (_ref6) {
-  var theme = _ref6.theme,
-      inverse = _ref6.inverse;
-  return inverse ? {
-    color: theme.color.lightest,
-    'svg path': {
-      fill: theme.color.lightest
-    },
-    '&:hover': {
-      color: theme.color.lighter,
-      'svg path': {
-        fill: theme.color.lighter
-      }
-    },
-    '&:active': {
-      color: theme.color.light,
-      'svg path': {
-        fill: theme.color.light
-      }
-    }
-  } : {};
-}, function (_ref7) {
-  var isButton = _ref7.isButton;
-  return isButton ? {
-    border: 0,
-    borderRadius: 0,
-    background: 'none',
-    padding: 0,
-    fontSize: 'inherit'
-  } : {};
-});
-export var Link = function Link(_ref8) {
-  var cancel = _ref8.cancel,
-      children = _ref8.children,
-      onClick = _ref8.onClick,
-      withArrow = _ref8.withArrow,
-      containsIcon = _ref8.containsIcon,
-      className = _ref8.className,
-      rest = _objectWithoutProperties(_ref8, _excluded);
-
-  return /*#__PURE__*/React.createElement(A, _extends({}, rest, {
-    onClick: onClick && cancel ? function (e) {
-      return cancelled(e, onClick);
-    } : onClick,
-    className: className
-  }), /*#__PURE__*/React.createElement(LinkInner, {
-    withArrow: withArrow,
-    containsIcon: containsIcon
-  }, children, withArrow && /*#__PURE__*/React.createElement(Icons, {
-    icon: "arrowright"
-  })));
-};
-Link.displayName = "Link";
-Link.defaultProps = {
-  cancel: true,
-  className: undefined,
-  style: undefined,
-  onClick: undefined,
-  withArrow: false,
-  containsIcon: false
-};

package/dist/esm/typography/link/link.stories.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { Link } from './link';
-import { Icons } from '../../icon/icon';
-var onClick = action('onClick');
-storiesOf('Basics/Link', module).add('cancel w/ onClick', function () {
-  return /*#__PURE__*/React.createElement(Link, {
-    cancel: true,
-    href: "/",
-    onClick: onClick
-  }, "Try clicking with different mouse buttons and modifier keys (shift/ctrl/alt/cmd)");
-}).add('cancel w/ href', function () {
-  return /*#__PURE__*/React.createElement(Link, {
-    cancel: true,
-    href: "http://example.com"
-  }, "Link");
-}).add('no-cancel w/ onClick', function () {
-  return /*#__PURE__*/React.createElement(Link, {
-    href: "/",
-    onClick: onClick
-  }, "any click will go through");
-}).add('no-cancel w/ href', function () {
-  return /*#__PURE__*/React.createElement(Link, {
-    cancel: true,
-    href: "http://example.com"
-  }, "Link");
-}).add('styled links', function () {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
-    href: "http://google.com"
-  }, "Default"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-    secondary: true,
-    href: "http://google.com"
-  }, "Secondary"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-    tertiary: true,
-    href: "http://google.com"
-  }, "tertiary"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-    nochrome: true,
-    href: "http://google.com"
-  }, "nochrome"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-    href: "http://google.com"
-  }, /*#__PURE__*/React.createElement(Icons, {
-    icon: "discord"
-  }), "With icon in front"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-    title: "Toggle sidebar",
-    containsIcon: true,
-    href: "http://google.com"
-  }, /*#__PURE__*/React.createElement(Icons, {
-    icon: "sidebar"
-  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-    containsIcon: true,
-    withArrow: true,
-    href: "http://google.com"
-  }, "With arrow behind"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
-    style: {
-      background: '#333'
-    }
-  }, /*#__PURE__*/React.createElement(Link, {
-    inverse: true,
-    href: "http://google.com"
-  }, "Inverted colors")), /*#__PURE__*/React.createElement("br", null));
-});

package/dist/esm/utils/getStoryHref.js

@@ -1,46 +0,0 @@
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.split.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.array.from.js";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import qs from 'qs';
-export var getStoryHref = function getStoryHref(baseUrl, storyId) {
-  var additionalParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-  var _baseUrl$split = baseUrl.split('?'),
-      _baseUrl$split2 = _slicedToArray(_baseUrl$split, 2),
-      url = _baseUrl$split2[0],
-      paramsStr = _baseUrl$split2[1];
-
-  var params = paramsStr ? Object.assign({}, qs.parse(paramsStr), additionalParams, {
-    id: storyId
-  }) : Object.assign({}, additionalParams, {
-    id: storyId
-  });
-  return "".concat(url).concat(qs.stringify(params, {
-    addQueryPrefix: true,
-    encode: false
-  }));
-};