@pushwoosh/dumb-components 1.0.12 → 1.0.14

package/index.d.ts

@@ -1,11 +1,12 @@
-export { ActionsGroup } from './ActionsGroup';
+export { ActionsGroup, ActionsGroupItem } from './ActionsGroup';
 export { Badge, type BadgeColor } from './Badge';
 export { Banner, type BannerType } from './Banner';
 export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs, } from './Drawer';
-export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext, DropdownMenuContainer, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemBox, DropdownMenuItemCheckbox, DropdownMenuItemPick, DropdownMenuItemRadio, DropdownMenuNested, DropdownMenuWindow, } from './DropdownMenu';
+export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField, } from './DateTimePicker';
+export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem, } from './DropdownMenu';
 export { EditableField } from './EditableField';
 export { InputFile } from './InputFile';
 export { Modal, ModalTitle, ModalConfirm, ModalConfirmProvider, useModalConfirm, ModalHeader, ModalBodyGroup, ModalBodyItem, ModalBody, ModalFooter, } from './Modal';

package/index.js

@@ -1,11 +1,12 @@
-export { ActionsGroup } from './ActionsGroup';
+export { ActionsGroup, ActionsGroupItem } from './ActionsGroup';
 export { Badge } from './Badge';
 export { Banner } from './Banner';
 export { Button, GhostButton } from './Button';
 export { CardMetric } from './CardMetric';
 export { Checkbox } from './Checkbox';
 export { Drawer, DrawerHeader, DrawerTitle, DrawerBody, DrawerDocs, useDocs } from './Drawer';
-export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext, DropdownMenuContainer, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemBox, DropdownMenuItemCheckbox, DropdownMenuItemPick, DropdownMenuItemRadio, DropdownMenuNested, DropdownMenuWindow } from './DropdownMenu';
+export { DatePicker, DatePickerField, DateTimePicker, DateTimePickerField } from './DateTimePicker';
+export { DropdownMenu, DropdownMenuButton, DropdownMenuSection, DropdownMenuItem } from './DropdownMenu';
 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.12",
+  "version": "1.0.14",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -35,6 +35,7 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
+    "@floating-ui/react-dom": "^2.1.2",
     "@pushwoosh/kit-helpers": "^4.6.2",
     "@pushwoosh/kit-icons": "^2.1.1",
     "@pushwoosh/kit-typography": "^1.7.1",

package/DropdownMenu/components/DropdownMenu/hooks.d.ts

@@ -1,4 +0,0 @@
-import type { DropdownMenuContext } from './types';
-export declare const Context: import("react").Context<DropdownMenuContext | undefined>;
-export declare const DropdownMenuProvider: import("react").Provider<DropdownMenuContext | undefined>;
-export declare function useDropdownMenuContext(): DropdownMenuContext;

package/DropdownMenu/components/DropdownMenu/hooks.js

@@ -1,10 +0,0 @@
-import { createContext, useContext } from 'react';
-export const Context = createContext(undefined);
-export const DropdownMenuProvider = Context.Provider;
-export function useDropdownMenuContext() {
-  const context = useContext(Context);
-  if (!context) {
-    throw new Error('DropdownMenuContext is not defined! Please check what are you using useDropdownMenuContext in a child of DropdownMenu component!');
-  }
-  return context;
-}

package/DropdownMenu/components/DropdownMenuContainer/DropdownMenuContainer.d.ts

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

package/DropdownMenu/components/DropdownMenuContainer/DropdownMenuContainer.js

