@storybook/components 6.5.6 → 7.0.0-alpha.0

package/dist/cjs/index.js

@@ -1,131 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
-require('react');
-
-var index = require('./index-97a2a5a9.js');
-
-require('@storybook/theming');
-
-require('@storybook/csf');
-
-require('qs');
-
-require('@storybook/client-logger');
-
-exports.A = index.A;
-exports.ActionBar = index.ActionBar;
-exports.AddonPanel = index.AddonPanel;
-exports.ArgsTable = index.ArgsTable;
-Object.defineProperty(exports, 'ArgsTableError', {
-  enumerable: true,
-  get: function () {
-    return index.ArgsTableError;
-  }
-});
-exports.Badge = index.Badge;
-exports.Bar = index.Bar;
-exports.Blockquote = index.Blockquote;
-exports.BooleanControl = index.BooleanControl;
-exports.Button = index.Button;
-exports.Code = index.Code;
-exports.ColorControl = index.ColorControl;
-exports.ColorItem = index.ColorItem;
-exports.ColorPalette = index.ColorPalette;
-exports.DL = index.DL;
-exports.DateControl = index.DateControl;
-exports.Description = index.Description;
-exports.Div = index.Div;
-exports.DocsContent = index.DocsContent;
-exports.DocsPageWrapper = index.DocsPageWrapper;
-exports.DocsWrapper = index.DocsWrapper;
-exports.DocumentWrapper = index.DocumentWrapper;
-exports.FilesControl = index.FilesControl;
-exports.FlexBar = index.FlexBar;
-exports.Form = index.Form;
-exports.H1 = index.H1;
-exports.H2 = index.H2;
-exports.H3 = index.H3;
-exports.H4 = index.H4;
-exports.H5 = index.H5;
-exports.H6 = index.H6;
-exports.HR = index.HR;
-exports.IFrame = index.IFrame;
-exports.IconButton = index.IconButton;
-exports.IconGallery = index.IconGallery;
-exports.IconItem = index.IconItem;
-exports.Icons = index.Icons;
-exports.Img = index.Img;
-exports.LI = index.LI;
-exports.Link = index.Link;
-exports.Loader = index.Loader;
-exports.NoControlsWarning = index.NoControlsWarning;
-exports.NumberControl = index.NumberControl;
-exports.OL = index.OL;
-exports.ObjectControl = index.ObjectControl;
-exports.OptionsControl = index.OptionsControl;
-exports.P = index.P;
-exports.Placeholder = index.Placeholder;
-exports.Pre = index.Pre;
-exports.Preview = index.Preview;
-exports.PreviewSkeleton = index.PreviewSkeleton;
-exports.RangeControl = index.RangeControl;
-exports.ScrollArea = index.ScrollArea;
-exports.Separator = index.Separator;
-exports.Source = index.Source;
-Object.defineProperty(exports, 'SourceError', {
-  enumerable: true,
-  get: function () {
-    return index.SourceError;
-  }
-});
-exports.Spaced = index.Spaced;
-exports.Span = index.Span;
-exports.Story = index.Story;
-Object.defineProperty(exports, 'StoryError', {
-  enumerable: true,
-  get: function () {
-    return index.StoryError;
-  }
-});
-exports.StorySkeleton = index.StorySkeleton;
-exports.StorybookIcon = index.StorybookIcon;
-exports.StorybookLogo = index.StorybookLogo;
-exports.StyledSyntaxHighlighter = index.StyledSyntaxHighlighter;
-exports.Subtitle = index.Subtitle;
-exports.Symbols = index.Symbols;
-exports.SyntaxHighlighter = index.SyntaxHighlighter;
-exports.TT = index.TT;
-exports.TabBar = index.TabBar;
-exports.TabButton = index.TabButton;
-exports.TabWrapper = index.TabWrapper;
-exports.TabbedArgsTable = index.TabbedArgsTable;
-exports.Table = index.Table;
-exports.TableWrapper = index.TableWrapper;
-exports.Tabs = index.Tabs;
-exports.TabsState = index.TabsState;
-exports.TextControl = index.TextControl;
-exports.Title = index.Title;
-exports.TooltipLinkList = index.TooltipLinkList;
-exports.TooltipMessage = index.TooltipMessage;
-exports.TooltipNote = index.TooltipNote;
-exports.Typeset = index.Typeset;
-exports.UL = index.UL;
-exports.WithTooltip = index.WithTooltip;
-exports.WithTooltipPure = index.WithTooltipPure;
-exports.Zoom = index.Zoom;
-exports.argsTableLoadingData = index.argsTableLoadingData;
-exports.components = index.components;
-exports.format = index.format;
-exports.formatDate = index.formatDate;
-exports.formatTime = index.formatTime;
-exports.getStoryHref = index.getStoryHref;
-exports.interleaveSeparators = index.interleaveSeparators;
-exports.nameSpaceClassNames = index.nameSpaceClassNames;
-exports.parse = index.parse;
-exports.parseDate = index.parseDate;
-exports.parseTime = index.parseTime;
-exports.resetComponents = index.resetComponents;

