@pushwoosh/dumb-components 1.0.29 → 1.0.31

package/Button/styles.js

@@ -60,7 +60,7 @@ const primaryGhostColors = createColors(colors.primary.ghost);
 export const ButtonBoxPrimaryGhostCompact = styled(ButtonBox).withConfig({
   displayName: "ButtonBoxPrimaryGhostCompact",
   componentId: "sc-qltvdl-10"
-})(["height:16px;padding:0;font-size:", ";font-weight:", ";text-transform:uppercase;& ", "{padding:0;}", ";--primary-ghost-hover-bg-color:transparent;"], FontSize.SMALL, FontWeight.BOLD, /* sc-selector */ButtonContent, /* sc-custom "display: none;" */primaryGhostColors);
+})(["height:", ";padding:0;font-size:", ";line-height:", ";font-weight:", ";text-transform:uppercase;& ", "{padding:4px 0;}", ";--primary-ghost-hover-bg-color:transparent;"], UnitSize.COMPACT_HEIGHT, FontSize.SMALL, LineHeight.SMALL, FontWeight.BOLD, /* sc-selector */ButtonContent, /* sc-custom "display: none;" */primaryGhostColors);
 export const ButtonBoxPrimaryGhostField = styled(ButtonBox).withConfig({
   displayName: "ButtonBoxPrimaryGhostField",
   componentId: "sc-qltvdl-11"
@@ -70,7 +70,7 @@ const secondaryGhostColors = createColors(colors.secondary.ghost);
 export const ButtonBoxSecondaryGhostCompact = styled(ButtonBox).withConfig({
   displayName: "ButtonBoxSecondaryGhostCompact",
   componentId: "sc-qltvdl-12"
-})(["height:16px;padding:0;font-size:", ";font-weight:", ";text-transform:uppercase;& ", "{padding:0;}", ";--secondary-ghost-base-color:", ";--secondary-ghost-hover-bg-color:transparent;"], FontSize.SMALL, FontWeight.BOLD, /* sc-selector */ButtonContent, /* sc-custom "display: none;" */secondaryGhostColors, Color.SOFT);
+})(["height:", ";padding:0;font-size:", ";line-height:", ";font-weight:", ";text-transform:uppercase;& ", "{padding:4px 0;}", ";--secondary-ghost-base-color:", ";--secondary-ghost-hover-bg-color:transparent;"], UnitSize.COMPACT_HEIGHT, FontSize.SMALL, LineHeight.SMALL, FontWeight.BOLD, /* sc-selector */ButtonContent, /* sc-custom "display: none;" */secondaryGhostColors, Color.SOFT);
 export const ButtonBoxSecondaryGhostField = styled(ButtonBox).withConfig({
   displayName: "ButtonBoxSecondaryGhostField",
   componentId: "sc-qltvdl-13"

package/PushPreview/components/NoPushPreview/NoPushPreview.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from 'react';
+export declare function NoPushPreview(): ReactElement;

package/PushPreview/components/NoPushPreview/NoPushPreview.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Vertical } from '@pushwoosh/kit-helpers';
+import { Container, IconMock } from './styles';
+import { LockedText, LockedTitle } from '../../../common';
+export function NoPushPreview() {
+  return React.createElement(Container, {
+    "$gap": "10px",
+    "$padding": "10px",
+    "$alignItems": "center",
+    "$justifyContent": "start"
+  }, React.createElement(IconMock, null), React.createElement(Vertical, null, React.createElement(LockedTitle, null, "Content missed..."), React.createElement(LockedText, {
+    "$small": true
+  }, "Might be old data or deleted presets")));
+}

package/PushPreview/components/NoPushPreview/index.d.ts

@@ -0,0 +1 @@
+export { NoPushPreview } from './NoPushPreview';

package/PushPreview/components/NoPushPreview/index.js

@@ -0,0 +1 @@
+export { NoPushPreview } from './NoPushPreview';

package/PushPreview/components/NoPushPreview/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const IconMock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $gap?: string | number | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $margin?: string | number | undefined;
+    $padding?: string | number | undefined;
+    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
+} & {
+    $gridAutoFlow: string;
+}, "$gridAutoFlow">;

package/PushPreview/components/NoPushPreview/styles.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
+import { Horizontal } from '@pushwoosh/kit-helpers';
+export const IconMock = styled.div.withConfig({
+  displayName: "IconMock",
+  componentId: "sc-mvf0fq-0"
+})(["width:36px;height:36px;border-radius:", ";border:1px dashed ", ";background:", ";"], ShapeRadius.CONTROL, Color.SOFT_LIGHT_HOVER, Color.BRIGHT_LIGHT);
+export const Container = styled(Horizontal).withConfig({
+  displayName: "Container",
+  componentId: "sc-mvf0fq-1"
+})(["background:", ";border-radius:", ";border:1px dashed ", ";max-width:350px;"], Color.CLEAR, ShapeRadius.SECTION, Color.SOFT_LIGHT_HOVER);

