@pushwoosh/smart-components-kit 1.0.27 → 1.0.28

package/DynamicContentPicker/DynamicContentPicker.d.ts

@@ -1,8 +1,10 @@
-import { type FC } from 'react';
+import { type FC, type ReactNode } from 'react';
+import { type RenderDynamicContentProps } from './types';
 type DynamicContentPickerProps = {
     applicationCode: string;
     text: string;
     title?: string;
+    renderDynamicContent?: (props: RenderDynamicContentProps) => ReactNode;
 };
 export declare const DynamicContentPicker: FC<DynamicContentPickerProps>;
 export {};

package/DynamicContentPicker/DynamicContentPicker.js

@@ -22,7 +22,8 @@ const reducer = (state, action) => {
 export const DynamicContentPicker = ({
   applicationCode,
   text,
-  title
+  title,
+  renderDynamicContent
 }) => {
   var _middlewareData$arrow, _middlewareData$arrow2;
   const arrowRef = useRef(null);
@@ -72,7 +73,16 @@ export const DynamicContentPicker = ({
   }))))), !!activeVar && React.createElement("div", {
     ref: refs.setFloating,
     style: floatingStyles
-  }, React.createElement(VariedDynamicContentPickerFormSmart, {
+  }, renderDynamicContent ? renderDynamicContent({
+    activeVar,
+    onChange: newDC => dispatch({
+      type: 'set',
+      key: activeVar,
+      value: newDC
+    }),
+    onClose: () => setActiveVar(undefined),
+    update
+  }) : React.createElement(VariedDynamicContentPickerFormSmart, {
     key: activeVar,
     applicationCode: applicationCode,
     initialDc: state[activeVar],

package/DynamicContentPicker/types.d.ts

@@ -1 +1,8 @@
+import { type VariedDynamicContent } from '../DynamicContentPickerForm/types';
 export type ArrowDirection = 'top' | 'bottom' | 'left' | 'right';
+export type RenderDynamicContentProps = {
+    activeVar: string;
+    onChange: (newDC: VariedDynamicContent) => void;
+    onClose: () => void;
+    update: () => void;
+};

package/package.json

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