package/dist/cjs/syntaxhighlighter-bc65a250.js

@@ -1,211 +0,0 @@
-'use strict';
-
-var index = require('./index-97a2a5a9.js');
-
-var React = require('react');
-
-var clientLogger = require('@storybook/client-logger');
-
-var theming = require('@storybook/theming');
-
-var jsx = require('react-syntax-highlighter/dist/esm/languages/prism/jsx');
-
-var bash = require('react-syntax-highlighter/dist/esm/languages/prism/bash');
-
-var css = require('react-syntax-highlighter/dist/esm/languages/prism/css');
-
-var jsExtras = require('react-syntax-highlighter/dist/esm/languages/prism/js-extras');
-
-var json = require('react-syntax-highlighter/dist/esm/languages/prism/json');
-
-var graphql = require('react-syntax-highlighter/dist/esm/languages/prism/graphql');
-
-var html = require('react-syntax-highlighter/dist/esm/languages/prism/markup');
-
-var md = require('react-syntax-highlighter/dist/esm/languages/prism/markdown');
-
-var yml = require('react-syntax-highlighter/dist/esm/languages/prism/yaml');
-
-var tsx = require('react-syntax-highlighter/dist/esm/languages/prism/tsx');
-
-var typescript = require('react-syntax-highlighter/dist/esm/languages/prism/typescript');
-
-var ReactSyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism-light');
-
-require('@storybook/csf');
-
-require('qs');
-
-function _interopDefaultLegacy(e) {
-  return e && typeof e === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var jsx__default = /*#__PURE__*/_interopDefaultLegacy(jsx);
-
-var bash__default = /*#__PURE__*/_interopDefaultLegacy(bash);
-
-var css__default = /*#__PURE__*/_interopDefaultLegacy(css);
-
-var jsExtras__default = /*#__PURE__*/_interopDefaultLegacy(jsExtras);
-
-var json__default = /*#__PURE__*/_interopDefaultLegacy(json);
-
-var graphql__default = /*#__PURE__*/_interopDefaultLegacy(graphql);
-
-var html__default = /*#__PURE__*/_interopDefaultLegacy(html);
-
-var md__default = /*#__PURE__*/_interopDefaultLegacy(md);
-
-var yml__default = /*#__PURE__*/_interopDefaultLegacy(yml);
-
-var tsx__default = /*#__PURE__*/_interopDefaultLegacy(tsx);
-
-var typescript__default = /*#__PURE__*/_interopDefaultLegacy(typescript);
-
-var ReactSyntaxHighlighter__default = /*#__PURE__*/_interopDefaultLegacy(ReactSyntaxHighlighter);
-
-const {
-  navigator,
-  document,
-  window: globalWindow
-} = index.window_1;
-ReactSyntaxHighlighter__default["default"].registerLanguage('jsextra', jsExtras__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('jsx', jsx__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('json', json__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('yml', yml__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('md', md__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('bash', bash__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('css', css__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('html', html__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('tsx', tsx__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('typescript', typescript__default["default"]);
-ReactSyntaxHighlighter__default["default"].registerLanguage('graphql', graphql__default["default"]);
-const themedSyntax = index.memoizerific(2)(theme => Object.entries(theme.code || {}).reduce((acc, [key, val]) => Object.assign(Object.assign({}, acc), {
-  [`* .${key}`]: val
-}), {}));
-const copyToClipboard = createCopyToClipboardFunction();
-
-function createCopyToClipboardFunction() {
-  if (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) {
-    return text => navigator.clipboard.writeText(text);
-  }
-
-  return text => index.__awaiter(this, void 0, void 0, function* () {
-    const tmp = document.createElement('TEXTAREA');
-    const focus = document.activeElement;
-    tmp.value = text;
-    document.body.appendChild(tmp);
-    tmp.select();
-    document.execCommand('copy');
-    document.body.removeChild(tmp);
-    focus.focus();
-  });
-}
-
-const Wrapper = theming.styled.div(({
-  theme
-}) => ({
-  position: 'relative',
-  overflow: 'hidden',
-  color: theme.color.defaultText
-}), ({
-  theme,
-  bordered
-}) => bordered ? {
-  border: `1px solid ${theme.appBorderColor}`,
-  borderRadius: theme.borderRadius,
-  background: theme.background.content
-} : {});
-const Scroller = theming.styled(({
-  children,
-  className
-}) => React__default["default"].createElement(index.ScrollArea, {
-  horizontal: true,
-  vertical: true,
-  className: className
-}, children))({
-  position: 'relative'
-}, ({
-  theme
-}) => themedSyntax(theme));
-const Pre = theming.styled.pre(({
-  theme,
-  padded
-}) => ({
-  display: 'flex',
-  justifyContent: 'flex-start',
-  margin: 0,
-  padding: padded ? theme.layoutMargin : 0
-}));
-/*
-We can't use `code` since PrismJS races for it.
-See https://github.com/storybookjs/storybook/issues/18090
- */
-
-const Code = theming.styled.div(({
-  theme
-}) => ({
-  flex: 1,
-  paddingLeft: 2,
-  paddingRight: theme.layoutMargin,
-  opacity: 1
-})); // copied from @types/react-syntax-highlighter/index.d.ts
-
-const SyntaxHighlighter = _a => {
-  var {
-    children,
-    language = 'jsx',
-    copyable = false,
-    bordered = false,
-    padded = false,
-    format = true,
-    formatter = null,
-    className = null,
-    showLineNumbers = false
-  } = _a,
-      rest = index.__rest(_a, ["children", "language", "copyable", "bordered", "padded", "format", "formatter", "className", "showLineNumbers"]);
-
-  if (typeof children !== 'string' || !children.trim()) {
-    return null;
-  }
-
-  const highlightableCode = formatter ? formatter(format, children) : children.trim();
-  const [copied, setCopied] = React.useState(false);
-  const onClick = React.useCallback(e => {
-    e.preventDefault();
-    const selectedText = globalWindow.getSelection().toString();
-    const textToCopy = e.type !== 'click' && selectedText ? selectedText : highlightableCode;
-    copyToClipboard(textToCopy).then(() => {
-      setCopied(true);
-      globalWindow.setTimeout(() => setCopied(false), 1500);
-    }).catch(clientLogger.logger.error);
-  }, []);
-  return React__default["default"].createElement(Wrapper, {
-    bordered: bordered,
-    padded: padded,
-    className: className,
-    onCopyCapture: onClick
-  }, React__default["default"].createElement(Scroller, null, React__default["default"].createElement(ReactSyntaxHighlighter__default["default"], Object.assign({
-    padded: padded || bordered,
-    language: language,
-    showLineNumbers: showLineNumbers,
-    showInlineLineNumbers: showLineNumbers,
-    useInlineStyles: false,
-    PreTag: Pre,
-    CodeTag: Code,
-    lineNumberContainerStyle: {}
-  }, rest), highlightableCode)), copyable ? React__default["default"].createElement(index.ActionBar, {
-    actionItems: [{
-      title: copied ? 'Copied' : 'Copy',
-      onClick
-    }]
-  }) : null);
-};
-
-exports.SyntaxHighlighter = SyntaxHighlighter;
-exports.createCopyToClipboardFunction = createCopyToClipboardFunction;
-exports["default"] = SyntaxHighlighter;