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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.9",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -27,8 +27,6 @@
     "lint-fix-translations": "prettier --check 'src/i18n/*.json' --write 'src/i18n/*.json' .eslintrc.json ../.prettierrc .babelrc",
     "build-translations": "rm -rf .tmpi18ncache || true && mkdir .tmpi18ncache && yarn run babel --config-file ./babel.i18next-extract.json 'src/**/*.{js,jsx,ts,tsx}' --out-dir '.tmpi18ncache/' && rm -rf .tmpi18ncache && prettier --write 'src/i18n/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
     "copy-translations": "echo '\u001b[34mℹ\u001b[0m Copying translation files to \u001b[34mlib/typescript/i18n\u001b[0m' && cp -R -f ./src/i18n ./lib/typescript/i18n && echo '\u001b[32m✓\u001b[0m Done Copying Translations'",
-    "docs": "styleguidist build",
-    "docs-server": "styleguidist server",
     "eslint": "eslint 'src/**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
     "lint": "prettier --ignore-path ../.prettierignore --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn run validate-translations",
     "lint-fix": "prettier --ignore-path ../.prettierignore --write 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint --fix 'src/**/*.{js,ts,tsx,md}' --max-warnings 0",
@@ -80,6 +78,7 @@
     "path": "0.12.7",
     "react-art": "^17.0.2",
     "react-native-markdown-package": "1.8.1",