@@ -1,79 +0,0 @@
-import React, { useLayoutEffect, useRef } from 'react';
-import { DropdownIcon as Icon } from '@pushwoosh/kit-icons';
-import { useOnClickOutside, useElementWidth } from '../../../hooks';
-import { useDropdownMenuContext } from '../DropdownMenu';
-import { DropdownMenuContainerButtonMap } from './maps';
-import { DropdownMenuContainerBox, DropdownMenuContainerChevron, DropdownMenuContainerIcon, DropdownMenuContainerPortal, DropdownMenuContainerTitle, DropdownMenuContainerWindow } from './styles';
-export function DropdownMenuContainer(props) {
-  const {
-    boxRef,
-    title,
-    color,
-    view,
-    minimal,
-    windowZIndex,
-    windowPlacement = 'bottom-start',
-    isDisabled,
-    hideChevron = false,
-    icon,
-    iconPlacement = 'left',
-    children,
-    isOpen,
-    onChangeIsOpen,
-    ...rest
-  } = props;
-  const DropdownMenuContainerButton = DropdownMenuContainerButtonMap[color][view];
-  const {
-    closeDropdown
-  } = useDropdownMenuContext();
-  const internalButtonRef = useRef(null);
-  const internalWindowRef = useRef(null);
-  const [buttonWidth, recalculateWidth] = useElementWidth(internalButtonRef);
-  useOnClickOutside([internalButtonRef, internalWindowRef], closeDropdown);
-  useLayoutEffect(() => {
-    recalculateWidth();
-  }, [recalculateWidth, title]);
-  return React.createElement(DropdownMenuContainerBox, {
-    ...rest,
-    ref: boxRef
-  }, React.createElement(DropdownMenuContainerButton, {
-    type: "button",
-    disabled: isDisabled,
-    isDisabled: isDisabled,
-    isActive: isOpen,
-    onClick: () => onChangeIsOpen(!isOpen),
-    minimal: minimal,
-    ref: internalButtonRef
-  }, icon && iconPlacement === 'left' && React.createElement(DropdownMenuContainerIcon, null, icon), title && React.createElement(React.Fragment, null, React.createElement(DropdownMenuContainerTitle, {
-    hideChevron: hideChevron
-  }, title), !hideChevron && React.createElement(DropdownMenuContainerChevron, null, React.createElement(Icon, {
-    direction: "down",
-    size: "small"
-  }))), icon && iconPlacement === 'right' && React.createElement(DropdownMenuContainerIcon, null, icon)), React.createElement(DropdownMenuContainerPortal, {
-    animation: false,
-    delay: 0,
-    duration: 0,
-    placement: windowPlacement,
-    reference: internalButtonRef,
-    visible: isOpen,
-    zIndex: windowZIndex,
-    content: React.createElement(DropdownMenuContainerWindow, {
-      "$minWidth": buttonWidth,
-      ref: internalWindowRef
-    }, isOpen && children),
-    popperOptions: {
-      strategy: 'fixed',
-      modifiers: [{
-        name: 'offset',
-        options: {
-          offset: [0, 4]
-        }
-      }, {
-        name: 'preventOverflow',
-        options: {
-          mainAxis: false
-        }
-      }]
-    }
-  }));
-}

package/DropdownMenu/components/DropdownMenuContainer/index.d.ts

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

package/DropdownMenu/components/DropdownMenuContainer/index.js

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

package/DropdownMenu/components/DropdownMenuContainer/maps.d.ts

@@ -1,26 +0,0 @@
-export declare const DropdownMenuContainerButtonMap: {
-    primary: {
-        ghost: import("styled-components").StyledComponent<"button", any, {
-            isDisabled?: boolean;
-            isActive: boolean;
-            minimal?: boolean;
-        }, never>;
-        shape: import("styled-components").StyledComponent<"button", any, {
-            isDisabled?: boolean;
-            isActive: boolean;
-            minimal?: boolean;
-        }, never>;
-    };
-    secondary: {
-        ghost: import("styled-components").StyledComponent<"button", any, {
-            isDisabled?: boolean;
-            isActive: boolean;
-            minimal?: boolean;
-        }, never>;
-        shape: import("styled-components").StyledComponent<"button", any, {
-            isDisabled?: boolean;
-            isActive: boolean;
-            minimal?: boolean;
-        }, never>;
-    };
-};

package/DropdownMenu/components/DropdownMenuContainer/maps.js

