stream-chat-react-native-core 4.0.0-beta.6 → 4.0.0-beta.9

package/src/styleguideComponents/JsDoc.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-
-import { TagObject, TagProps } from 'react-docgen';
-
-import map from 'lodash/map';
-import PropTypes from 'prop-types';
-import Markdown from 'react-styleguidist/lib/client/rsg-components/Markdown';
-
-const plural = (array: TagObject[], caption: string) =>
-  array.length === 1 ? caption : `${caption}s`;
-const list = (array: TagObject[]) => array.map((item) => item.description).join(', ');
-const paragraphs = (array: TagObject[]) => array.map((item) => item.description).join('\n\n');
-
-const fields = {
-  author: (value: TagObject[]) => `${plural(value, 'Author')}: ${list(value)}`,
-  default: (value: TagObject[]) => `**Default**: ${value[0].default}`,
-  deprecated: (value: TagObject[]) => `**Deprecated:** ${value[0].description}`,
-  link: (value: TagObject[]) => paragraphs(value),
-  see: (value: TagObject[]) => paragraphs(value),
-  since: (value: TagObject[]) => `Since: ${value[0].description}`,
-  version: (value: TagObject[]) => `Version: ${value[0].description}`,
-};
-
-export function getMarkdown(props: TagProps) {
-  return map(fields, (format: (value: TagObject[]) => string, field: keyof TagProps) => {
-    const tag = props[field];
-    return tag && format(tag);
-  })
-    .filter(Boolean)
-    .join('\n\n');
-}
-
-export default function JsDoc(props: TagProps) {
-  const markdown = getMarkdown(props);
-  return markdown ? <Markdown text={markdown} /> : null;
-}
-
-JsDoc.propTypes = {
-  author: PropTypes.array,
-  deprecated: PropTypes.array,
-  link: PropTypes.array,
-  see: PropTypes.array,
-  since: PropTypes.array,
-  version: PropTypes.array,
-};

package/src/styleguideComponents/Markdown.tsx

@@ -1 +0,0 @@
-export default ({ children }) => children;

package/src/styleguideComponents/PathlineRenderer.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-
-import copy from 'clipboard-copy';
-import { MdContentCopy } from 'react-icons/md';
-import Link from 'react-styleguidist/lib/client/rsg-components/Link';
-import Styled, { JssInjectedProps } from 'react-styleguidist/lib/client/rsg-components/Styled';
-import ToolbarButton from 'react-styleguidist/lib/client/rsg-components/ToolbarButton';
-import * as Rsg from 'react-styleguidist/lib/typings';
-
-export const styles = ({ color, fontFamily, fontSize, space }: Rsg.Theme) => ({
-  copyButton: {
-    marginLeft: space[0],
-  },
-  pathline: {
-    color: color.light,
-    fontFamily: fontFamily.monospace,
-    fontSize: fontSize.small,
-    wordBreak: 'break-all',
-  },
-});
-
-export const PathlineRenderer: React.FunctionComponent<JssInjectedProps> = ({
-  children,
-  classes,
-}) => (
-  <div className={classes.pathline}>
-    <Link
-      href={'https://github.com/GetStream/stream-chat-react-native/blob/master/' + children}
-      rel='noopener'
-      target='blank'
-    >
-      {children}
-    </Link>
-    <ToolbarButton
-      className={classes.copyButton}
-      onClick={() => children && copy(children.toString())}
-      small
-      title='Copy to clipboard'
-    >
-      <MdContentCopy />
-    </ToolbarButton>
-  </div>
-);
-
-export default Styled<JssInjectedProps>(styles)(PathlineRenderer);

package/src/styleguideComponents/PropsRenderer.tsx