+    "react-native-url-polyfill": "^1.3.0",
     "stream-chat": "6.0.0"
   },
   "peerDependencies": {
@@ -138,7 +137,6 @@
     "react-native-svg": "12.1.1",
     "react-native-typescript-transformer": "1.2.13",
     "react-native-web": "0.15.0",
-    "react-styleguidist": "11.1.6",
     "react-test-renderer": "17.0.2",
     "typescript": "4.4.3",
     "uuid": "8.3.2",

package/src/components/Attachment/__tests__/buildGallery.test.js

@@ -97,7 +97,7 @@ describe('buildGallery', () => {
   it('thumbnail size should be smaller than the limits set by sizeConfig', () => {
     const bigImage = generateImageAttachment({
       image_url:
-        'https://stream-io.cdn.com/23kn4k2j3n4k2n3k4n23?sig=34k23n4k23nk423&h=*&w=*&resize=*',
+        'https://us-east.stream-io-cdn.com/23kn4k2j3n4k2n3k4n23?sig=34k23n4k23nk423&oh=200&ow=300&h=*&w=*&resize=*',
       original_height: 1200,
       original_width: 900,
     });
@@ -107,13 +107,13 @@ describe('buildGallery', () => {
       sizeConfig: defaultSizeConfig,
     });
     const t1 = tg1[0][0];
-    expect(t1.url.includes(`h=${PixelRatio.getPixelSizeForLayoutSize(t1.height)}`)).toBe(true);
+    expect(t1.url.includes(`&h=${PixelRatio.getPixelSizeForLayoutSize(t1.height)}`)).toBe(true);
     expect(t1.url.includes(`&w=${PixelRatio.getPixelSizeForLayoutSize(t1.width)}`)).toBe(true);
     expect(t1.url.includes(`&resize=clip`)).toBe(true);
 
     const smallImage = generateImageAttachment({
       image_url:
-        'https://stream-io.cdn.com/23kn4k2j3n4k2n3k4n23?sig=34k23n4k23nk423&h=*&w=*&resize=*',
+        'https://us-east.stream-io-cdn.com/23kn4k2j3n4k2n3k4n23?sig=34k23n4k23nk423&h=*&w=*&resize=*&oh=200&ow=300',
       original_height: 30,
       original_width: 20,
     });
@@ -124,7 +124,7 @@ describe('buildGallery', () => {
     });
 
     const t2 = tg2[0][0];
-    expect(t2.url.includes(`h=*`)).toBe(true);
+    expect(t2.url.includes(`&h=*`)).toBe(true);
     expect(t2.url.includes(`&w=*`)).toBe(true);
     expect(t2.url.includes(`&resize=*`)).toBe(true);
   });

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -50,7 +50,7 @@ export const usePaginatedChannels = <
   const [activeQueryType, setActiveQueryType] = useState<QueryType | null>();
   const isMountedRef = useIsMountedRef();
   const filtersRef = useRef<typeof filters | null>(null);
-  const sortRef = useRef<typeof filters | null>(null);
+  const sortRef = useRef<typeof sort | null>(null);
   const activeRequestId = useRef<number>(0);
 
   const queryChannels: QueryChannels = async (
@@ -59,14 +59,14 @@ export const usePaginatedChannels = <
   ): Promise<void> => {
     if (!client || !isMountedRef.current) return;
 
-    const hasUpdatedData = () =>
+    const hasUpdatedData =
+      queryType === 'loadChannels' ||
       [
         JSON.stringify(filtersRef.current) !== JSON.stringify(filters),
         JSON.stringify(sortRef.current) !== JSON.stringify(sort),
-        activeRequestId.current !== currentRequestId,
-      ].some(Boolean); // will return true if any element is truthy
+      ].some(Boolean);
 
-    const queryIsStale = () => !isMountedRef || activeRequestId.current !== currentRequestId;
+    const isQueryStale = () => !isMountedRef || activeRequestId.current !== currentRequestId;
 
     /**
      * We don't need to make another call to query channels if we don't
@@ -77,6 +77,7 @@ export const usePaginatedChannels = <
     }
 
     filtersRef.current = filters;
+    sortRef.current = sort;
     isQueryingRef.current = true;
     setError(undefined);
     activeRequestId.current++;
@@ -94,7 +95,7 @@ export const usePaginatedChannels = <
         skipInitialization: activeChannels.current,
       });
 
-      if (queryIsStale() || !isMountedRef.current) {
+      if (isQueryStale() || !isMountedRef.current) {
         return;
       }
 
@@ -113,7 +114,7 @@ export const usePaginatedChannels = <
       isQueryingRef.current = false;
       await waitSeconds(2);
 
-      if (queryIsStale()) {
+      if (isQueryStale()) {
         return;
       }
 

package/src/components/Chat/Chat.tsx

@@ -18,12 +18,15 @@ import {
   TranslationProvider,
 } from '../../contexts/translationContext/TranslationContext';
 import { useStreami18n } from '../../hooks/useStreami18n';
+import init from '../../init';
 
 import { SDK } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { Streami18n } from '../../utils/Streami18n';
 import { version } from '../../version.json';
 
+init();
+
 export type ChatProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<ChatContextValue<StreamChatGenerics>, 'client'> & {

package/src/components/MessageOverlay/MessageOverlay.tsx

@@ -159,7 +159,6 @@ const MessageOverlayWithContext = <
   const wrapMessageInTheme = clientId === message?.user?.id && !!myMessageTheme;
 
   const [myMessageThemeString, setMyMessageThemeString] = useState(JSON.stringify(myMessageTheme));
-  const [, setReactionListHeight] = useState(0);
 
   useEffect(() => {
     if (myMessageTheme) {
@@ -360,7 +359,6 @@ const MessageOverlayWithContext = <
                               ownReactionTypes={
                                 message?.own_reactions?.map((reaction) => reaction.type) || []
                               }
-                              setReactionListHeight={setReactionListHeight}
                               showScreen={showScreen}
                             />
                           ) : null}

package/src/components/MessageOverlay/OverlayReactionList.tsx

@@ -239,7 +239,6 @@ export type OverlayReactionListPropsWithContext<
       y: number;
     }>;
     ownReactionTypes: string[];
-    setReactionListHeight: React.Dispatch<React.SetStateAction<number>>;
     showScreen: Animated.SharedValue<number>;
     fill?: FillProps['fill'];
   };
@@ -255,7 +254,6 @@ const OverlayReactionListWithContext = <
     handleReaction,
     messageLayout,
     ownReactionTypes,
-    setReactionListHeight,
     showScreen,
     setOverlay,
     supportedReactions = reactionData,
@@ -356,7 +354,6 @@ const OverlayReactionListWithContext = <
           }) => {
             reactionListLayout.value = { height, width: layoutWidth };
             reactionListHeight.value = height;
-            setReactionListHeight(height);
           }}
           style={[
             styles.reactionList,

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -641,8 +641,6 @@ export const MessageInputProvider = <
         attachments.push({
           fallback: image.file.name,
           image_url: image.url,
-          original_height: image.height,
-          original_width: image.width,
           type: 'image',
         } as Attachment<StreamChatGenerics>);
       }

package/src/init.ts

@@ -0,0 +1,5 @@
+import { setupURLPolyfill } from 'react-native-url-polyfill';
+
+export default () => {
+  setupURLPolyfill();
+};

package/src/utils/__tests__/getResizedImageUrl.test.js

@@ -0,0 +1,57 @@
+import { PixelRatio } from 'react-native';
+
+import { getResizedImageUrl } from '../getResizedImageUrl';
+
+describe('getResizedImageUrl', () => {
+  it('should return same url if its not cloudfront cdn', () => {
+    const testUrl = 'http://foo.com/blah_(wikipedia)#cite-1';
+
+    const resizedUrl = getResizedImageUrl({ height: 100, url: testUrl, width: 100 });
+    expect(resizedUrl).toEqual(testUrl);
+  });
+
+  it('should append given height, width and resize mode to url', () => {
+    const testUrl =
+      'http://us-east.stream-io-cdn.com/blah?sig=34k23n4k23nk423&oh=300&ow=200&h=*&w=*&resize=*';
+
+    const testConfigs = [
+      { height: 100, resize: 'scale', width: 100 },
+      { height: 200, resize: 'fill', width: 300 },
+      { height: 1000, resize: 'clip', width: 10 },
+    ];
+
+    testConfigs.forEach(({ height, resize, width }) => {
+      const resizedUrl = getResizedImageUrl({ height, resize, url: testUrl, width });
+      const parsedUrl = new URL(resizedUrl);
+      expect(parsedUrl.searchParams.get('h')).toEqual(
+        `${PixelRatio.getPixelSizeForLayoutSize(height)}`,
+      );
+      expect(parsedUrl.searchParams.get('w')).toEqual(
+        `${PixelRatio.getPixelSizeForLayoutSize(width)}`,
+      );
+      expect(parsedUrl.searchParams.get('resize')).toEqual(resize);
+    });
+  });
+
+  it('should replace wildcards with given height, width and resize mode within url', () => {
+    const testUrl = 'http://us-east.stream-io-cdn.com/blah?oh=300&ow=200&h=*&w=*&resize=*';
+
+    const testConfigs = [
+      { height: 100, resize: 'scale', width: 100 },
+      { height: 200, resize: 'fill', width: 300 },
+      { height: 1000, resize: 'clip', width: 10 },
+    ];
+
+    testConfigs.forEach(({ height, resize, width }) => {
+      const resizedUrl = getResizedImageUrl({ height, resize, url: testUrl, width });
+      const parsedUrl = new URL(resizedUrl);
+      expect(parsedUrl.searchParams.get('h')).toEqual(
+        `${PixelRatio.getPixelSizeForLayoutSize(height)}`,
+      );
+      expect(parsedUrl.searchParams.get('w')).toEqual(
+        `${PixelRatio.getPixelSizeForLayoutSize(width)}`,
+      );
+      expect(parsedUrl.searchParams.get('resize')).toEqual(resize);
+    });
+  });
+});

package/src/utils/getResizedImageUrl.ts

@@ -3,6 +3,7 @@ import { PixelRatio } from 'react-native';
 type GetResizedImageUrlParams = {
   url: string;
   height?: string | number;
+  resize?: 'clip' | 'crop' | 'fill' | 'scale';
   width?: string | number;
 };
 
@@ -18,26 +19,41 @@ type GetResizedImageUrlParams = {
  *
  * @returns {string} Url of the image with given height and width.
  */
-export function getResizedImageUrl({ height, url, width }: GetResizedImageUrlParams) {
-  const isResizableUrl = url.includes('&h=*') && url.includes('&w=*') && url.includes('&resize=*');
+export function getResizedImageUrl({
+  height,
+  resize = 'clip',
+  url,
+  width,
+}: GetResizedImageUrlParams) {
+  try {
+    const parsedUrl = new URL(url);
 
-  if (!isResizableUrl || (!height && !width)) return url;
+    const originalHeight = parsedUrl.searchParams.get('oh');
+    const originalWidth = parsedUrl.searchParams.get('ow');
 
-  let resizedUrl = url;
+    // If url is not from new cloudfront CDN (which offers fast image resizing), then return the url as it is.
+    // Check for oh and ow parameters in the url, is just to differentiate between old and new CDN.
+    // In case of old CDN we don't want to do any kind of resizing.
+    const isResizableUrl = url.includes('.stream-io-cdn.com') && originalHeight && originalWidth;
 
-  if (height) {
-    resizedUrl = resizedUrl.replace(
-      'h=*',
-      `h=${PixelRatio.getPixelSizeForLayoutSize(Number(height))}`,
-    );
-  }
+    if (!isResizableUrl || (!height && !width)) return url;
 
-  if (width) {
-    resizedUrl = resizedUrl.replace(
-      'w=*',
-      `w=${PixelRatio.getPixelSizeForLayoutSize(Number(width))}`,
-    );
-  }
+    if (height) {
+      parsedUrl.searchParams.set('h', `${PixelRatio.getPixelSizeForLayoutSize(Number(height))}`);
+    }
+
+    if (width) {
+      parsedUrl.searchParams.set('w', `${PixelRatio.getPixelSizeForLayoutSize(Number(width))}`);
+    }
 
-  return resizedUrl.replace('resize=*', `resize=clip`);
+    parsedUrl.searchParams.set('resize', `${resize}`);
+
+    return parsedUrl.toString();
+  } catch (error) {
+    // There is some issue with the url.
+    // Simply return the original url, there is no need to break the app for this.
+    console.warn(error);
+
+    return url;
+  }
 }

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.0.0-beta.6"
+  "version": "4.0.0-beta.9"
 }

package/lib/commonjs/styleguideComponents/ArgumentsRenderer.js

@@ -1,100 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports["default"] = exports.ArgumentsRenderer = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Argument = _interopRequireDefault(require("react-styleguidist/lib/client/rsg-components/Argument"));
-
-var _Heading = _interopRequireDefault(require("react-styleguidist/lib/client/rsg-components/Heading"));
-
-var _Styled = _interopRequireDefault(require("react-styleguidist/lib/client/rsg-components/Styled"));
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/styleguideComponents/ArgumentsRenderer.tsx";
-
-var styles = function styles(_ref) {
-  var space = _ref.space;
-  return {
-    headingWrapper: {
-      marginBottom: space[0]
-    },
-    root: {
-      fontSize: 'inherit',
-      marginBottom: space[2]
-    }
-  };
-};
-
-exports.styles = styles;
-
-var ArgumentsRenderer = function ArgumentsRenderer(_ref2) {
-  var args = _ref2.args,
-      classes = _ref2.classes,
-      heading = _ref2.heading;
-
-  if (args.length === 0) {
-    return null;
-  }
-
-  return _react["default"].createElement("div", {
-    className: classes.root,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 35,
-      columnNumber: 5
-    }
-  }, heading && _react["default"].createElement("div", {
-    className: classes.headingWrapper,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 37,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_Heading["default"], {
-    level: 5,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 38,
-      columnNumber: 11
-    }
-  }, "Arguments")), args.map(function (arg) {
-    return _react["default"].createElement(_Argument["default"], (0, _extends2["default"])({
-      key: arg.name
-    }, arg, {
-      block: true,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 42,
-        columnNumber: 9
-      }
-    }));
-  }));
-};
-
-exports.ArgumentsRenderer = ArgumentsRenderer;
-ArgumentsRenderer.propTypes = {
-  args: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    description: _propTypes["default"].string,
-    name: _propTypes["default"].string.isRequired,
-    type: _propTypes["default"].object
-  }).isRequired).isRequired,
-  classes: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired).isRequired,
-  heading: _propTypes["default"].bool
-};
-
-var _default = (0, _Styled["default"])(styles)(ArgumentsRenderer);
-
-exports["default"] = _default;
-//# sourceMappingURL=ArgumentsRenderer.js.map

