@pushwoosh/smart-components-kit 1.0.35 → 1.0.37

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/package.json

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