@@ -1,141 +0,0 @@
-import React from 'react';
-
-import Argument from 'react-styleguidist/lib/client/rsg-components/Argument';
-
-import Markdown from 'react-styleguidist/lib/client/rsg-components/Markdown';
-import Name from 'react-styleguidist/lib/client/rsg-components/Name';
-import Para from 'react-styleguidist/lib/client/rsg-components/Para';
-import renderDefault from 'react-styleguidist/lib/client/rsg-components/Props/renderDefault';
-import renderExtra from 'react-styleguidist/lib/client/rsg-components/Props/renderExtra';
-import renderTypeColumn from 'react-styleguidist/lib/client/rsg-components/Props/renderType';
-import { PropDescriptor } from 'react-styleguidist/lib/client/rsg-components/Props/util';
-
-import Arguments from './ArgumentsRenderer';
-import JsDoc from './JsDoc';
-
-function renderDescription(prop: PropDescriptor) {
-  const { description, tags = {} } = prop;
-  const extra = renderExtra(prop);
-  const args = [...(tags.arg || []), ...(tags.argument || []), ...(tags.param || [])];
-  const returnDocumentation = (tags.return && tags.return[0]) || (tags.returns && tags.returns[0]);
-
-  return (
-    <div>
-      {description && <Markdown text={description} />}
-      {extra && <Para>{extra}</Para>}
-      <JsDoc {...tags} />
-      {args.length > 0 && <Arguments args={args} heading />}
-      {returnDocumentation && <Argument {...{ ...returnDocumentation, name: '' }} returns />}
-    </div>
-  );
-}
-
-function renderName(prop: PropDescriptor) {
-  const { name, tags = {} } = prop;
-  return <Name deprecated={!!tags.deprecated}>{name}</Name>;
-}
-
-export function getRowKey(row: { name: string }) {
-  return row.name;
-}
-
-export const columns = [
-  {
-    caption: 'Prop name lol',
-    render: renderName,
-  },
-  {
-    caption: 'Type',
-    render: renderTypeColumn,
-  },
-  {
-    caption: 'Default',
-    render: renderDefault,
-  },
-  {
-    caption: 'Description',
-    render: renderDescription,
-  },
-];
-
-interface PropsProps {
-  props: PropDescriptor[];
-}
-
-const PropsRenderer: React.FC<PropsProps> = ({ props }) =>
-  props.map((r) => {
-    const isComponentProp = r.name[0].toUpperCase() === r.name[0];
-    const customType = r.tags.overrideType;
-
-    return (
-      <div key={r.name} style={styles.container}>
-        <h3>
-          <a
-            href={`#${r.name}`}
-            id={r.name}
-            style={{
-              backgroundColor: 'rgba(0, 0, 0, 0.06)',
-              color: '#1c1e21',
-              fontFamily: 'monospace',
-              fontSize: 21,
-              fontWeight: 700,
-              padding: 5,
-              paddingLeft: 10,
-              paddingRight: 10,
-              textDecoration: 'none',
-            }}
-          >
-            {r.name}
-          </a>
-        </h3>
-        {renderDescription(r)}
-
-        <table style={styles.table}>
-          <tr style={styles.tr}>
-            <th style={styles.th}>Type</th>
-            <th style={styles.th}>Required</th>
-          </tr>
-          <tr style={styles.tr}>
-            <td style={styles.td}>
-              {customType
-                ? customType[0].description
-                : isComponentProp
-                ? 'Component, element'
-                : r.type.name}
-            </td>
-            <td style={styles.td}>No</td>
-          </tr>
-        </table>
-        <hr style={{ marginTop: 20 }} />
-      </div>
-    );
-  });
-
-const styles = {
-  container: {
-    marginTop: 50,
-  },
-  table: {
-    border: '1px solid black',
-    borderCollapse: 'collapse',
-    width: '100%',
-  },
-  td: {
-    border: '1px solid black',
-    borderCollapse: 'collapse',
-    padding: 10,
-    textAlign: 'center',
-    width: '50%',
-  },
-  th: {
-    backgroundColor: 'rgba(0, 0, 0, 0.06)',
-    border: '1px solid black',
-    borderCollapse: 'collapse',
-    padding: 10,
-    textAlign: 'center',
-    width: '50%',
-  },
-  tr: {},
-};
-
-export default PropsRenderer;

package/src/styleguideComponents/Wrapper.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-
-import { ThemeProvider } from '../contexts/themeContext/ThemeContext';
-
-const Wrapper: React.FC = ({ children }) => <ThemeProvider>{children}</ThemeProvider>;
-
-export default Wrapper;

package/src/styleguideComponents/register-react-native-web.js

@@ -1,13 +0,0 @@
-import { registerNativeHandlers } from '..';
-
-const NetInfo = {
-  addEventListener: () => {},
-  fetch: async () => {
-    await undefined;
-    return true;
-  },
-};
-registerNativeHandlers({
-  BlurView: () => null,
-  NetInfo,
-});

package/src/styleguideComponents/resolveAssetSource.js

@@ -1,2 +0,0 @@
-const resolveAssetSource = () => null;
-export { resolveAssetSource };