@pushwoosh/smart-components-kit 1.0.34 → 1.0.36

package/DynamicContentPicker/DynamicContentPicker.d.ts

@@ -7,6 +7,7 @@ type DynamicContentPickerProps = {
     text: string;
     title?: string;
     initState?: State;
+    error?: ReactNode;
     renderDynamicContent?: (props: RenderDynamicContentProps) => ReactNode;
 };
 export declare const DynamicContentPicker: FC<DynamicContentPickerProps>;

package/DynamicContentPicker/DynamicContentPicker.js

@@ -1,6 +1,8 @@
 import { arrow, autoPlacement, offset, useFloating } from '@floating-ui/react-dom';
 import React, { useMemo, useReducer, useRef, useState } from 'react';
+import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
+import { WarningRoundIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
 import { Arrow, FieldPlace, TextPlace } from './styled';
 import { VariedDynamicContentPickerFormSmart } from '../DynamicContentPickerForm/VariedDynamicContentPickerFormSmart';
@@ -24,6 +26,7 @@ export const DynamicContentPicker = ({
   text,
   title,
   initState,
+  error,
   renderDynamicContent
 }) => {
   var _middlewareData$arrow, _middlewareData$arrow2;
@@ -60,10 +63,21 @@ export const DynamicContentPicker = ({
   return React.createElement(React.Fragment, null, React.createElement(FieldPlace, {
     ref: refs.setReference
   }, React.createElement(Horizontal, {
-    "$padding": "8px 16px"
+    "$padding": "8px 16px",
+    "$justifyContent": "space-between"
   }, React.createElement(Text, {
     "$variant": "h4"
-  }, title)), React.createElement(Horizontal, {
+  }, title), error && React.createElement(Horizontal, {
+    "$alignItems": "center",
+    "$gap": 8
+  }, React.createElement(WarningRoundIcon, {
+    size: "small",
+    view: "lined",
+    color: Color.WARNING
+  }), React.createElement(Text, {
+    "$variant": "footnote",
+    color: Color.WARNING
+  }, error))), React.createElement(Horizontal, {
     "$padding": "12px 16px"
   }, React.createElement(TextPlace, null, parsedLines.map((line, index) => React.createElement(Line, {
     key: index /* eslint-disable-line react/no-array-index-key */,

package/ExportCSV/ExportCsvBanner/ExportCsvBanner.d.ts

@@ -13,6 +13,7 @@ type ExportCsvBannerProps = {
     updateExportTask: (exportTask: Partial<ExportTask>) => void;
     showLastExportLocalStorageKey?: string;
     lastTasksParams?: GetLastTasksRequest;
+    isKeepPageOpenWarning?: boolean;
 };
-export declare const ExportCsvBanner: ({ exportTask, updateExportTask, showLastExportLocalStorageKey, lastTasksParams, }: ExportCsvBannerProps) => React.JSX.Element | null;
+export declare const ExportCsvBanner: ({ exportTask, updateExportTask, showLastExportLocalStorageKey, lastTasksParams, isKeepPageOpenWarning, }: ExportCsvBannerProps) => React.JSX.Element | null;
 export {};

package/ExportCSV/ExportCsvBanner/ExportCsvBanner.js

@@ -3,13 +3,15 @@ import { ExportResult, ProgressBar, Button } from '@pushwoosh/dumb-components';
 import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { DangerTriangleIcon, DownloadIcon } from '@pushwoosh/kit-icons';
+import { Text } from '@pushwoosh/kit-typography';
 import { useExportService } from '../useExportService';
 import { useExportVisibility } from './hooks/useExportVisibility';
 export const ExportCsvBanner = ({
   exportTask,
   updateExportTask,
   showLastExportLocalStorageKey,
-  lastTasksParams
+  lastTasksParams,
+  isKeepPageOpenWarning
 }) => {
   const {
     getLastTasks,
@@ -105,10 +107,18 @@ export const ExportCsvBanner = ({
         view: "filled"
       })
     }, "Download CSV"))
-  }), status === 'STATUS_PENDING' && React.createElement(ProgressBar, {
+  }), status === 'STATUS_PENDING' && (isKeepPageOpenWarning ? React.createElement(ProgressBar, {
+    title: progressTitle,
+    percentValue: progress,
+    rightSlot: React.createElement(Text, {
+      "$color": Color.WARNING,
+      "$variant": "h5",
+      "$uppercase": true
+    }, "Keep page open during export")
+  }) : React.createElement(ProgressBar, {
     title: progressTitle,
     percentValue: progress
-  }), status === 'STATUS_FAILED' && React.createElement(ExportResult, {
+  })), status === 'STATUS_FAILED' && React.createElement(ExportResult, {
     type: "error",
     title: "Export failed",
     subtitle: "Please try again",

package/package.json

@@ -51,5 +51,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.34"
+  "version": "1.0.36"
 }