package/PushPreview/components/SilentPushPreview/SilentPushPreview.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from 'react';
+export declare function SilentPushPreview(): ReactElement;

package/PushPreview/components/SilentPushPreview/SilentPushPreview.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Vertical } from '@pushwoosh/kit-helpers';
+import { NotificationIcon } from '@pushwoosh/kit-icons';
+import { Container, IconContainer } from './styles';
+import { LockedText, LockedTitle } from '../../../common';
+export function SilentPushPreview() {
+  return React.createElement(Container, {
+    "$gap": "10px",
+    "$padding": "10px",
+    "$alignItems": "center",
+    "$justifyContent": "start"
+  }, React.createElement(IconContainer, null, React.createElement(NotificationIcon, {
+    size: "medium",
+    type: "disabled",
+    view: "lined",
+    color: "#FFD600"
+  })), React.createElement(Vertical, null, React.createElement(LockedTitle, null, "Silent push"), React.createElement(LockedText, {
+    "$small": true
+  }, "There is no content to preview")));
+}

package/PushPreview/components/SilentPushPreview/index.d.ts

@@ -0,0 +1 @@
+export { SilentPushPreview } from './SilentPushPreview';

package/PushPreview/components/SilentPushPreview/index.js

@@ -0,0 +1 @@
+export { SilentPushPreview } from './SilentPushPreview';

package/PushPreview/components/SilentPushPreview/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $gap?: string | number | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
+    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
+    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
+    $margin?: string | number | undefined;
+    $padding?: string | number | undefined;
+    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
+} & {
+    $gridAutoFlow: string;
+}, "$gridAutoFlow">;

package/PushPreview/components/SilentPushPreview/styles.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
+import { Horizontal } from '@pushwoosh/kit-helpers';
+export const IconContainer = styled.div.withConfig({
+  displayName: "IconContainer",
+  componentId: "sc-fgx4rs-0"
+})(["width:36px;height:36px;padding:6px;border-radius:", ";opacity:0.5;background:", ";"], ShapeRadius.CONTROL, Color.MAIN);
+export const Container = styled(Horizontal).withConfig({
+  displayName: "Container",
+  componentId: "sc-fgx4rs-1"
+})(["background:", ";border-radius:", ";border:1px dashed ", ";max-width:350px;"], Color.CLEAR, ShapeRadius.SECTION, Color.SOFT_LIGHT_HOVER);

package/PushPreview/index.d.ts

@@ -1 +1,3 @@
-export * from './PushPreview';
+export { PushPreview } from './PushPreview';
+export { NoPushPreview } from './components/NoPushPreview';
+export { SilentPushPreview } from './components/SilentPushPreview';

package/PushPreview/index.js

@@ -1 +1,3 @@
-export * from './PushPreview';
+export { PushPreview } from './PushPreview';
+export { NoPushPreview } from './components/NoPushPreview';
+export { SilentPushPreview } from './components/SilentPushPreview';

package/index.d.ts

@@ -24,7 +24,7 @@ export { Tab, TabBar, TabPanel, Tabs, type TabCode } from './Tabs';
 export { Link } from './Link';
 export { StatisticCard } from './StatisticCard';
 export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePreview';
-export { PushPreview } from './PushPreview';
+export { PushPreview, NoPushPreview, SilentPushPreview } from './PushPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { DataTable, DataTableList, DataTableGetContext, DataTablePagination, DataTableSearchInput, DataTableSortableCell, Loading, TableList, TablePagination, useDataTableContext, useDataTableGetParams, Table, Td, Tr, Th, ElementHover, ItemDetailLink, ItemName, LockedText, Description, type DataTableParams, type DataTableData, type DataTableContextType, } from './Table';
 export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';

package/index.js

@@ -24,7 +24,7 @@ export { Tab, TabBar, TabPanel, Tabs } from './Tabs';
 export { Link } from './Link';
 export { StatisticCard } from './StatisticCard';
 export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePreview';
-export { PushPreview } from './PushPreview';
+export { PushPreview, NoPushPreview, SilentPushPreview } from './PushPreview';
 export { Toast, ToastProvider, useToast } from './Toast';
 export { DataTable, DataTableList, DataTableGetContext, DataTablePagination, DataTableSearchInput, DataTableSortableCell, Loading, TableList, TablePagination, useDataTableContext, useDataTableGetParams, Table, Td, Tr, Th, ElementHover, ItemDetailLink, ItemName, LockedText, Description } from './Table';
 export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@pushwoosh/frontend-builder-engine": "^1.0.16",
-    "@pushwoosh/kit-constants": "^1.6.7",
+    "@pushwoosh/kit-constants": "^1.6.8",
     "@svgr/webpack": "^8.1.0",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.2.69",