@pushwoosh/dumb-components 1.0.1 → 1.0.2

package/Skeleton/TextSkeleton.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TextSkeletonTag } from './styles';
+export function TextSkeleton(props) {
+  const {
+    children,
+    width,
+    ...rest
+  } = props;
+  return React.createElement(TextSkeletonTag, {
+    as: width ? 'div' : 'span',
+    style: width ? {
+      width
+    } : undefined,
+    ...rest
+  }, children || '-');
+}

package/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { TextSkeleton } from './TextSkeleton';
+export { RectangularSkeleton, CircularSkeleton } from './styles';

package/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { TextSkeleton } from './TextSkeleton';
+export { RectangularSkeleton, CircularSkeleton } from './styles';

package/Skeleton/styles.d.ts

@@ -0,0 +1,4 @@
+import type { CircularSkeletonProps, RectangularSkeletonProps, TextSkeletonProps } from './types';
+export declare const RectangularSkeleton: import("styled-components").StyledComponent<"div", any, RectangularSkeletonProps, never>;
+export declare const CircularSkeleton: import("styled-components").StyledComponent<"div", any, CircularSkeletonProps, never>;
+export declare const TextSkeletonTag: import("styled-components").StyledComponent<"div", any, TextSkeletonProps, never>;

package/Skeleton/styles.js

@@ -0,0 +1,33 @@
+import styled, { keyframes, css } from 'styled-components';
+import { toCssValue } from '@pushwoosh/kit-helpers';
+const pulseKeyframe = keyframes(["0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}"]);
+const borderRadiusCss = css(["border-radius:", ";"], ({
+  borderRadius
+}) => typeof borderRadius === 'undefined' ? 'initial' : toCssValue(borderRadius));
+const skeletonCommonCss = css(["background-color:", ";animation:", " 1.5s ease-in-out 0.5s infinite;"], ({
+  color
+}) => color || '#ddd', pulseKeyframe);
+export const RectangularSkeleton = styled.div.withConfig({
+  displayName: "RectangularSkeleton",
+  componentId: "sc-mdyfd6-0"
+})(["width:", ";height:", ";", " ", ""], ({
+  width
+}) => toCssValue(width), ({
+  height
+}) => toCssValue(height), skeletonCommonCss, borderRadiusCss);
+export const CircularSkeleton = styled.div.withConfig({
+  displayName: "CircularSkeleton",
+  componentId: "sc-mdyfd6-1"
+})(["width:", ";height:", ";border-radius:100%;", ""], ({
+  diameter
+}) => toCssValue(diameter), ({
+  diameter
+}) => toCssValue(diameter), skeletonCommonCss);
+export const TextSkeletonTag = styled.div.withConfig({
+  displayName: "TextSkeletonTag",
+  componentId: "sc-mdyfd6-2"
+})(["", " color:", ";border-radius:4px;", ""], ({
+  width
+}) => width ? `width: ${toCssValue(width)};` : '', ({
+  color
+}) => color || '#ddd', skeletonCommonCss);

package/Skeleton/types.d.ts

@@ -0,0 +1,16 @@
+export type SkeletonBorderRadiusProps = {
+    borderRadius?: number | string;
+};
+export type SkeletonCommonProps = {
+    color?: string;
+};
+export type RectangularSkeletonProps = SkeletonCommonProps & SkeletonBorderRadiusProps & {
+    width: number | string;
+    height: number | string;
+};
+export type CircularSkeletonProps = SkeletonCommonProps & {
+    diameter: number | string;
+};
+export type TextSkeletonProps = SkeletonCommonProps & SkeletonBorderRadiusProps & {
+    width?: number | string;
+};

package/Skeleton/types.js

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

package/SortButton/SortButton.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from 'react';
+import type { SortButtonProps } from './types';
+export declare function SortButton(props: SortButtonProps): ReactElement;
+export declare namespace SortButton {
+    var displayName: string;
+}

package/SortButton/SortButton.js

