@pushwoosh/dumb-components 1.0.72 → 1.0.74

package/Pagination/styles.js

@@ -3,7 +3,7 @@ import { Color, FontSize, FontWeight, ShapeRadius, Spacing, UnitSize } from '@pu
 const PaginationControl = styled.button.withConfig({
   displayName: "PaginationControl",
   componentId: "sc-o79vko-0"
-})(["height:", ";appearance:none;border:1px solid ", ";border-right:none;background-color:", ";color:", ";font-weight:", ";font-size:", ";&:hover{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}user-select:none;"], UnitSize.FIELD_HEIGHT, Color.DIVIDER, Color.CLEAR, Color.MAIN, FontWeight.MEDIUM, FontSize.REGULAR, ({
+})(["height:", ";appearance:none;border:1px solid ", ";border-right:none;background-color:", ";color:", ";font-weight:", ";font-size:", ";cursor:pointer;user-select:none;&:hover{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}"], UnitSize.FIELD_HEIGHT, Color.DIVIDER, Color.CLEAR, Color.MAIN, FontWeight.MEDIUM, FontSize.REGULAR, ({
   $isActive
 }) => $isActive ? Color.MAIN : Color.BRIGHT_LIGHT, ({
   $isActive
@@ -15,7 +15,7 @@ export const PaginationBox = styled.div.withConfig({
 export const PaginationArrow = styled(PaginationControl).withConfig({
   displayName: "PaginationArrow",
   componentId: "sc-o79vko-2"
-})(["padding:0 ", ";&:first-child{border-radius:", " 0 0 ", ";}&:last-child{border-right:1px solid ", ";border-radius:0 ", " ", " 0;}user-select:none;"], Spacing.S2, ShapeRadius.CONTROL, ShapeRadius.CONTROL, Color.DIVIDER, ShapeRadius.CONTROL, ShapeRadius.CONTROL);
+})(["padding:0 ", ";&:first-child{border-radius:", " 0 0 ", ";}&:last-child{border-right:1px solid ", ";border-radius:0 ", " ", " 0;}"], Spacing.S2, ShapeRadius.CONTROL, ShapeRadius.CONTROL, Color.DIVIDER, ShapeRadius.CONTROL, ShapeRadius.CONTROL);
 export const PaginationDivider = styled.div.withConfig({
   displayName: "PaginationDivider",
   componentId: "sc-o79vko-3"

package/Radio/Radio.js

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
 import { NativeLabel, NativeRadio } from './styles';
-// eslint-disable-next-line prefer-const
 let counter = 0;
 export function Radio(props) {
   const {
@@ -18,7 +17,7 @@ export function Radio(props) {
     if (id) {
       return id;
     }
-    const newCounter = counter + 1;
+    const newCounter = counter++;
     return `radio-id-${newCounter}`;
   });
   return React.createElement(NativeLabel, {

package/RichMessageEditor/RichMessageEditor.js

@@ -7,7 +7,7 @@ import { FieldBox } from '../FieldBox';
 import EmojiIcon from './assets/EmojiIcon.svg';
 import PersonalizationIcon from './assets/PersonalizationIcon.svg';
 import { EmojiPicker } from './EmojiPicker';
-import { ImSpan } from './RichMessageEditor.styled';
+import { DropArea, ImSpan } from './RichMessageEditor.styled';
 import { getDcByPath } from './slate/helpers';
 import { SlateEditable, SlateEditor } from './slate/SlateEditor';
 export const RichMessageEditor = ({
@@ -114,7 +114,7 @@ export const RichMessageEditor = ({
       onDelete: () => {
         setShowDrop(undefined);
       }
-    }), showDrop && React.createElement("div", {
+    }), showDrop && React.createElement(DropArea, {
       style: floatingStyles,
       ref: refs.setFloating,
       key: showDrop.type

package/RichMessageEditor/RichMessageEditor.styled.d.ts

@@ -1 +1,2 @@
 export declare const ImSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DropArea: import("styled-components").StyledComponent<"div", any, {}, never>;

package/RichMessageEditor/RichMessageEditor.styled.js

@@ -3,4 +3,8 @@ import { Color } from '@pushwoosh/kit-constants';
 export const ImSpan = styled.span.withConfig({
   displayName: "ImSpan",
   componentId: "sc-kdvgj9-0"
-})(["color:", ";position:relative;padding-left:20px;font-size:12px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase;cursor:pointer;> svg{position:absolute;left:0;top:-1px;}"], Color.SOFT);
+})(["color:", ";position:relative;padding-left:20px;font-size:12px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase;cursor:pointer;> svg{position:absolute;left:0;top:-1px;}"], Color.SOFT);
+export const DropArea = styled.div.withConfig({
+  displayName: "DropArea",
+  componentId: "sc-kdvgj9-1"
+})(["z-index:1000;"]);

package/package.json

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