@pushwoosh/dumb-components 1.1.3 → 1.1.5

package/Modal/components/ModalConfirm/ModalConfirm.js

@@ -9,6 +9,7 @@ export function ModalConfirm(props) {
   const {
     isOpen,
     title = 'Confirm action',
+    size = 'small',
     description = '',
     confirmButtonText = 'Confirm',
     cancelButtonText = 'Cancel',
@@ -32,7 +33,7 @@ export function ModalConfirm(props) {
     }
   }, [callback, onAccept]);
   return React.createElement(Modal, {
-    size: "small",
+    size: size,
     isOpen: isOpen,
     onClose: onCancel
   }, React.createElement(ModalHeader, null, React.createElement(Vertical, {

package/Modal/components/ModalConfirm/types.d.ts

@@ -1,8 +1,11 @@
+import { type ReactNode } from 'react';
+import { type modalSizes } from '../Modal/maps';
 export type ConfirmButtonColor = 'primary' | 'secondary' | 'danger';
 export interface ModalConfirmProps {
     isOpen: boolean;
     title: string;
-    description?: string;
+    size?: keyof typeof modalSizes;
+    description?: ReactNode;
     confirmButtonText?: string;
     confirmButtonColor?: ConfirmButtonColor;
     cancelButtonText?: string;

package/Table/components/DataTable/DataTable.js

@@ -14,6 +14,7 @@ export function DataTable(props) {
   const {
     columns,
     width,
+    isBordered = true,
     context,
     renderTableTop,
     renderAfter,
@@ -28,7 +29,8 @@ export function DataTable(props) {
     value: context
   }, React.createElement(Table, {
     columns: columns,
-    width: width
+    width: width,
+    isBordered: isBordered
   }, renderTableTop === null || renderTableTop === void 0 ? void 0 : renderTableTop(context), 'renderHead' in props && props.renderHead(), 'renderList' in props ? props.renderList(context) : React.createElement(DataTableList, {
     renderItem: props.renderItem
   }), !hidePagination && React.createElement(DataTablePagination, {

package/Table/components/DataTable/types.d.ts

@@ -3,6 +3,7 @@ import type { DataTableParams, DataTableContextType } from '../../types';
 export type DataTableListProps<I, P extends DataTableParams> = {
     columns: string;
     width?: string | number;
+    isBordered?: boolean;
     context: DataTableContextType<I, P>;
     hidePagination?: boolean;
     renderTableTop?: (ctxValue: DataTableContextType<I, P>) => ReactNode;
@@ -12,6 +13,7 @@ export type DataTableListProps<I, P extends DataTableParams> = {
 export type DataTableItemProps<I, P extends DataTableParams> = {
     columns: string;
     width?: string | number;
+    isBordered?: boolean;
     context: DataTableContextType<I, P>;
     hidePagination?: boolean;
     renderTableTop?: (ctxValue: DataTableContextType<I, P>) => ReactNode;

package/Table/styles.d.ts

@@ -2,6 +2,7 @@ import { FontSize, FontWeight } from '@pushwoosh/kit-constants';
 export type TableProps = {
     columns: string;
     width?: string | number;
+    isBordered?: boolean;
 };
 export declare const Table: import("styled-components").StyledComponent<"div", any, {
     $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;

package/Table/styles.js

@@ -4,9 +4,11 @@ import { GridContainer, Horizontal, Vertical, toCssValue } from '@pushwoosh/kit-
 export const Table = styled(Vertical).withConfig({
   displayName: "Table",
   componentId: "sc-1kwcslm-0"
-})(["--table-columns:", ";border:1px solid ", ";border-radius:", ";background-color:", ";", " & > *:not(:last-child){border-bottom:1px solid ", ";}"], ({
+})(["--table-columns:", ";border:", ";border-radius:", ";background-color:", ";", " & > *:not(:last-child){border-bottom:1px solid ", ";}"], ({
   columns
-}) => columns, Color.DIVIDER, ShapeRadius.SECTION, Color.CLEAR, ({
+}) => columns, ({
+  isBordered
+}) => isBordered ? `1px solid ${Color.DIVIDER}` : 'none', ShapeRadius.SECTION, Color.CLEAR, ({
   width
 }) => width ? `width: ${toCssValue(width)};` : '', Color.DIVIDER);
 export const Td = styled(GridContainer).attrs({

package/package.json

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