@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react';
+import { SortIcon } from '@pushwoosh/kit-icons';
+import { AVAILABLE_ACTIVE_ORDERS } from './constants';
+import { IconTypeByOrderMap, NextOrderMap, ReversedNextOrderMap } from './maps';
+import { SortButtonBox } from './styles';
+export function SortButton(props) {
+  const {
+    boxRef,
+    name,
+    order,
+    children,
+    isReversed,
+    onClick,
+    ...rest
+  } = props;
+  const handleClick = useCallback(() => {
+    onClick({
+      name,
+      order: isReversed ? ReversedNextOrderMap[order || 'none'] : NextOrderMap[order || 'none']
+    });
+  }, [name, order, isReversed, onClick]);
+  return React.createElement(SortButtonBox, {
+    ref: boxRef,
+    type: "button",
+    ...rest,
+    onClick: handleClick,
+    "$isActive": AVAILABLE_ACTIVE_ORDERS.includes(order)
+  }, React.createElement("span", null, children), React.createElement(SortIcon, {
+    size: "small",
+    type: IconTypeByOrderMap[order || 'none']
+  }));
+}
+SortButton.displayName = 'SortButton';

package/SortButton/constants.d.ts

@@ -0,0 +1,2 @@
+import type { SortButtonOrder } from './types';
+export declare const AVAILABLE_ACTIVE_ORDERS: SortButtonOrder[];

package/SortButton/constants.js

@@ -0,0 +1 @@
+export const AVAILABLE_ACTIVE_ORDERS = ['asc', 'desc'];

package/SortButton/index.d.ts

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

package/SortButton/index.js

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

package/SortButton/maps.d.ts

@@ -0,0 +1,10 @@
+import type { SortButtonOrder, SortButtonIconType } from './types';
+export declare const NextOrderMap: {
+    [key: string]: SortButtonOrder;
+};
+export declare const ReversedNextOrderMap: {
+    [key: string]: SortButtonOrder;
+};
+export declare const IconTypeByOrderMap: {
+    [key: string]: SortButtonIconType;
+};

package/SortButton/maps.js

@@ -0,0 +1,15 @@
+export const NextOrderMap = {
+  none: 'asc',
+  asc: 'desc',
+  desc: null
+};
+export const ReversedNextOrderMap = {
+  none: 'desc',
+  desc: 'asc',
+  asc: null
+};
+export const IconTypeByOrderMap = {
+  none: 'not-sorted',
+  asc: 'asc',
+  desc: 'desc'
+};

package/SortButton/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const SortButtonBox: import("styled-components").StyledComponent<"button", any, {
+    $isActive: boolean;
+}, never>;

package/SortButton/styles.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import { Color, FontSize, FontWeight, LineHeight, Spacing } from '@pushwoosh/kit-constants';
+export const SortButtonBox = styled.button.withConfig({
+  displayName: "SortButtonBox",
+  componentId: "sc-dasl5x-0"
+})(["display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:0;color:", ";border:none;background-color:transparent;font-size:", ";font-weight:", ";line-height:", ";text-transform:uppercase;&:hover{color:", ";}&:active{color:", ";}& span{margin:0 ", " 0 0;}"], ({
+  $isActive
+}) => $isActive ? Color.MAIN : Color.LOCKED, FontSize.HEADING5, FontWeight.MEDIUM, LineHeight.HEADING5, Color.PRIMARY_HOVER, Color.PRIMARY_PRESSED, Spacing.S1);
+SortButtonBox.displayName = 'SortButtonBox';

package/SortButton/types.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'react';
+export type SortButtonOrder = 'asc' | 'desc' | null;
+export type SortButtonIconType = 'asc' | 'desc' | 'not-sorted';
+export type SortButtonParams = {
+    readonly name: string;
+    readonly order: SortButtonOrder;
+};
+export type SortButtonProps = Omit<JSX.IntrinsicElements['button'], 'ref' | 'onClick'> & {
+    readonly boxRef?: Ref<HTMLButtonElement>;
+    readonly name: string;
+    readonly order: SortButtonOrder;
+    readonly isReversed?: boolean;
+    readonly onClick: (params: SortButtonParams) => void;
+};

