@pushwoosh/dumb-components 1.1.7 → 1.1.9

package/Radio/Radio.js

@@ -23,7 +23,8 @@ export function Radio(props) {
   });
   return React.createElement(NativeLabel, {
     htmlFor: localId,
-    "$color": isDisabled ? 'locked' : color
+    "$color": isDisabled ? 'locked' : color,
+    "$size": size
   }, React.createElement(NativeRadio, {
     type: "radio",
     id: localId,

package/Radio/styles.d.ts

@@ -4,4 +4,5 @@ export declare const NativeRadio: import("styled-components").StyledComponent<"i
 }, never>;
 export declare const NativeLabel: import("styled-components").StyledComponent<"label", any, {
     $color?: RadioTextColor;
+    $size: RadioSize;
 }, never>;

package/Radio/styles.js

@@ -16,6 +16,8 @@ export const NativeRadio = styled.input.withConfig({
 export const NativeLabel = styled.label.withConfig({
   displayName: "NativeLabel",
   componentId: "sc-34lgtl-1"
-})(["display:inline-flex;align-items:center;font-size:", ";line-height:", ";user-select:none;", " & > ", "{&:not(:last-child){margin-right:", ";}}"], FontSize.REGULAR, LineHeight.REGULAR, ({
+})(["display:inline-flex;align-items:center;font-size:", ";line-height:", ";user-select:none;", " & > ", "{&:not(:last-child){margin-right:", ";}}"], ({
+  $size
+}) => $size === 'compact' ? FontSize.SMALL : FontSize.REGULAR, LineHeight.REGULAR, ({
   $color
 }) => $color && `color: ${ColorMap[$color]};`, NativeRadio, Spacing.S3);

package/RichMessageEditor/RichMessageEditor.js

@@ -67,9 +67,12 @@ export const RichMessageEditor = ({
     Transforms.move(editor);
     setShowDrop(undefined);
   };
-  const clickAwayHandler = usePersistentFunction(() => {
+  const onClose = () => {
     setShowDrop(undefined);
     setIsFocused(false);
+  };
+  const clickAwayHandler = usePersistentFunction(() => {
+    onClose();
     onBlur === null || onBlur === void 0 || onBlur();
   });
   useEffect(() => {
@@ -138,6 +141,7 @@ export const RichMessageEditor = ({
           insertDynamicContent(editor, newDC);
         }
       },
+      onClose,
       update
     })), showDrop.type === 'emoji' && React.createElement(EmojiPicker, {
       onEmojiSelect: s => editor.insertText(s)

package/RichMessageEditor/RichMessageEditor.types.d.ts

@@ -11,6 +11,7 @@ export type DropValue = DropValueEmoji | DropValuePersonalization;
 export type RenderDynamicContentProps = {
     dc?: DynamicContent;
     onChange: (newDC: DynamicContent) => void;
+    onClose: () => void;
     update: () => void;
 };
 export type RichMessageEditorProps = {

package/RichMessageEditor/index.d.ts

@@ -1,3 +1,4 @@
 export { type RichMessageEditorContent } from './types';
 export { RichMessageEditor } from './RichMessageEditor';
 export { RichMessageViewer } from './RichMessageViewer';
+export { type DynamicContent } from './slate/types';

package/index.d.ts

@@ -36,4 +36,4 @@ export { NumberPicker } from './NumberPicker';
 export { CodeEditor } from './CodeEditor';
 export { EnhancedInput, SearchInput } from './EnhancedInput';
 export { Chip } from './Chip';
-export { RichMessageEditor, RichMessageViewer } from './RichMessageEditor';
+export { RichMessageEditor, RichMessageViewer, type DynamicContent } from './RichMessageEditor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",