@@ -1,11 +0,0 @@
-import { DropdownMenuContainerButtonPrimaryGhost, DropdownMenuContainerButtonPrimaryShape, DropdownMenuContainerButtonSecondaryGhost, DropdownMenuContainerButtonSecondaryShape } from './styles';
-export const DropdownMenuContainerButtonMap = {
-  primary: {
-    ghost: DropdownMenuContainerButtonPrimaryGhost,
-    shape: DropdownMenuContainerButtonPrimaryShape
-  },
-  secondary: {
-    ghost: DropdownMenuContainerButtonSecondaryGhost,
-    shape: DropdownMenuContainerButtonSecondaryShape
-  }
-};

package/DropdownMenu/components/DropdownMenuContainer/styles.d.ts

@@ -1,35 +0,0 @@
-export declare const DropdownMenuContainerBox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuContainerButton: import("styled-components").StyledComponent<"button", any, {
-    isDisabled?: boolean;
-    isActive: boolean;
-    minimal?: boolean;
-}, never>;
-export declare const DropdownMenuContainerButtonPrimaryGhost: import("styled-components").StyledComponent<"button", any, {
-    isDisabled?: boolean;
-    isActive: boolean;
-    minimal?: boolean;
-}, never>;
-export declare const DropdownMenuContainerButtonPrimaryShape: import("styled-components").StyledComponent<"button", any, {
-    isDisabled?: boolean;
-    isActive: boolean;
-    minimal?: boolean;
-}, never>;
-export declare const DropdownMenuContainerButtonSecondaryGhost: import("styled-components").StyledComponent<"button", any, {
-    isDisabled?: boolean;
-    isActive: boolean;
-    minimal?: boolean;
-}, never>;
-export declare const DropdownMenuContainerButtonSecondaryShape: import("styled-components").StyledComponent<"button", any, {
-    isDisabled?: boolean;
-    isActive: boolean;
-    minimal?: boolean;
-}, never>;
-export declare const DropdownMenuContainerIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuContainerTitle: import("styled-components").StyledComponent<"div", any, {
-    hideChevron: boolean;
-}, never>;
-export declare const DropdownMenuContainerChevron: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuContainerPortal: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@tippyjs/react").TippyProps>, any, {}, never>;
-export declare const DropdownMenuContainerWindow: import("styled-components").StyledComponent<"div", any, {
-    $minWidth?: number | null;
-}, never>;

package/DropdownMenu/components/DropdownMenuContainer/styles.js