package/lib/commonjs/styleguideComponents/ArgumentsRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ArgumentsRenderer.tsx"],"names":["styles","space","headingWrapper","marginBottom","root","fontSize","ArgumentsRenderer","args","classes","heading","length","map","arg","name","propTypes","PropTypes","arrayOf","shape","description","string","isRequired","type","object","objectOf","bool"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;AAGO,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAA2B;AAC/CC,IAAAA,cAAc,EAAE;AACdC,MAAAA,YAAY,EAAEF,KAAK,CAAC,CAAD;AADL,KAD+B;AAI/CG,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,SADN;AAEJF,MAAAA,YAAY,EAAEF,KAAK,CAAC,CAAD;AAFf;AAJyC,GAA3B;AAAA,CAAf;;;;AAgBA,IAAMK,iBAA0D,GAAG,SAA7DA,iBAA6D,QAIpE;AAAA,MAHJC,IAGI,SAHJA,IAGI;AAAA,MAFJC,OAEI,SAFJA,OAEI;AAAA,MADJC,OACI,SADJA,OACI;;AACJ,MAAIF,IAAI,CAACG,MAAL,KAAgB,CAApB,EAAuB;AACrB,WAAO,IAAP;AACD;;AAED,SACE;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACJ,IAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,OAAO,IACN;AAAK,IAAA,SAAS,EAAED,OAAO,CAACN,cAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBADF,CAFJ,EAMGK,IAAI,CAACI,GAAL,CAAS,UAACC,GAAD;AAAA,WACR,gCAAC,oBAAD;AAAU,MAAA,GAAG,EAAEA,GAAG,CAACC;AAAnB,OAA6BD,GAA7B;AAAkC,MAAA,KAAK,MAAvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADQ;AAAA,GAAT,CANH,CADF;AAYD,CArBM;;;AAuBPN,iBAAiB,CAACQ,SAAlB,GAA8B;AAC5BP,EAAAA,IAAI,EAAEQ,sBAAUC,OAAV,CACJD,sBAAUE,KAAV,CAAgB;AACdC,IAAAA,WAAW,EAAEH,sBAAUI,MADT;AAEdN,IAAAA,IAAI,EAAEE,sBAAUI,MAAV,CAAiBC,UAFT;AAGdC,IAAAA,IAAI,EAAEN,sBAAUO;AAHF,GAAhB,EAIGF,UALC,EAMJA,UAP0B;AAQ5BZ,EAAAA,OAAO,EAAEO,sBAAUQ,QAAV,CAAmBR,sBAAUI,MAAV,CAAiBC,UAApC,EAAgDA,UAR7B;AAS5BX,EAAAA,OAAO,EAAEM,sBAAUS;AATS,CAA9B;;eAYe,wBAAuBxB,MAAvB,EAA+BM,iBAA/B,C","sourcesContent":["import React from 'react';\n\nimport PropTypes from 'prop-types';\nimport Argument, { ArgumentProps } from 'react-styleguidist/lib/client/rsg-components/Argument';\nimport Heading from 'react-styleguidist/lib/client/rsg-components/Heading';\nimport Styled, { JssInjectedProps } from 'react-styleguidist/lib/client/rsg-components/Styled';\nimport * as Rsg from 'react-styleguidist/lib/typings';\n\nexport const styles = ({ space }: Rsg.Theme) => ({\n  headingWrapper: {\n    marginBottom: space[0],\n  },\n  root: {\n    fontSize: 'inherit',\n    marginBottom: space[2],\n  },\n});\n\ninterface ArgumentsProps extends JssInjectedProps {\n  args: ArgumentProps[];\n  classes: Record<string, string>;\n  heading?: boolean;\n}\n\nexport const ArgumentsRenderer: React.FunctionComponent<ArgumentsProps> = ({\n  args,\n  classes,\n  heading,\n}) => {\n  if (args.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={classes.root}>\n      {heading && (\n        <div className={classes.headingWrapper}>\n          <Heading level={5}>Arguments</Heading>\n        </div>\n      )}\n      {args.map((arg) => (\n        <Argument key={arg.name} {...arg} block />\n      ))}\n    </div>\n  );\n};\n\nArgumentsRenderer.propTypes = {\n  args: PropTypes.arrayOf(\n    PropTypes.shape({\n      description: PropTypes.string,\n      name: PropTypes.string.isRequired,\n      type: PropTypes.object,\n    }).isRequired,\n  ).isRequired,\n  classes: PropTypes.objectOf(PropTypes.string.isRequired).isRequired,\n  heading: PropTypes.bool,\n};\n\nexport default Styled<ArgumentsProps>(styles)(ArgumentsRenderer);\n"]}

