@pushwoosh/smart-components-kit 1.0.74 → 1.0.76

package/DocsButton/DocsButton.js

@@ -1,31 +1,32 @@
 import React from 'react';
 import { Button, DrawerDocs, useDocs } from '@pushwoosh/dumb-components';
 import { DocsIcon } from '@pushwoosh/kit-icons';
-import { useSPAContext } from '@pushwoosh/spa-context';
-const PUSHWOOSH_DOCS_BASE = 'https://docs.pushwoosh.com';
-const WAVESEND_DOCS_BASE = 'https://docs.wavesend.ru';
+import { useDocsButtonUrl } from './hooks';
 export function DocsButton(props) {
   const {
     pathname,
     children,
     color = 'secondary',
     view = 'ghost',
-    size
+    size,
+    openInNewWindow = false
   } = props;
-  const {
-    environment
-  } = useSPAContext();
   const {
     docsOpen,
     openDocsDrawer,
     closeDocsDrawer
   } = useDocs();
-  if (environment.isOMO) {
+  const url = useDocsButtonUrl(pathname);
+  if (!url) {
     return null;
   }
-  const base = environment.isWavesend ? WAVESEND_DOCS_BASE : PUSHWOOSH_DOCS_BASE;
-  const normalizedPath = pathname.startsWith('/') ? pathname : `/${pathname}`;
-  const url = `${base}${normalizedPath}`;
+  const handleClick = () => {
+    if (openInNewWindow) {
+      window.open(url, '_blank', 'noopener,noreferrer');
+      return;
+    }
+    openDocsDrawer();
+  };
   return React.createElement(React.Fragment, null, React.createElement(Button, {
     "aria-label": "Documentation",
     color: color,
@@ -35,8 +36,8 @@ export function DocsButton(props) {
       size: "medium",
       view: "lined"
     }),
-    onClick: openDocsDrawer
-  }, children), React.createElement(DrawerDocs, {
+    onClick: handleClick
+  }, children), !openInNewWindow && React.createElement(DrawerDocs, {
     url: url,
     isOpen: docsOpen,
     onClose: closeDocsDrawer

package/DocsButton/hooks.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsAllowDocsButton(): boolean;
+export declare function useDocsButtonUrl(pathname: string): string;

package/DocsButton/hooks.js

@@ -0,0 +1,24 @@
+import { useSPAContext } from '@pushwoosh/spa-context';
+const PUSHWOOSH_DOCS_BASE = 'https://docs.pushwoosh.com';
+const WAVESEND_DOCS_BASE = 'https://docs.pushwoosh.com/ru';
+export function useIsAllowDocsButton() {
+  const {
+    environment
+  } = useSPAContext();
+  return !environment.isOMO;
+}
+export function useDocsButtonUrl(pathname) {
+  const {
+    environment
+  } = useSPAContext();
+  const isAllowDocsButton = useIsAllowDocsButton();
+  if (!isAllowDocsButton) {
+    return '';
+  }
+  const base = environment.isWavesend ? WAVESEND_DOCS_BASE : PUSHWOOSH_DOCS_BASE;
+  if (!pathname) {
+    return base;
+  }
+  const normalizedPath = pathname.startsWith('/') ? pathname : `/${pathname}`;
+  return `${base}${normalizedPath}`;
+}

package/DocsButton/index.d.ts

@@ -1,2 +1,3 @@
 export { DocsButton } from './DocsButton';
+export { useIsAllowDocsButton, useDocsButtonUrl } from './hooks';
 export type { DocsButtonProps } from './types';

package/DocsButton/index.js

@@ -1 +1,2 @@
-export { DocsButton } from './DocsButton';
+export { DocsButton } from './DocsButton';
+export { useIsAllowDocsButton, useDocsButtonUrl } from './hooks';

package/DocsButton/types.d.ts

@@ -5,4 +5,5 @@ export interface DocsButtonProps {
     color?: 'primary' | 'secondary' | 'danger';
     size?: 'field' | 'compact';
     view?: 'shape' | 'ghost';
+    openInNewWindow?: boolean;
 }

package/package.json

@@ -48,5 +48,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.74"
+  "version": "1.0.76"
 }