@pushwoosh/dumb-components 1.1.26 → 1.1.28

package/DateTimePicker/components/DatePickerField/DatePickerField.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { DatePickerFieldProps } from './types';
-export declare function DatePickerField({ value, error, allowedPlacements, zIndex, onChange, }: DatePickerFieldProps): ReactElement;
+export declare function DatePickerField({ value, error, allowedPlacements, zIndex, closeOnSelect, onChange, }: DatePickerFieldProps): ReactElement;

package/DateTimePicker/components/DatePickerField/DatePickerField.js

@@ -9,6 +9,7 @@ export function DatePickerField({
   error,
   allowedPlacements = ['bottom-start', 'bottom-end', 'top-start', 'top-end'],
   zIndex = 1000,
+  closeOnSelect = false,
   onChange
 }) {
   const [showPicker, setShowPicker] = useState(false);
@@ -35,7 +36,12 @@ export function DatePickerField({
       document.removeEventListener('click', handleClickListener);
     };
   }, [showPicker, refs]);
-  const onSelect = date => onChange(date);
+  const onSelect = date => {
+    onChange(date);
+    if (closeOnSelect) {
+      setShowPicker(false);
+    }
+  };
   return React.createElement(React.Fragment, null, React.createElement(InputFrame, {
     ref: refs.setReference,
     "$gap": 8,

package/DateTimePicker/components/DatePickerField/types.d.ts

@@ -4,5 +4,6 @@ export interface DatePickerFieldProps {
     error?: boolean;
     allowedPlacements?: Placement[];
     zIndex?: number;
+    closeOnSelect?: boolean;
     onChange: (day: string) => void;
 }

package/DateTimePicker/components/DateTimePickerField/DateTimePickerField.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { DateTimePickerFieldProps } from './types';
-export declare function DateTimePickerField({ value, error, allowedPlacements, zIndex, onChange, }: DateTimePickerFieldProps): ReactElement;
+export declare function DateTimePickerField({ value, error, allowedPlacements, zIndex, closeOnSelect, onChange, }: DateTimePickerFieldProps): ReactElement;

package/DateTimePicker/components/DateTimePickerField/DateTimePickerField.js

@@ -10,6 +10,7 @@ export function DateTimePickerField({
   error,
   allowedPlacements = ['bottom-start', 'bottom-end', 'top-start', 'top-end'],
   zIndex = 1000,
+  closeOnSelect = false,
   onChange
 }) {
   const [showPicker, setShowPicker] = useState(false);
@@ -36,7 +37,12 @@ export function DateTimePickerField({
       document.removeEventListener('click', handleClickListener);
     };
   }, [showPicker, refs]);
-  const onSelect = date => onChange(date);
+  const onSelect = date => {
+    onChange(date);
+    if (closeOnSelect) {
+      setShowPicker(false);
+    }
+  };
   const {
     year,
     month,

package/DateTimePicker/components/DateTimePickerField/types.d.ts

@@ -4,5 +4,6 @@ export interface DateTimePickerFieldProps {
     error?: boolean;
     allowedPlacements?: Placement[];
     zIndex?: number;
+    closeOnSelect?: boolean;
     onChange: (day: string) => void;
 }

package/Drawer/components/Drawer/Drawer.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { DrawerProps } from './types';
-export declare function Drawer({ size, isOpen, zIndex, onClose, children, withoutLockScreen, closeOnClickOutside, }: DrawerProps): ReactElement;
+export declare function Drawer({ size, isOpen, zIndex, onClose, children, padding, withoutLockScreen, closeOnClickOutside, }: DrawerProps): ReactElement;

package/Drawer/components/Drawer/Drawer.js

@@ -11,6 +11,7 @@ export function Drawer({
   zIndex = 10000,
   onClose,
   children,
+  padding,
   withoutLockScreen = false,
   closeOnClickOutside = true
 }) {
@@ -53,7 +54,8 @@ export function Drawer({
     ref: ref,
     "$zIndex": zIndex
   }, React.createElement(LockBody, null), React.createElement(DrawerInner, {
-    onMouseDown: handleClickOutside
+    onMouseDown: handleClickOutside,
+    "$padding": padding
   }, React.createElement(DrawerContainer, {
     "$width": drawerSizes[size],
     onClick: handleClose

package/Drawer/components/Drawer/styles.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import type { DrawerBoxBaseProps, IDrawerBoxTransProps } from './types';
+import type { ContentPadding, DrawerBoxBaseProps, IDrawerBoxTransProps } from './types';
 export declare const LockBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export declare const DrawerBox: import("styled-components").StyledComponent<"div", any, {
     $zIndex: number;
 }, never>;
-export declare const DrawerInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DrawerInner: import("styled-components").StyledComponent<"div", any, {
+    $padding?: ContentPadding;
+}, never>;
 export declare const DrawerBoxTrans: import("styled-components").StyledComponent<React.FC<DrawerBoxBaseProps>, any, IDrawerBoxTransProps, never>;
 export declare const DrawerContainer: import("styled-components").StyledComponent<"div", any, {
     $width: string;

package/Drawer/components/Drawer/styles.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import styled, { createGlobalStyle } from 'styled-components';
+import { ShapeRadius } from '@pushwoosh/kit-constants';
+import { DrawerBody, DrawerHeader } from '../DrawerContent';
 const animationTimeout = 300;
 export const LockBody = createGlobalStyle(["body{overflow:hidden;position:relative;height:100%;}"]);
 export const DrawerBox = styled.div.withConfig({
@@ -12,7 +14,25 @@ export const DrawerBox = styled.div.withConfig({
 export const DrawerInner = styled.div.withConfig({
   displayName: "DrawerInner",
   componentId: "sc-n2uxwd-1"
-})(["display:flex;justify-content:flex-end;width:100vw;height:100vh;padding:0 0 0 280px;"]);
+})(["display:flex;justify-content:flex-end;width:100vw;height:100vh;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";", "{", "}", "{", "}"], ({
+  $padding
+}) => ($padding === null || $padding === void 0 ? void 0 : $padding.top) || '0px', ({
+  $padding
+}) => ($padding === null || $padding === void 0 ? void 0 : $padding.right) || '0px', ({
+  $padding
+}) => ($padding === null || $padding === void 0 ? void 0 : $padding.bottom) || '0px', ({
+  $padding
+}) => ($padding === null || $padding === void 0 ? void 0 : $padding.left) || '280px', DrawerBody, ({
+  $padding
+}) => ($padding === null || $padding === void 0 ? void 0 : $padding.bottom) && `
+        border-bottom-left-radius: ${ShapeRadius.SECTION};
+        border-bottom-right-radius: ${ShapeRadius.SECTION};
+      `, DrawerHeader, ({
+  $padding
+}) => ($padding === null || $padding === void 0 ? void 0 : $padding.top) && `
+      border-top-left-radius: ${ShapeRadius.SECTION};
+      border-top-right-radius: ${ShapeRadius.SECTION};
+    `);
 const DrawerBoxBase = props => {
   const {
     isOpen,
@@ -52,6 +72,6 @@ export const DrawerBoxTrans = styled(DrawerBoxBase).withConfig({
 export const DrawerContainer = styled.div.withConfig({
   displayName: "DrawerContainer",
   componentId: "sc-n2uxwd-3"
-})(["position:relative;display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:", ";height:100vh;z-index:10;box-shadow:0 10px 16px 0 rgba(27,31,36,0.1);"], ({
+})(["position:relative;display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:", ";z-index:10;box-shadow:0 10px 16px 0 rgba(27,31,36,0.1);"], ({
   $width
 }) => $width);

package/Drawer/components/Drawer/types.d.ts

@@ -1,5 +1,11 @@
 import type { MutableRefObject, PropsWithChildren } from 'react';
 import type { drawerSizes } from './maps';
+export type ContentPadding = {
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+};
 export type DrawerProps = PropsWithChildren<{
     readonly size: keyof typeof drawerSizes;
     readonly isOpen: boolean;
@@ -7,6 +13,7 @@ export type DrawerProps = PropsWithChildren<{
     readonly onClose?: () => any;
     readonly withoutLockScreen?: boolean;
     readonly closeOnClickOutside?: boolean;
+    readonly padding?: ContentPadding;
 }>;
 export type DrawerBoxBaseProps = PropsWithChildren<{
     className?: string;

package/package.json

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