@@ -1,109 +0,0 @@
-import Tippy from '@tippyjs/react';
-import styled from 'styled-components';
-import { Color, FontSize, FontWeight, LineHeight, ShapeRadius, Spacing, UnitSize } from '@pushwoosh/kit-constants';
-export const DropdownMenuContainerBox = styled.div.withConfig({
-  displayName: "DropdownMenuContainerBox",
-  componentId: "sc-1vy81n-0"
-})(["position:relative;max-width:100%;"]);
-export const DropdownMenuContainerButton = styled.button.withConfig({
-  displayName: "DropdownMenuContainerButton",
-  componentId: "sc-1vy81n-1"
-})(["display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;max-width:100%;height:", ";padding:0 ", ";border:1px solid transparent;border-radius:", ";font-size:", ";font-weight:", ";line-height:", ";cursor:pointer;user-select:none;&:focus{outline:none;}&:disabled{cursor:not-allowed;}"], ({
-  minimal
-}) => minimal ? UnitSize.ICON_MEDIUM : UnitSize.FIELD_HEIGHT, ({
-  minimal
-}) => minimal ? 0 : `calc(${Spacing.S2} - 1px)`, ShapeRadius.CONTROL, FontSize.REGULAR, FontWeight.MEDIUM, LineHeight.REGULAR);
-export const DropdownMenuContainerButtonPrimaryGhost = styled(DropdownMenuContainerButton).withConfig({
-  displayName: "DropdownMenuContainerButtonPrimaryGhost",
-  componentId: "sc-1vy81n-2"
-})(["color:", ";background-color:", ";&:hover{color:", ";background-color:", ";}&:active{color:", ";background-color:", ";}&:disabled{color:", ";background-color:transparent;}"], ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.PRIMARY, ({
-  isActive
-}) => isActive ? Color.MAIN : 'transparent', ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.PRIMARY_HOVER, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.BRIGHT_LIGHT, ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.PRIMARY_PRESSED, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.BRIGHT_LIGHT, Color.LOCKED);
-export const DropdownMenuContainerButtonPrimaryShape = styled(DropdownMenuContainerButton).withConfig({
-  displayName: "DropdownMenuContainerButtonPrimaryShape",
-  componentId: "sc-1vy81n-3"
-})(["color:", ";background-color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}&:disabled{background-color:", ";}"], Color.CLEAR, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.PRIMARY, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.PRIMARY_HOVER, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.PRIMARY_PRESSED, Color.LOCKED);
-export const DropdownMenuContainerButtonSecondaryGhost = styled(DropdownMenuContainerButton).withConfig({
-  displayName: "DropdownMenuContainerButtonSecondaryGhost",
-  componentId: "sc-1vy81n-4"
-})(["color:", ";background-color:", ";&:hover{color:", ";background-color:", ";}&:active{color:", ";background-color:", ";}&:disabled{color:", ";background-color:transparent;}"], ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.MAIN, ({
-  isActive
-}) => isActive ? Color.MAIN : 'transparent', ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.PRIMARY_HOVER, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.BRIGHT_LIGHT, ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.PRIMARY_PRESSED, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.BRIGHT_LIGHT, Color.LOCKED);
-export const DropdownMenuContainerButtonSecondaryShape = styled(DropdownMenuContainerButton).withConfig({
-  displayName: "DropdownMenuContainerButtonSecondaryShape",
-  componentId: "sc-1vy81n-5"
-})(["border:1px solid ", ";color:", ";background-color:", ";&:hover{color:", ";background-color:", ";}&:active{color:", ";background-color:", ";}&:disabled{color:", ";background-color:", ";}"], ({
-  isActive
-}) => isActive ? 'transparent' : Color.FORM, ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.MAIN, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.FROZEN, ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.PRIMARY, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.FROZEN, ({
-  isActive
-}) => isActive ? Color.CLEAR : Color.MAIN, ({
-  isActive
-}) => isActive ? Color.MAIN : Color.FORM, Color.LOCKED, Color.FROZEN);
-export const DropdownMenuContainerIcon = styled.div.withConfig({
-  displayName: "DropdownMenuContainerIcon",
-  componentId: "sc-1vy81n-6"
-})(["flex:0 0 auto;"]);
-export const DropdownMenuContainerTitle = styled.div.withConfig({
-  displayName: "DropdownMenuContainerTitle",
-  componentId: "sc-1vy81n-7"
-})(["flex:1 1 auto;padding:", ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;", " + &{padding:0 0 0 ", ";}"], ({
-  hideChevron
-}) => hideChevron ? `0 ${Spacing.S2}` : `0 0 0 ${Spacing.S2}`, /* sc-selector */DropdownMenuContainerIcon, Spacing.S1);
-export const DropdownMenuContainerChevron = styled.div.withConfig({
-  displayName: "DropdownMenuContainerChevron",
-  componentId: "sc-1vy81n-8"
-})(["flex:0 0 auto;padding:0 ", " 0 ", ";"], Spacing.S0, Spacing.S1);
-export const DropdownMenuContainerPortal = styled(Tippy).withConfig({
-  displayName: "DropdownMenuContainerPortal",
-  componentId: "sc-1vy81n-9"
-})(["pointer-events:all;.tippy-box{position:static;background-color:transparent;color:inherit;border-radius:0;font-size:inherit;line-height:inherit;outline:0;transition:none;}.tippy-content{position:static;padding:0;z-index:auto;}.tippy-arrow{display:none;}"]);
-export const DropdownMenuContainerWindow = styled.div.withConfig({
-  displayName: "DropdownMenuContainerWindow",
-  componentId: "sc-1vy81n-10"
-})(["min-width:", ";"], ({
-  $minWidth
-}) => $minWidth ? `${$minWidth}px` : 'auto');
-DropdownMenuContainerBox.displayName = 'DropdownMenuContainerBox';
-DropdownMenuContainerButton.displayName = 'DropdownMenuContainerButton';
-DropdownMenuContainerButtonPrimaryGhost.displayName = 'DropdownMenuContainerButtonPrimaryGhost';
-DropdownMenuContainerButtonPrimaryShape.displayName = 'DropdownMenuContainerButtonPrimaryShape';
-DropdownMenuContainerButtonSecondaryGhost.displayName = 'DropdownMenuContainerButtonSecondaryGhost';
-DropdownMenuContainerButtonSecondaryShape.displayName = 'DropdownMenuContainerButtonSecondaryShape';
-DropdownMenuContainerIcon.displayName = 'DropdownMenuContainerIcon';
-DropdownMenuContainerTitle.displayName = 'DropdownMenuContainerTitle';
-DropdownMenuContainerChevron.displayName = 'DropdownMenuContainerChevron';
-DropdownMenuContainerWindow.displayName = 'DropdownMenuContainerWindow';