package/SortButton/types.js

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

package/StatisticCard/StatisticCard.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Spacing } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
-import { Spinner } from '@pushwoosh/kit-spinner';
+import { Spinner } from '../Spinner';
 import { Container, RightSlotContainer, StatValue, Title } from './styles';
 import { LockedText } from '../common';
 import { formatNumberWithSpaces } from './helpers';

package/Switch/Switch.d.ts

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

package/Switch/Switch.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Container, Box, Circle, Label } from './styles';
+export function Switch(props) {
+  const {
+    labelPosition = 'right',
+    enabled = false,
+    isDisabled = false,
+    children,
+    onChange
+  } = props;
+  return React.createElement(Container, {
+    labelPosition: labelPosition
+  }, React.createElement(Box, {
+    enabled: enabled,
+    isDisabled: isDisabled,
+    onClick: onChange
+  }, React.createElement(Circle, {
+    enabled: enabled,
+    isDisabled: isDisabled
+  })), children && React.createElement(Label, {
+    labelPosition: labelPosition
+  }, children));
+}

package/Switch/index.d.ts

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

package/Switch/index.js

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

package/Switch/styles.d.ts

@@ -0,0 +1,5 @@
+import type { AlignProps, ComponentProps } from './types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, AlignProps, never>;
+export declare const Box: import("styled-components").StyledComponent<"div", any, ComponentProps, never>;
+export declare const Circle: import("styled-components").StyledComponent<"div", any, ComponentProps, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", any, AlignProps, never>;

package/Switch/styles.js

@@ -0,0 +1,62 @@
+import styled, { css } from 'styled-components';
+import { Spacing, Color, FontSize, FontWeight } from '@pushwoosh/kit-constants';
+const defineColorBackgroundBox = css(["", ""], props => {
+  if (props.isDisabled && !props.enabled) {
+    return Color.CLEAR;
+  }
+  if (props.isDisabled && props.enabled) {
+    return Color.LOCKED;
+  }
+  if (props.enabled) {
+    return Color.PRIMARY_HOVER;
+  }
+  return Color.CLEAR;
+});
+const defineColorBorderBox = css(["", ""], props => {
+  if (props.isDisabled) {
+    return Color.LOCKED;
+  }
+  if (props.enabled) {
+    return Color.PRIMARY_HOVER;
+  }
+  return Color.PHANTOM;
+});
+const defineColorCircle = css(["", ""], props => {
+  if (props.isDisabled && props.enabled) {
+    return Color.CLEAR;
+  }
+  if (props.isDisabled && !props.enabled) {
+    return Color.LOCKED;
+  }
+  if (!props.isDisabled && props.enabled) {
+    return Color.CLEAR;
+  }
+  return Color.MAIN;
+});
+const cssActive = css(["&:active{background:", ";border:2px solid ", ";}"], Color.PRIMARY_HOVER, Color.PRIMARY_PRESSED);
+export const Container = styled.div.withConfig({
+  displayName: "Container",
+  componentId: "sc-csdrg2-0"
+})(["display:flex;align-items:center;flex-direction:", ";"], ({
+  labelPosition
+}) => labelPosition === 'left' ? 'row-reverse' : 'row');
+export const Box = styled.div.attrs({
+  tabIndex: '0'
+}).withConfig({
+  displayName: "Box",
+  componentId: "sc-csdrg2-1"
+})(["display:flex;align-items:center;justify-content:", ";width:36px;height:20px;border:2px solid ", ";border-radius:10px;background-color:", ";outline:none;cursor:pointer;", ""], ({
+  enabled
+}) => enabled ? 'flex-end' : 'flex-start', defineColorBorderBox, defineColorBackgroundBox, ({
+  isDisabled
+}) => isDisabled ? '' : cssActive);
+export const Circle = styled.div.withConfig({
+  displayName: "Circle",
+  componentId: "sc-csdrg2-2"
+})(["margin:0 ", ";width:12px;height:12px;background:", ";border-radius:50%;"], Spacing.S0, defineColorCircle);
+export const Label = styled.div.withConfig({
+  displayName: "Label",
+  componentId: "sc-csdrg2-3"
+})(["display:flex;align-items:center;margin-left:", ";color:", ";font-size:", ";font-weight:", ";margin:", ";"], Spacing.S3, Color.MAIN, FontSize.REGULAR, FontWeight.MEDIUM, ({
+  labelPosition
+}) => labelPosition === 'left' ? `0 ${Spacing.S3} 0` : `0  0 0 ${Spacing.S3}`);

