@pushwoosh/dumb-components 1.0.67 → 1.0.68

package/EmptyPage/EmptyPage.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import type { EmptyPageProps } from './types';
+export declare function EmptyPage(props: EmptyPageProps): ReactElement;

package/EmptyPage/EmptyPage.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Color } from '@pushwoosh/kit-constants';
+import { Vertical } from '@pushwoosh/kit-helpers';
+import { CheckRoundIcon } from '@pushwoosh/kit-icons';
+import { H1, Paragraph } from '@pushwoosh/kit-typography';
+import { RootBox, ContentBox, UnorderedList, UnorderedListItem, UnorderedListIcon, Image } from './styles';
+export function EmptyPage(props) {
+  const {
+    title,
+    description,
+    checkList = [],
+    image,
+    actions
+  } = props;
+  return React.createElement(RootBox, null, React.createElement(ContentBox, null, React.createElement(Vertical, {
+    "$gap": 16
+  }, React.createElement(Vertical, {
+    "$gap": 4
+  }, React.createElement(H1, null, title), React.createElement(Paragraph, null, description)), !!checkList.length && React.createElement(UnorderedList, null, checkList.map(text => React.createElement(UnorderedListItem, {
+    key: `item-${text}`
+  }, React.createElement(UnorderedListIcon, null, React.createElement(CheckRoundIcon, {
+    color: Color.SUCCESS,
+    size: "small",
+    type: "fill",
+    view: "filled"
+  })), text)))), actions), React.createElement(Image, {
+    alt: title,
+    src: image
+  }));
+}

package/EmptyPage/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyPage } from './EmptyPage';
+export type { EmptyPageProps } from './types';

package/EmptyPage/index.js

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

package/EmptyPage/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const RootBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UnorderedList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const UnorderedListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const UnorderedListIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;

package/EmptyPage/styles.js

@@ -0,0 +1,26 @@
+import styled from 'styled-components';
+import { UnitSize } from '@pushwoosh/kit-constants';
+export const RootBox = styled.div.withConfig({
+  displayName: "RootBox",
+  componentId: "sc-rxhe82-0"
+})(["display:flex;align-items:center;justify-content:center;width:", ";gap:40px;"], UnitSize.PAGE_WIDTH);
+export const ContentBox = styled.div.withConfig({
+  displayName: "ContentBox",
+  componentId: "sc-rxhe82-1"
+})(["display:flex;flex-direction:column;width:340px;gap:24px;"]);
+export const UnorderedList = styled.ul.withConfig({
+  displayName: "UnorderedList",
+  componentId: "sc-rxhe82-2"
+})(["display:flex;flex-direction:column;padding:0;margin:0;list-style:none;gap:8px;"]);
+export const UnorderedListItem = styled.li.withConfig({
+  displayName: "UnorderedListItem",
+  componentId: "sc-rxhe82-3"
+})(["display:flex;align-items:center;gap:8px;"]);
+export const UnorderedListIcon = styled.div.withConfig({
+  displayName: "UnorderedListIcon",
+  componentId: "sc-rxhe82-4"
+})(["display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#64DB2C24;border-radius:50%;padding:4px;"]);
+export const Image = styled.img.withConfig({
+  displayName: "Image",
+  componentId: "sc-rxhe82-5"
+})(["max-width:380px;"]);

package/EmptyPage/types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface EmptyPageProps {
+    title: string;
+    description: string;
+    checkList: string[];
+    image: string;
+    actions: ReactNode;
+}

package/EmptyPage/types.js

@@ -0,0 +1 @@
+export {};

package/index.d.ts

@@ -6,6 +6,7 @@ export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs, } from './Drawer';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, } from './DropdownMenu';
+export { EmptyPage } from './EmptyPage';
 export { EditableField } from './EditableField';
 export { InputFile } from './InputFile';
 export { Modal, ModalTitle, ModalConfirm, ModalConfirmProvider, useModalConfirm, ModalHeader, ModalBodyGroup, ModalBodyItem, ModalBody, ModalFooter, } from './Modal';

package/index.js

@@ -6,6 +6,7 @@ export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs } from './Drawer';
 export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField } from './DateTimePicker';
 export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem } from './DropdownMenu';
+export { EmptyPage } from './EmptyPage';
 export { EditableField } from './EditableField';
 export { InputFile } from './InputFile';
 export { Modal, ModalTitle, ModalConfirm, ModalConfirmProvider, useModalConfirm, ModalHeader, ModalBodyGroup, ModalBodyItem, ModalBody, ModalFooter } from './Modal';

package/package.json

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