package/DropdownMenu/components/DropdownMenuContainer/types.d.ts

@@ -1,19 +0,0 @@
-import type { Ref, ReactNode } from 'react';
-type WindowPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'bottom' | 'right' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
-export type DropdownMenuContainerProps = {
-    readonly boxRef?: Ref<HTMLDivElement>;
-    readonly title?: ReactNode;
-    readonly color: 'primary' | 'secondary';
-    readonly view: 'shape' | 'ghost';
-    readonly minimal?: boolean;
-    readonly hideChevron?: boolean;
-    readonly icon?: ReactNode;
-    readonly iconPlacement?: 'left' | 'right';
-    readonly windowPlacement: WindowPlacement;
-    readonly windowZIndex: number;
-    readonly isDisabled?: boolean;
-    readonly isOpen: boolean;
-    readonly onChangeIsOpen: (isOpen: boolean) => any;
-    readonly children: ReactNode;
-};
-export {};

package/DropdownMenu/components/DropdownMenuGroup/DropdownMenuGroup.d.ts

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

package/DropdownMenu/components/DropdownMenuGroup/DropdownMenuGroup.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DropdownMenuGroupBox } from './styles';
-export function DropdownMenuGroup(props) {
-  const {
-    boxRef,
-    ...rest
-  } = props;
-  return React.createElement(DropdownMenuGroupBox, {
-    ...rest,
-    ref: boxRef
-  });
-}

package/DropdownMenu/components/DropdownMenuGroup/index.d.ts

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

package/DropdownMenu/components/DropdownMenuGroup/index.js

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

package/DropdownMenu/components/DropdownMenuGroup/styles.d.ts

@@ -1 +0,0 @@
-export declare const DropdownMenuGroupBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DropdownMenu/components/DropdownMenuGroup/styles.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-import { Color, Spacing } from '@pushwoosh/kit-constants';
-export const DropdownMenuGroupBox = styled.div.withConfig({
-  displayName: "DropdownMenuGroupBox",
-  componentId: "sc-hgafu1-0"
-})(["padding:", " 0;& + &{border-top:1px solid ", ";}"], Spacing.S3, Color.FORM);
-DropdownMenuGroupBox.displayName = 'DropdownMenuGroupBox';

package/DropdownMenu/components/DropdownMenuGroup/types.d.ts

@@ -1,5 +0,0 @@
-import type { Ref, ReactNode } from 'react';
-export type DropdownMenuGroupProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
-    readonly boxRef?: Ref<HTMLDivElement>;
-    readonly children: ReactNode;
-};

package/DropdownMenu/components/DropdownMenuItemCheckbox/DropdownMenuItemCheckbox.d.ts

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