package/Switch/types.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface TProps {
+    labelPosition?: 'left' | 'right';
+    enabled?: boolean;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    onChange: () => void;
+}
+export interface AlignProps {
+    labelPosition?: string;
+}
+export interface ComponentProps {
+    enabled: boolean;
+    isDisabled?: boolean;
+}

package/Switch/types.js

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

package/Toast/Toast.d.ts

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

package/Toast/Toast.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { InfoRoundIcon, CheckRoundIcon, WarningRoundIcon, DangerTriangleIcon, CloseIcon } from '@pushwoosh/kit-icons';
+import { H4, Paragraph } from '@pushwoosh/kit-typography';
+import { TypeColorMap } from './constants';
+import { RootBox, IconBox, ContentBox, CloseBox } from './styles';
+function getIconByType(type) {
+  switch (type) {
+    case 'info':
+      return React.createElement(InfoRoundIcon, {
+        view: "filled",
+        size: "medium",
+        color: TypeColorMap[type]
+      });
+    case 'success':
+      return React.createElement(CheckRoundIcon, {
+        view: "filled",
+        type: "fill",
+        size: "medium",
+        color: TypeColorMap[type]
+      });
+    case 'warning':
+      return React.createElement(WarningRoundIcon, {
+        view: "filled",
+        size: "medium",
+        color: TypeColorMap[type]
+      });
+    case 'error':
+      return React.createElement(DangerTriangleIcon, {
+        view: "filled",
+        size: "medium",
+        color: TypeColorMap[type]
+      });
+    default:
+      return React.createElement(InfoRoundIcon, {
+        view: "filled",
+        size: "medium",
+        color: TypeColorMap[type]
+      });
+  }
+}
+export function Toast(props) {
+  const {
+    open,
+    toast,
+    onClose
+  } = props;
+  const {
+    title,
+    description,
+    type,
+    additionalContent
+  } = toast;
+  return createPortal(React.createElement(RootBox, {
+    open: open,
+    type: type
+  }, React.createElement(IconBox, null, getIconByType(type)), React.createElement(ContentBox, null, React.createElement(H4, null, title), description && React.createElement(Paragraph, null, description), additionalContent && React.createElement("div", null, additionalContent)), React.createElement(CloseBox, {
+    onClick: onClose
+  }, React.createElement(CloseIcon, {
+    size: "medium"
+  }))), document.body);
+}

package/Toast/ToastProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToastContextProps, ToastProviderProps } from './types';
+export declare const ToastContext: React.Context<ToastContextProps | null>;
+export declare const ToastProvider: ({ children }: ToastProviderProps) => React.JSX.Element;

package/Toast/ToastProvider.js