package/lib/commonjs/styleguideComponents/BottomSheet.js

@@ -1,25 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BottomSheet = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/styleguideComponents/BottomSheet.tsx";
-
-var BottomSheet = function BottomSheet() {
-  return _react["default"].createElement(_react["default"].Fragment, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 3,
-      columnNumber: 34
-    }
-  });
-};
-
-exports.BottomSheet = BottomSheet;
-//# sourceMappingURL=BottomSheet.js.map

package/lib/commonjs/styleguideComponents/BottomSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["BottomSheet.tsx"],"names":["BottomSheet"],"mappings":";;;;;;;AAAA;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAM,gCAAC,iBAAD,CAAO,QAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAN;AAAA,CAApB","sourcesContent":["import React from 'react';\n\nexport const BottomSheet = () => <React.Fragment />;\n"]}

package/lib/commonjs/styleguideComponents/JsDoc.js

@@ -1,87 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = JsDoc;
-exports.getMarkdown = getMarkdown;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _map = _interopRequireDefault(require("lodash/map"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Markdown = _interopRequireDefault(require("react-styleguidist/lib/client/rsg-components/Markdown"));
-
-var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/styleguideComponents/JsDoc.tsx";
-
-var plural = function plural(array, caption) {
-  return array.length === 1 ? caption : caption + "s";
-};
-
-var list = function list(array) {
-  return array.map(function (item) {
-    return item.description;
-  }).join(', ');
-};
-
-var paragraphs = function paragraphs(array) {
-  return array.map(function (item) {
-    return item.description;
-  }).join('\n\n');
-};
-
-var fields = {
-  author: function author(value) {
-    return plural(value, 'Author') + ": " + list(value);
-  },
-  "default": function _default(value) {
-    return "**Default**: " + value[0]["default"];
-  },
-  deprecated: function deprecated(value) {
-    return "**Deprecated:** " + value[0].description;
-  },
-  link: function link(value) {
-    return paragraphs(value);
-  },
-  see: function see(value) {
-    return paragraphs(value);
-  },
-  since: function since(value) {
-    return "Since: " + value[0].description;
-  },
-  version: function version(value) {
-    return "Version: " + value[0].description;
-  }
-};
-
-function getMarkdown(props) {
-  return (0, _map["default"])(fields, function (format, field) {
-    var tag = props[field];
-    return tag && format(tag);
-  }).filter(Boolean).join('\n\n');
-}
-
-function JsDoc(props) {
-  var markdown = getMarkdown(props);
-  return markdown ? _react["default"].createElement(_Markdown["default"], {
-    text: markdown,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 35,
-      columnNumber: 21
-    }
-  }) : null;
-}
-
-JsDoc.propTypes = {
-  author: _propTypes["default"].array,
-  deprecated: _propTypes["default"].array,
-  link: _propTypes["default"].array,
-  see: _propTypes["default"].array,
-  since: _propTypes["default"].array,
-  version: _propTypes["default"].array
-};
-//# sourceMappingURL=JsDoc.js.map

package/lib/commonjs/styleguideComponents/JsDoc.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["JsDoc.tsx"],"names":["plural","array","caption","length","list","map","item","description","join","paragraphs","fields","author","value","deprecated","link","see","since","version","getMarkdown","props","format","field","tag","filter","Boolean","JsDoc","markdown","propTypes","PropTypes"],"mappings":";;;;;;;;AAAA;;AAIA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAqBC,OAArB;AAAA,SACbD,KAAK,CAACE,MAAN,KAAiB,CAAjB,GAAqBD,OAArB,GAAkCA,OAAlC,MADa;AAAA,CAAf;;AAEA,IAAME,IAAI,GAAG,SAAPA,IAAO,CAACH,KAAD;AAAA,SAAwBA,KAAK,CAACI,GAAN,CAAU,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACC,WAAf;AAAA,GAAV,EAAsCC,IAAtC,CAA2C,IAA3C,CAAxB;AAAA,CAAb;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACR,KAAD;AAAA,SAAwBA,KAAK,CAACI,GAAN,CAAU,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACC,WAAf;AAAA,GAAV,EAAsCC,IAAtC,CAA2C,MAA3C,CAAxB;AAAA,CAAnB;;AAEA,IAAME,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE,gBAACC,KAAD;AAAA,WAA2BZ,MAAM,CAACY,KAAD,EAAQ,QAAR,CAAjC,UAAuDR,IAAI,CAACQ,KAAD,CAA3D;AAAA,GADK;AAEb,aAAS,kBAACA,KAAD;AAAA,6BAAwCA,KAAK,CAAC,CAAD,CAAL,WAAxC;AAAA,GAFI;AAGbC,EAAAA,UAAU,EAAE,oBAACD,KAAD;AAAA,gCAA2CA,KAAK,CAAC,CAAD,CAAL,CAASL,WAApD;AAAA,GAHC;AAIbO,EAAAA,IAAI,EAAE,cAACF,KAAD;AAAA,WAAwBH,UAAU,CAACG,KAAD,CAAlC;AAAA,GAJO;AAKbG,EAAAA,GAAG,EAAE,aAACH,KAAD;AAAA,WAAwBH,UAAU,CAACG,KAAD,CAAlC;AAAA,GALQ;AAMbI,EAAAA,KAAK,EAAE,eAACJ,KAAD;AAAA,uBAAkCA,KAAK,CAAC,CAAD,CAAL,CAASL,WAA3C;AAAA,GANM;AAObU,EAAAA,OAAO,EAAE,iBAACL,KAAD;AAAA,yBAAoCA,KAAK,CAAC,CAAD,CAAL,CAASL,WAA7C;AAAA;AAPI,CAAf;;AAUO,SAASW,WAAT,CAAqBC,KAArB,EAAsC;AAC3C,SAAO,qBAAIT,MAAJ,EAAY,UAACU,MAAD,EAAyCC,KAAzC,EAAmE;AACpF,QAAMC,GAAG,GAAGH,KAAK,CAACE,KAAD,CAAjB;AACA,WAAOC,GAAG,IAAIF,MAAM,CAACE,GAAD,CAApB;AACD,GAHM,EAIJC,MAJI,CAIGC,OAJH,EAKJhB,IALI,CAKC,MALD,CAAP;AAMD;;AAEc,SAASiB,KAAT,CAAeN,KAAf,EAAgC;AAC7C,MAAMO,QAAQ,GAAGR,WAAW,CAACC,KAAD,CAA5B;AACA,SAAOO,QAAQ,GAAG,gCAAC,oBAAD;AAAU,IAAA,IAAI,EAAEA,QAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAH,GAAkC,IAAjD;AACD;;AAEDD,KAAK,CAACE,SAAN,GAAkB;AAChBhB,EAAAA,MAAM,EAAEiB,sBAAU3B,KADF;AAEhBY,EAAAA,UAAU,EAAEe,sBAAU3B,KAFN;AAGhBa,EAAAA,IAAI,EAAEc,sBAAU3B,KAHA;AAIhBc,EAAAA,GAAG,EAAEa,sBAAU3B,KAJC;AAKhBe,EAAAA,KAAK,EAAEY,sBAAU3B,KALD;AAMhBgB,EAAAA,OAAO,EAAEW,sBAAU3B;AANH,CAAlB","sourcesContent":["import React from 'react';\n\nimport { TagObject, TagProps } from 'react-docgen';\n\nimport map from 'lodash/map';\nimport PropTypes from 'prop-types';\nimport Markdown from 'react-styleguidist/lib/client/rsg-components/Markdown';\n\nconst plural = (array: TagObject[], caption: string) =>\n  array.length === 1 ? caption : `${caption}s`;\nconst list = (array: TagObject[]) => array.map((item) => item.description).join(', ');\nconst paragraphs = (array: TagObject[]) => array.map((item) => item.description).join('\\n\\n');\n\nconst fields = {\n  author: (value: TagObject[]) => `${plural(value, 'Author')}: ${list(value)}`,\n  default: (value: TagObject[]) => `**Default**: ${value[0].default}`,\n  deprecated: (value: TagObject[]) => `**Deprecated:** ${value[0].description}`,\n  link: (value: TagObject[]) => paragraphs(value),\n  see: (value: TagObject[]) => paragraphs(value),\n  since: (value: TagObject[]) => `Since: ${value[0].description}`,\n  version: (value: TagObject[]) => `Version: ${value[0].description}`,\n};\n\nexport function getMarkdown(props: TagProps) {\n  return map(fields, (format: (value: TagObject[]) => string, field: keyof TagProps) => {\n    const tag = props[field];\n    return tag && format(tag);\n  })\n    .filter(Boolean)\n    .join('\\n\\n');\n}\n\nexport default function JsDoc(props: TagProps) {\n  const markdown = getMarkdown(props);\n  return markdown ? <Markdown text={markdown} /> : null;\n}\n\nJsDoc.propTypes = {\n  author: PropTypes.array,\n  deprecated: PropTypes.array,\n  link: PropTypes.array,\n  see: PropTypes.array,\n  since: PropTypes.array,\n  version: PropTypes.array,\n};\n"]}

package/lib/commonjs/styleguideComponents/Markdown.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _default = function _default(_ref) {
-  var children = _ref.children;
-  return children;
-};
-
-exports["default"] = _default;
-//# sourceMappingURL=Markdown.js.map

package/lib/commonjs/styleguideComponents/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.tsx"],"names":["children"],"mappings":";;;;;eAAe;AAAA,MAAGA,QAAH,QAAGA,QAAH;AAAA,SAAkBA,QAAlB;AAAA,C","sourcesContent":["export default ({ children }) => children;\n"]}