package/DropdownMenu/components/DropdownMenuItemCheckbox/DropdownMenuItemCheckbox.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { DropdownMenuItemCheckboxBox } from './styles';
-import { Checkbox } from '../../../Checkbox';
-export function DropdownMenuItemCheckbox(props) {
-  return React.createElement(DropdownMenuItemCheckboxBox, null, React.createElement(Checkbox, {
-    color: "main",
-    ...props
-  }));
-}

package/DropdownMenu/components/DropdownMenuItemCheckbox/index.d.ts

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

package/DropdownMenu/components/DropdownMenuItemCheckbox/index.js

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

package/DropdownMenu/components/DropdownMenuItemCheckbox/styles.d.ts

@@ -1 +0,0 @@
-export declare const DropdownMenuItemCheckboxBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DropdownMenu/components/DropdownMenuItemCheckbox/styles.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { FontWeight, Spacing } from '@pushwoosh/kit-constants';
-import { DropdownMenuItemBox } from '../DropdownMenuItem';
-export const DropdownMenuItemCheckboxBox = styled.div.withConfig({
-  displayName: "DropdownMenuItemCheckboxBox",
-  componentId: "sc-wl9da7-0"
-})(["padding:", " ", ";", "{padding:", " ", " ", " calc(", " - 3px);}label{font-weight:", ";}"], Spacing.S1, Spacing.S3, DropdownMenuItemBox, Spacing.S3, Spacing.S4, Spacing.S3, Spacing.S4, FontWeight.REGULAR);
-DropdownMenuItemCheckboxBox.displayName = 'DropdownMenuItemCheckboxBox';

package/DropdownMenu/components/DropdownMenuItemPick/DropdownMenuItemPick.d.ts

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

package/DropdownMenu/components/DropdownMenuItemPick/DropdownMenuItemPick.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Radio } from '../../../Radio';
-import { DropdownMenuItem } from '../DropdownMenuItem';
-import { DropdownMenuItemPickBox } from './styles';
-export function DropdownMenuItemPick(props) {
-  const {
-    isChecked
-  } = props;
-  return React.createElement(DropdownMenuItemPickBox, {
-    "$isChecked": isChecked
-  }, React.createElement(DropdownMenuItem, {
-    as: Radio,
-    ...props,
-    color: "main"
-  }));
-}

package/DropdownMenu/components/DropdownMenuItemPick/index.d.ts

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

package/DropdownMenu/components/DropdownMenuItemPick/index.js

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

package/DropdownMenu/components/DropdownMenuItemPick/styles.d.ts

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

package/DropdownMenu/components/DropdownMenuItemPick/styles.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { DropdownMenuItemBox } from '../DropdownMenuItem';
-export const DropdownMenuItemPickBox = styled.div.withConfig({
-  displayName: "DropdownMenuItemPickBox",
-  componentId: "sc-k4izj2-0"
-})(["", "{pointer-events:", ";}"], DropdownMenuItemBox, ({
-  $isChecked
-}) => $isChecked ? 'none' : 'all');

package/DropdownMenu/components/DropdownMenuItemPick/types.d.ts

@@ -1,2 +0,0 @@
-import type { RadioProps } from '../../../Radio';
-export type DropdownMenuItemPickProps = Omit<RadioProps, 'color'>;

package/DropdownMenu/components/DropdownMenuItemRadio/DropdownMenuItemRadio.d.ts

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

package/DropdownMenu/components/DropdownMenuItemRadio/DropdownMenuItemRadio.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { DropdownMenuItemRadioBox } from './styles';
-import { Radio } from '../../../Radio';
-export function DropdownMenuItemRadio(props) {
-  return React.createElement(DropdownMenuItemRadioBox, null, React.createElement(Radio, {
-    color: "main",
-    ...props
-  }));
-}

package/DropdownMenu/components/DropdownMenuItemRadio/index.d.ts

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

package/DropdownMenu/components/DropdownMenuItemRadio/index.js

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

package/DropdownMenu/components/DropdownMenuItemRadio/styles.d.ts