@@ -0,0 +1,45 @@
+import React, { useState, useMemo, useCallback, createContext } from 'react';
+import { DEFAULT_DURATION } from './constants';
+import { Toast } from './Toast';
+export const ToastContext = createContext(null);
+export const ToastProvider = ({
+  children
+}) => {
+  const initialState = {
+    title: '',
+    description: '',
+    type: 'info',
+    duration: DEFAULT_DURATION
+  };
+  const [open, setOpen] = useState(false);
+  const [toast, setToast] = useState(initialState);
+  const closeToast = useCallback(() => setOpen(false), []);
+  const openToast = useCallback(({
+    title = '',
+    description = '',
+    duration = DEFAULT_DURATION,
+    type = 'info',
+    additionalContent = null
+  }) => {
+    setOpen(true);
+    setToast({
+      title,
+      description,
+      duration,
+      type,
+      additionalContent
+    });
+    setTimeout(closeToast, duration);
+  }, [closeToast]);
+  const contextValue = useMemo(() => ({
+    openToast,
+    closeToast
+  }), [openToast, closeToast]);
+  return React.createElement(ToastContext.Provider, {
+    value: contextValue
+  }, children, React.createElement(Toast, {
+    open: open,
+    toast: toast,
+    onClose: closeToast
+  }));
+};

package/Toast/constants.d.ts

@@ -0,0 +1,8 @@
+import { Color } from '@pushwoosh/kit-constants';
+export declare const DEFAULT_DURATION = 3000;
+export declare const TypeColorMap: {
+    info: Color;
+    success: Color;
+    warning: Color;
+    error: Color;
+};

package/Toast/constants.js

@@ -0,0 +1,8 @@
+import { Color } from '@pushwoosh/kit-constants';
+export const DEFAULT_DURATION = 3000;
+export const TypeColorMap = {
+  info: Color.BRIGHT,
+  success: Color.SUCCESS,
+  warning: Color.WARNING,
+  error: Color.DANGER
+};

package/Toast/hooks.d.ts

@@ -0,0 +1,2 @@
+import type { ToastContextProps } from './types';
+export declare const useToast: () => ToastContextProps;

package/Toast/hooks.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { ToastContext } from './ToastProvider';
+export const useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error('useToast must be used within a ToastProvider');
+  }
+  return context;
+};

package/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { Toast } from './Toast';
+export { ToastProvider } from './ToastProvider';
+export { useToast } from './hooks';

package/Toast/index.js

@@ -0,0 +1,3 @@
+export { Toast } from './Toast';
+export { ToastProvider } from './ToastProvider';
+export { useToast } from './hooks';

package/Toast/styles.d.ts

@@ -0,0 +1,8 @@
+import type { ToastType } from './types';
+export declare const RootBox: import("styled-components").StyledComponent<"div", any, {
+    open: boolean;
+    type: ToastType;
+}, never>;
+export declare const IconBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/Toast/styles.js

@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+import { Color, Spacing, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
+import { TypeColorMap } from './constants';
+export const RootBox = styled.div.withConfig({
+  displayName: "RootBox",
+  componentId: "sc-8jll5u-0"
+})(["position:fixed;display:flex;align-items:flex-start;width:380px;top:", ";left:50%;transform:translateX(-50%);color:", ";padding:", " 0 ", ";border-radius:", ";border:1px solid ", ";background:", ";box-shadow:", ";transition:top 250ms;z-index:999999999;"], ({
+  open
+}) => open ? '50px' : '-250px', Color.MAIN, Spacing.S5, Spacing.S5, ShapeRadius.DIALOG, ({
+  type
+}) => TypeColorMap[type], Color.CLEAR, Shadow.LARGE);
+export const IconBox = styled.div.withConfig({
+  displayName: "IconBox",
+  componentId: "sc-8jll5u-1"
+})(["display:flex;align-items:center;justify-content:center;width:56px;height:100%;padding:0 ", ";box-sizing:border-box;"], Spacing.S5);
+export const ContentBox = styled.div.withConfig({
+  displayName: "ContentBox",
+  componentId: "sc-8jll5u-2"
+})(["display:flex;flex-direction:column;justify-content:center;width:100%;min-height:24px;flex-grow:1;gap:", ";"], Spacing.S0);
+export const CloseBox = styled.div.withConfig({
+  displayName: "CloseBox",
+  componentId: "sc-8jll5u-3"
+})(["display:flex;padding:0 14px;cursor:pointer;"]);

package/Toast/types.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+export type ToastType = 'info' | 'success' | 'warning' | 'error';
+export type ToastParams = {
+    title: string;
+    description?: string;
+    duration: number;
+    type: ToastType;
+    additionalContent?: ReactNode;
+};
+export type OpenToastParams = {
+    title: string;
+    description?: string;
+    duration?: number;
+    type?: ToastType;
+    additionalContent?: ReactNode;
+};
+export interface ToastContextProps {
+    openToast: (params: OpenToastParams) => void;
+    closeToast: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+}
+export interface ToastProps {
+    open: boolean;
+    toast: ToastParams;
+    onClose: () => void;
+}

package/Toast/types.js

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

package/index.d.ts

@@ -4,16 +4,26 @@ export { Banner, type BannerType } from './Banner';
 export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
+export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext, DropdownMenuContainer, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemBox, DropdownMenuItemCheckbox, DropdownMenuItemPick, DropdownMenuItemRadio, DropdownMenuNested, DropdownMenuWindow, } from './DropdownMenu';
 export { EditableField } from './EditableField';
