@synerise/ds-manageable-list 1.7.10 → 1.7.12

package/dist/Item/ContentItem/ContentItem.d.ts

@@ -1,72 +1,72 @@
-import React from 'react';
-import { type ContentItemProps } from './ContentItem.types';
+import { default as React } from 'react';
+import { ContentItemProps } from './ContentItem.types';
 declare const ContentItem: (({ onRemove, onUpdate, onDuplicate, draggable, dashed, item, greyBackground, changeOrderDisabled, texts, hideExpander, expanded, onExpand, selected, onSelect, headerSuffix, headerPrefix, contentWithoutPadding, onMoveTop, onMoveBottom, isFirst, isLast, size, dragHandleProps, isDragPlaceholder, isDragOverlay, ...rest }: ContentItemProps) => React.JSX.Element) & {
-    AdditionalSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    AdditionalSuffix: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ContentWrapper: import('styled-components').StyledComponent<"div", any, {
         withoutPadding: boolean;
     }, never>;
-    DraggerWrapper: import("styled-components").StyledComponent<"div", any, {
+    DraggerWrapper: import('styled-components').StyledComponent<"div", any, {
         disabled: boolean;
     }, never>;
-    DropdownTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
+    DropdownTrigger: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
         href: string;
         target?: string;
         onClick?: React.MouseEventHandler<HTMLElement>;
-    } & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-        htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+    } & import('antd/lib/button/button').BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+        htmlType?: import('antd/lib/button/button').ButtonHTMLType;
         onClick?: React.MouseEventHandler<HTMLElement>;
     } & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
-        type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-        mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-        color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-        groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+        type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+        mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+        color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+        groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
         justifyContent?: string;
         loading?: boolean | {
             delay?: number;
         };
-        onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-        iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+        onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+        iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
         error?: boolean;
         readOnly?: boolean;
-        tagProps?: import("@synerise/ds-tag").TagProps;
-        tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
+        tagProps?: import('@synerise/ds-tag').TagProps;
+        tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
     } & React.RefAttributes<HTMLButtonElement>> & {
-        Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-        Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-        Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+        Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+        Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+        Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+        Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
     }, any, {}, never>;
-    DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-    FilterDropdownTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
+    DropdownWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+    FilterDropdownTrigger: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
         href: string;
         target?: string;
         onClick?: React.MouseEventHandler<HTMLElement>;
-    } & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-        htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+    } & import('antd/lib/button/button').BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+        htmlType?: import('antd/lib/button/button').ButtonHTMLType;
         onClick?: React.MouseEventHandler<HTMLElement>;
     } & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
-        type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-        mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-        color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-        groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+        type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+        mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+        color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+        groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
         justifyContent?: string;
         loading?: boolean | {
             delay?: number;
         };
-        onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-        iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+        onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+        iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
         error?: boolean;
         readOnly?: boolean;
-        tagProps?: import("@synerise/ds-tag").TagProps;
-        tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
+        tagProps?: import('@synerise/ds-tag').TagProps;
+        tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
     } & React.RefAttributes<HTMLButtonElement>> & {
-        Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-        Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-        Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+        Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+        Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+        Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+        Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
     }, any, {}, never>;