@@ -1 +0,0 @@
-export declare const DropdownMenuItemRadioBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/DropdownMenu/components/DropdownMenuItemRadio/styles.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { FontWeight, Spacing } from '@pushwoosh/kit-constants';
-import { DropdownMenuItemBox } from '../DropdownMenuItem';
-export const DropdownMenuItemRadioBox = styled.div.withConfig({
-  displayName: "DropdownMenuItemRadioBox",
-  componentId: "sc-xu32yy-0"
-})(["padding:", " ", ";", "{padding:", " ", " ", " calc(", " - 3px);}label{font-weight:", ";}input{flex-shrink:0;}"], Spacing.S1, Spacing.S3, DropdownMenuItemBox, Spacing.S3, Spacing.S4, Spacing.S3, Spacing.S4, FontWeight.REGULAR);
-DropdownMenuItemRadioBox.displayName = 'DropdownMenuItemRadioBox';

package/DropdownMenu/components/DropdownMenuNested/DropdownMenuNested.d.ts

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

package/DropdownMenu/components/DropdownMenuNested/DropdownMenuNested.js

@@ -1,69 +0,0 @@
-import React, { useCallback, useRef, useState } from 'react';
-import { ChevronIcon } from '@pushwoosh/kit-icons';
-import { useDropdownMenuContext } from '../DropdownMenu';
-import { DropdownMenuNestedBox, DropdownMenuNestedButton, DropdownMenuNestedTitle, DropdownMenuNestedIcon, DropdownMenuNestedPortal, DropdownMenuNestedWindow } from './styles';
-export function DropdownMenuNested(props) {
-  const {
-    boxRef,
-    title,
-    onMouseEnter,
-    onMouseLeave,
-    children,
-    ...rest
-  } = props;
-  const {
-    windowZIndex
-  } = useDropdownMenuContext();
-  const [isOpen, setIsOpen] = useState(false);
-  const internalButtonRef = useRef(null);
-  const handleMouseEnter = useCallback(event => {
-    setIsOpen(true);
-    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
-  }, [onMouseEnter]);
-  const handleMouseLeave = useCallback(event => {
-    setIsOpen(false);
-    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
-  }, [onMouseLeave]);
-  return React.createElement(DropdownMenuNestedBox, {
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    ref: boxRef,
-    ...rest
-  }, React.createElement(DropdownMenuNestedButton, {
-    "$isActive": isOpen,
-    ref: internalButtonRef
-  }, React.createElement(DropdownMenuNestedTitle, null, title), React.createElement(DropdownMenuNestedIcon, null, React.createElement(ChevronIcon, {
-    size: "small",
-    direction: "right"
-  }))), React.createElement(DropdownMenuNestedPortal, {
-    animation: false,
-    interactive: true,
-    delay: 0,
-    duration: 0,
-    placement: "right-start",
-    reference: internalButtonRef,
-    visible: isOpen,
-    zIndex: windowZIndex,
-    content: React.createElement(DropdownMenuNestedWindow, null, children),
-    popperOptions: {
-      strategy: 'fixed',
-      modifiers: [{
-        name: 'offset',
-        options: {
-          offset: [-8, 0]
-        }
-      }, {
-        name: 'preventOverflow',
-        options: {
-          mainAxis: true,
-          altAxis: true
-        }
-      }, {
-        name: 'flip',
-        options: {
-          fallbackPlacements: []
-        }
-      }]
-    }
-  }));
-}

package/DropdownMenu/components/DropdownMenuNested/index.d.ts

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

package/DropdownMenu/components/DropdownMenuNested/index.js

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

package/DropdownMenu/components/DropdownMenuNested/styles.d.ts

@@ -1,8 +0,0 @@
-export declare const DropdownMenuNestedBox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuNestedButton: import("styled-components").StyledComponent<"div", any, {
-    $isActive: boolean;
-}, never>;
-export declare const DropdownMenuNestedTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuNestedIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuNestedPortal: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@tippyjs/react").TippyProps>, any, {}, never>;
-export declare const DropdownMenuNestedWindow: import("styled-components").StyledComponent<"div", any, {}, never>;