+export { InputFile } from './InputFile';
+export { Modal, ModalTitle, ModalConfirm, ModalConfirmProvider, useModalConfirm, ModalHeader, ModalBodyGroup, ModalBodyItem, ModalBody, ModalFooter, } from './Modal';
+export { Pagination } from './Pagination';
 export { ProgressBar } from './ProgressBar';
 export { Popover } from './Popover';
 export { Radio } from './Radio';
+export { ReCaptcha, useRecaptcha, asyncScriptLoad } from './ReCaptcha';
 export { Spinner } from './Spinner';
+export { SortButton } from './SortButton';
+export { Switch } from './Switch';
 export { Tooltip, type TooltipPosition } from './Tooltip';
 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 { Toast, ToastProvider, useToast } from './Toast';
+export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';
 export { ExportResult } from './ExportResult';
 export { NativeInput, NativeTextarea, NativeSelect } from './native';
 export { FieldBox } from './FieldBox';

package/index.js

@@ -4,16 +4,26 @@ export { Banner } from './Banner';
 export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
+export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext, DropdownMenuContainer, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemBox, DropdownMenuItemCheckbox, DropdownMenuItemPick, DropdownMenuItemRadio, DropdownMenuNested, DropdownMenuWindow } from './DropdownMenu';
 export { EditableField } from './EditableField';
+export { InputFile } from './InputFile';
+export { Modal, ModalTitle, ModalConfirm, ModalConfirmProvider, useModalConfirm, ModalHeader, ModalBodyGroup, ModalBodyItem, ModalBody, ModalFooter } from './Modal';
+export { Pagination } from './Pagination';
 export { ProgressBar } from './ProgressBar';
 export { Popover } from './Popover';
 export { Radio } from './Radio';
+export { ReCaptcha, useRecaptcha, asyncScriptLoad } from './ReCaptcha';
 export { Spinner } from './Spinner';
+export { SortButton } from './SortButton';
+export { Switch } from './Switch';
 export { Tooltip } from './Tooltip';
 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 { Toast, ToastProvider, useToast } from './Toast';
+export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';
 export { ExportResult } from './ExportResult';
 export { NativeInput, NativeTextarea, NativeSelect } from './native';
 export { FieldBox } from './FieldBox';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -40,10 +40,8 @@
     "npm": ">= 7"
   },
   "dependencies": {
-    "@pushwoosh/kit-button": "^2.3.5",
     "@pushwoosh/kit-helpers": "^4.6.2",
     "@pushwoosh/kit-icons": "^2.1.1",
-    "@pushwoosh/kit-spinner": "^1.5.1",
     "@pushwoosh/kit-typography": "^1.7.1",
     "liquidjs": "^10.18.0",
     "lodash": "^4.17.21",