-    IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ItemContainer: import("styled-components").StyledComponent<"div", any, {
+    IconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ItemContainer: import('styled-components').StyledComponent<"div", any, {
         opened: boolean;
         selected?: boolean;
         greyBackground: boolean | undefined;
@@ -76,14 +76,14 @@ declare const ContentItem: (({ onRemove, onUpdate, onDuplicate, draggable, dashe
         isDragOverlay?: boolean;
         isDragPlaceholder?: boolean;
     }, never>;
-    ItemHeader: import("styled-components").StyledComponent<"div", any, {
+    ItemHeader: import('styled-components').StyledComponent<"div", any, {
         hasPrefix: boolean;
         hasDescription: boolean;
         size?: "default" | "large";
     }, never>;
-    ItemHeaderPrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ItemHeaderSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
-    MoveItemButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ToggleContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+    ItemHeaderPrefix: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ItemHeaderSuffix: import('styled-components').StyledComponent<"div", any, {}, never>;
+    MoveItemButtons: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ToggleContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
 };
 export default ContentItem;

package/dist/Item/ContentItem/ContentItem.js

@@ -1,105 +1,64 @@
-var _excluded = ["onRemove", "onUpdate", "onDuplicate", "draggable", "dashed", "item", "greyBackground", "changeOrderDisabled", "texts", "hideExpander", "expanded", "onExpand", "selected", "onSelect", "headerSuffix", "headerPrefix", "contentWithoutPadding", "onMoveTop", "onMoveBottom", "isFirst", "isLast", "size", "dragHandleProps", "isDragPlaceholder", "isDragOverlay"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useEffect, useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { useTexts } from '../../hooks/useTexts';
-import * as S from './ContentItem.styles';
-import { ContentItemHeader } from './ContentItemHeader';
-var ContentItemComponent = function ContentItemComponent(_ref) {
-  var onRemove = _ref.onRemove,
-    onUpdate = _ref.onUpdate,
-    onDuplicate = _ref.onDuplicate,
-    draggable = _ref.draggable,
-    dashed = _ref.dashed,
-    item = _ref.item,
-    _ref$greyBackground = _ref.greyBackground,
-    greyBackground = _ref$greyBackground === void 0 ? false : _ref$greyBackground,
-    changeOrderDisabled = _ref.changeOrderDisabled,
-    texts = _ref.texts,
-    hideExpander = _ref.hideExpander,
-    expanded = _ref.expanded,
-    onExpand = _ref.onExpand,
-    selected = _ref.selected,
-    onSelect = _ref.onSelect,
-    headerSuffix = _ref.headerSuffix,
-    headerPrefix = _ref.headerPrefix,
-    contentWithoutPadding = _ref.contentWithoutPadding,
-    onMoveTop = _ref.onMoveTop,
-    onMoveBottom = _ref.onMoveBottom,
-    isFirst = _ref.isFirst,
-    isLast = _ref.isLast,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'default' : _ref$size,
-    dragHandleProps = _ref.dragHandleProps,
-    isDragPlaceholder = _ref.isDragPlaceholder,
-    isDragOverlay = _ref.isDragOverlay,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(expanded),
-    isExpanded = _useState[0],
-    setIsExpanded = _useState[1];
-  var allTexts = useTexts(texts);
-  useEffect(function () {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import AnimateHeight from "react-animate-height";
+import { useTexts } from "../../hooks/useTexts.js";
+import { ToggleContentWrapper, MoveItemButtons, ItemHeaderSuffix, ItemHeaderPrefix, ItemHeader, ItemContainer, IconWrapper, FilterDropdownTrigger, DropdownWrapper, DropdownTrigger, DraggerWrapper, ContentWrapper, AdditionalSuffix } from "./ContentItem.styles.js";
+import { ContentItemHeader } from "./ContentItemHeader.js";
+const ContentItemComponent = ({
+  onRemove,
+  onUpdate,
+  onDuplicate,
+  draggable,
+  dashed,
+  item,
+  greyBackground = false,
+  changeOrderDisabled,
+  texts,
+  hideExpander,
+  expanded,
+  onExpand,
+  selected,
+  onSelect,
+  headerSuffix,
+  headerPrefix,
+  contentWithoutPadding,
+  onMoveTop,
+  onMoveBottom,
+  isFirst,
+  isLast,
+  size = "default",
+  dragHandleProps,
+  isDragPlaceholder,
+  isDragOverlay,
+  ...rest
+}) => {
+  const [isExpanded, setIsExpanded] = useState(expanded);
+  const allTexts = useTexts(texts);
+  useEffect(() => {
     if (isExpanded !== expanded) {
       setIsExpanded(expanded);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [expanded]);
-  return /*#__PURE__*/React.createElement(S.ItemContainer, _extends({
-    opened: !!isExpanded,
-    selected: !!selected,
-    greyBackground: greyBackground,
-    key: item.id,
-    "data-testid": "item-with-content",
-    dashed: dashed,
-    size: size,
-    isDisabled: !!item.disabled,
-    isDragPlaceholder: isDragPlaceholder,
-    isDragOverlay: isDragOverlay
-  }, rest), /*#__PURE__*/React.createElement(ContentItemHeader, {
-    isExpanded: isExpanded,
-    setIsExpanded: setIsExpanded,
-    onUpdate: onUpdate,
-    item: item,
-    onRemove: onRemove,
-    onDuplicate: onDuplicate,
-    draggable: draggable,
-    dragHandleProps: dragHandleProps,
-    isDragOverlay: isDragOverlay,
-    changeOrderDisabled: changeOrderDisabled,
-    texts: allTexts,
-    hideExpander: hideExpander,
-    onExpand: onExpand,
-    onSelect: onSelect,
-    headerSuffix: headerSuffix,
-    headerPrefix: headerPrefix,
-    onMoveTop: onMoveTop,
-    onMoveBottom: onMoveBottom,
-    isFirst: isFirst,
-    isLast: isLast,
-    size: size
-  }), item.content && /*#__PURE__*/React.createElement(AnimateHeight, {
-    className: "item-content-animation",
-    duration: 300,
-    height: !item.disableExpanding && !isExpanded ? 0 : 'auto'
-  }, /*#__PURE__*/React.createElement(S.ContentWrapper, {
-    "data-testid": "item-content-wrapper",
-    withoutPadding: Boolean(contentWithoutPadding)
-  }, item.content)));
+  return /* @__PURE__ */ jsxs(ItemContainer, { opened: !!isExpanded, selected: !!selected, greyBackground, "data-testid": "item-with-content", dashed, size, isDisabled: !!item.disabled, isDragPlaceholder, isDragOverlay, ...rest, children: [
+    /* @__PURE__ */ jsx(ContentItemHeader, { isExpanded, setIsExpanded, onUpdate, item, onRemove, onDuplicate, draggable, dragHandleProps, isDragOverlay, changeOrderDisabled, texts: allTexts, hideExpander, onExpand, onSelect, headerSuffix, headerPrefix, onMoveTop, onMoveBottom, isFirst, isLast, size }),
+    item.content && /* @__PURE__ */ jsx(AnimateHeight, { className: "item-content-animation", duration: 300, height: !item.disableExpanding && !isExpanded ? 0 : "auto", children: /* @__PURE__ */ jsx(ContentWrapper, { "data-testid": "item-content-wrapper", withoutPadding: Boolean(contentWithoutPadding), children: item.content }) })
+  ] }, item.id);
 };
-var ContentItem = Object.assign(ContentItemComponent, {
-  AdditionalSuffix: S.AdditionalSuffix,
-  ContentWrapper: S.ContentWrapper,
-  DraggerWrapper: S.DraggerWrapper,
-  DropdownTrigger: S.DropdownTrigger,
-  DropdownWrapper: S.DropdownWrapper,
-  FilterDropdownTrigger: S.FilterDropdownTrigger,
-  IconWrapper: S.IconWrapper,
-  ItemContainer: S.ItemContainer,
-  ItemHeader: S.ItemHeader,
-  ItemHeaderPrefix: S.ItemHeaderPrefix,
-  ItemHeaderSuffix: S.ItemHeaderSuffix,
-  MoveItemButtons: S.MoveItemButtons,
-  ToggleContentWrapper: S.ToggleContentWrapper
+const ContentItem = Object.assign(ContentItemComponent, {
+  AdditionalSuffix,
+  ContentWrapper,
+  DraggerWrapper,
+  DropdownTrigger,
+  DropdownWrapper,
+  FilterDropdownTrigger,
+  IconWrapper,
+  ItemContainer,
+  ItemHeader,
+  ItemHeaderPrefix,
+  ItemHeaderSuffix,
+  MoveItemButtons,
+  ToggleContentWrapper
 });
-export default ContentItem;
+export {
+  ContentItem as default
+};

package/dist/Item/ContentItem/ContentItem.styles.d.ts

@@ -1,20 +1,20 @@
-export declare const AdditionalSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DraggerWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const AdditionalSuffix: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DraggerWrapper: import('styled-components').StyledComponent<"div", any, {
     disabled: boolean;
 }, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MoveItemButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemHeaderPrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemHeaderSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemHeader: import("styled-components").StyledComponent<"div", any, {
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MoveItemButtons: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ItemHeaderPrefix: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ItemHeaderSuffix: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ItemHeader: import('styled-components').StyledComponent<"div", any, {
     hasPrefix: boolean;
     hasDescription: boolean;
     size?: "default" | "large";
 }, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, {
     withoutPadding: boolean;
 }, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const ItemContainer: import('styled-components').StyledComponent<"div", any, {
     opened: boolean;
     selected?: boolean;
     greyBackground: boolean | undefined;
@@ -24,61 +24,61 @@ export declare const ItemContainer: import("styled-components").StyledComponent<
     isDragOverlay?: boolean;
     isDragPlaceholder?: boolean;
 }, never>;
-export declare const ToggleContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const ToggleContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DropdownTrigger: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
     justifyContent?: string;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-    Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-    Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+    Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+    Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
 }, any, {}, never>;
-export declare const FilterDropdownTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const FilterDropdownTrigger: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
     justifyContent?: string;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-    Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-    Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+    Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+    Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
 }, any, {}, never>;
-export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;