@synerise/ds-table 1.9.10 → 1.9.12

package/dist/DefaultTable/DefaultTable.js

@@ -1,118 +1,119 @@
-var _excluded = ["children"];
-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; }
-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); }
-import Table from 'antd/lib/table';
-import compact from 'lodash.compact';
-import isEqual from 'lodash.isequal';
-import React, { useCallback, useEffect, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl';
-import Result from '@synerise/ds-result';
-import Tooltip from '@synerise/ds-tooltip';
-import { usePrevious } from '@synerise/ds-utils';
-import { columnWithSortButtons } from '../ColumnSortMenu/columnWithSortButtons';
-import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';
-import { RowSelectionColumn } from '../RowSelection';
-import { useRowKey } from '../hooks/useRowKey';
-import { useRowStar } from '../hooks/useRowStar/useRowStar';
-import { getChildrenColumnName, isRecordSelectable } from '../utils';
-import { columnWithCellTooltip } from '../utils/columnWithCellTooltip';
+import { jsx } from "react/jsx-runtime";
+import Table from "antd/lib/table";
+import compact from "lodash.compact";
+import isEqual from "lodash.isequal";
+import { useMemo, useEffect, useCallback } from "react";
+import { FormattedMessage } from "react-intl";
+import Result from "@synerise/ds-result";
+import Tooltip from "@synerise/ds-tooltip";
+import { usePrevious } from "@synerise/ds-utils";
+import { columnWithSortButtons } from "../ColumnSortMenu/columnWithSortButtons.js";
+import useSortState, { columnsToSortState } from "../ColumnSortMenu/useSortState.js";
+import { RowSelectionColumn } from "../RowSelection/RowSelectionColumn.js";
+import { useRowKey } from "../hooks/useRowKey/useRowKey.js";
+import { useRowStar } from "../hooks/useRowStar/useRowStar.js";
+import "unit-to-px";
+import { getChildrenColumnName } from "../utils/getChildrenColumnName.js";
+import "../Table.styles.js";
+import "@synerise/ds-skeleton";
+import "uuid";
+import "styled-components";
+import "@synerise/ds-typography";
+import "ramda";
+import { isRecordSelectable } from "../utils/isRecordSelectable.js";
+import "../utils/locale.js";
+import { columnWithCellTooltip } from "../utils/columnWithCellTooltip.js";
 function DefaultTable(props) {
-  var _selection$selections;
-  var title = props.title,
-    selection = props.selection,
-    rowStar = props.rowStar,
-    dataSource = props.dataSource,
-    rowKey = props.rowKey,
-    locale = props.locale,
-    expandable = props.expandable,
-    components = props.components,
-    columns = props.columns,
-    onSort = props.onSort,
-    emptyDataComponent = props.emptyDataComponent,
-    getRowTooltipProps = props.getRowTooltipProps;
-  var previousColumns = usePrevious(columns);
-  var sortStateApi = useSortState(columnsToSortState(columns), onSort);
-  var _useRowStar = useRowStar((rowStar == null ? void 0 : rowStar.starredRowKeys) || []),
-    getRowStarColumn = _useRowStar.getRowStarColumn;
-  var childrenColumnName = getChildrenColumnName(expandable == null ? void 0 : expandable.childrenColumnName);
-  var _useRowKey = useRowKey(rowKey),
-    getRowKey = _useRowKey.getRowKey;
-  var starColumn = useMemo(function () {
-    return getRowStarColumn(_extends({}, props, {
-      getRowKey: getRowKey
-    }));
-  }, [getRowKey, getRowStarColumn, props]);
-  var emptyData = useMemo(function () {
-    return emptyDataComponent !== undefined ? emptyDataComponent : /*#__PURE__*/React.createElement(Result, {
-      description: (locale == null ? void 0 : locale.emptyText) || /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "DS.TABLE.EMPTY_TEXT"
-      }),
-      type: "no-results",
-      noSearchResults: true
+  const {
+    title,
+    selection,
+    rowStar,
+    dataSource,
+    rowKey,
+    locale,
+    expandable,
+    components,
+    columns,
+    onSort,
+    emptyDataComponent,
+    getRowTooltipProps
+  } = props;
+  const previousColumns = usePrevious(columns);
+  const sortStateApi = useSortState(columnsToSortState(columns), onSort);
+  const {
+    getRowStarColumn
+  } = useRowStar(rowStar?.starredRowKeys || []);
+  const childrenColumnName = getChildrenColumnName(expandable?.childrenColumnName);
+  const {
+    getRowKey
+  } = useRowKey(rowKey);
+  const starColumn = useMemo(() => {
+    return getRowStarColumn({
+      ...props,
+      getRowKey
     });
-  }, [emptyDataComponent, locale == null ? void 0 : locale.emptyText]);
-  useEffect(function () {
+  }, [getRowKey, getRowStarColumn, props]);
+  const emptyData = useMemo(() => {
+    return emptyDataComponent !== void 0 ? emptyDataComponent : /* @__PURE__ */ jsx(Result, { description: locale?.emptyText || /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.TABLE.EMPTY_TEXT" }), type: "no-results", noSearchResults: true });
+  }, [emptyDataComponent, locale?.emptyText]);
+  useEffect(() => {
     if (!isEqual(previousColumns, columns)) {
       sortStateApi.updateColumnsData(columnsToSortState(columns));
     }
   }, [columns, previousColumns, sortStateApi]);
-  var RenderRow = useCallback(
-  // @ts-expect-error Parameter 'row' implicitly has an 'any' type.ts(7006)
-  function (row) {
-    var children = row.children,
-      rowProps = _objectWithoutPropertiesLoose(row, _excluded);
-    var classNameWithLevel = row.className.split(' ').find(function (name) {
-      return name.includes('row-level');
-    });
-    var level;
-    if (classNameWithLevel) {
-      level = classNameWithLevel.split('-').pop();
-    }
-    var tooltipProps = getRowTooltipProps == null ? void 0 : getRowTooltipProps(row);
-    var rowContent = /*#__PURE__*/React.createElement("tr", _extends({}, rowProps, {
-      className: row.className + " ds-table-row " + (level ? "ds-table-row-level-" + level : '')
-    }), children);
-    return tooltipProps ? /*#__PURE__*/React.createElement(Tooltip, tooltipProps, rowContent) : rowContent;
-  }, [getRowTooltipProps]);
-  var prependedColumns = compact([!!rowStar && starColumn]);
-  var decoratedColumns = columns == null ? void 0 : columns.map(function (column) {
-    var columnsWithCellTooltips = columnWithCellTooltip(column);
+  const RenderRow = useCallback(
+    // @ts-expect-error Parameter 'row' implicitly has an 'any' type.ts(7006)
+    (row) => {
+      const {
+        children,
+        ...rowProps
+      } = row;
+      const classNameWithLevel = row.className.split(" ").find((name) => name.includes("row-level"));
+      let level;
+      if (classNameWithLevel) {
+        level = classNameWithLevel.split("-").pop();
+      }
+      const tooltipProps = getRowTooltipProps?.(row);
+      const rowContent = /* @__PURE__ */ jsx("tr", { ...rowProps, className: `${row.className} ds-table-row ${level ? `ds-table-row-level-${level}` : ""}`, children });
+      return tooltipProps ? /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, children: rowContent }) : rowContent;
+    },
+    [getRowTooltipProps]
+  );
+  const prependedColumns = compact([!!rowStar && starColumn]);
+  const decoratedColumns = columns?.map((column) => {
+    const columnsWithCellTooltips = columnWithCellTooltip(column);
     return columnWithSortButtons(sortStateApi, onSort)(columnsWithCellTooltips);
   });
-  var decoratedComponents = components && Object.entries(components).map(function (_ref) {
-    var key = _ref[0],
-      value = _ref[1];
-    if (typeof value === 'function') {
-      return [key, function (rawData, meta) {
-        return value(rawData, meta, _extends({}, props, {
-          columns: decoratedColumns
-        }));
-      }];
+  const decoratedComponents = components && Object.entries(components).map(([key, value]) => {
+    if (typeof value === "function") {
+      return [key, (rawData, meta) => value(rawData, meta, {
+        ...props,
+        columns: decoratedColumns
+      })];
     }
     return [key, value];
-  }).reduce(function (acc, _ref2) {
-    var _extends2;
-    var key = _ref2[0],
-      value = _ref2[1];
-    return _extends({}, acc, (_extends2 = {}, _extends2[key] = value, _extends2));
-  }, {});
-  var selectedRecords = useMemo(function () {
+  }).reduce((acc, [key, value]) => ({
+    ...acc,
+    [key]: value
+  }), {});
+  const selectedRecords = useMemo(() => {
     if (selection) {
-      var _ref3 = selection,
-        selectedRowKeys = _ref3.selectedRowKeys,
-        checkRowSelectionStatus = _ref3.checkRowSelectionStatus;
-      var selectedRows = [];
-      dataSource && dataSource.forEach(function (row) {
-        var key = getRowKey(row);
+      const {
+        selectedRowKeys,
+        checkRowSelectionStatus
+      } = selection;
+      let selectedRows = [];
+      dataSource && dataSource.forEach((row) => {
+        const key = getRowKey(row);
         if (key && selectedRowKeys.indexOf(key) >= 0 && isRecordSelectable(row, checkRowSelectionStatus)) {
-          selectedRows = [].concat(selectedRows, [row]);
+          selectedRows = [...selectedRows, row];
         }
-        var rowChildren = row[childrenColumnName];
-        if (rowChildren !== undefined && Array.isArray(rowChildren)) {
-          rowChildren.forEach(function (child) {
-            var childKey = getRowKey(child);
+        const rowChildren = row[childrenColumnName];
+        if (rowChildren !== void 0 && Array.isArray(rowChildren)) {
+          rowChildren.forEach((child) => {
+            const childKey = getRowKey(child);
             if (childKey && selectedRowKeys.indexOf(childKey) >= 0 && isRecordSelectable(child, checkRowSelectionStatus)) {
-              selectedRows = [].concat(selectedRows, [child]);
+              selectedRows = [...selectedRows, child];
             }
           });
         }
@@ -121,53 +122,51 @@ function DefaultTable(props) {
     }
     return [];
   }, [childrenColumnName, dataSource, getRowKey, selection]);
-  var renderRowSelection = useCallback(function (key, record) {
-    var _selection$globalSele;
-    var _ref4 = selection,
-      selectedRowKeys = _ref4.selectedRowKeys,
-      limit = _ref4.limit,
-      independentSelectionExpandedRows = _ref4.independentSelectionExpandedRows,
-      onChange = _ref4.onChange,
-      checkRowSelectionStatus = _ref4.checkRowSelectionStatus;
-    return /*#__PURE__*/React.createElement(RowSelectionColumn, {
-      rowKey: rowKey,
-      record: record,
-      limit: limit,
-      selectedRowKeys: selectedRowKeys,
-      independentSelectionExpandedRows: independentSelectionExpandedRows,
-      onChange: onChange,
-      selectedRecords: selectedRecords,
-      isGlobalAllSelected: selection == null || (_selection$globalSele = selection.globalSelection) == null ? void 0 : _selection$globalSele.isSelected,
-      tableLocale: locale,
-      checkRowSelectionStatus: checkRowSelectionStatus,
-      childrenColumnName: childrenColumnName
-    });
+  const renderRowSelection = useCallback((key, record) => {
+    const {
+      selectedRowKeys,
+      limit,
+      independentSelectionExpandedRows,
+      onChange,
+      checkRowSelectionStatus
+    } = selection;
+    return /* @__PURE__ */ jsx(RowSelectionColumn, { rowKey, record, limit, selectedRowKeys, independentSelectionExpandedRows, onChange, selectedRecords, isGlobalAllSelected: selection?.globalSelection?.isSelected, tableLocale: locale, checkRowSelectionStatus, childrenColumnName });
   }, [locale, rowKey, selectedRecords, selection, childrenColumnName]);
-  return /*#__PURE__*/React.createElement(Table, _extends({}, props, {
-    "data-popup-container": true,
-    columns: [].concat(prependedColumns, decoratedColumns),
-    expandable: _extends({
-      expandIconColumnIndex: -1
-    }, expandable),
-    locale: _extends({}, locale, {
-      emptyText: emptyData
-    })
-    // @ts-expect-error Type mismatch
-    ,
-    title: title,
-    showSorterTooltip: false,
-    components: _extends({
-      body: {
-        row: RenderRow
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      ...props,
+      "data-popup-container": true,
+      columns: [
+        ...prependedColumns,
+        // @ts-expect-error: decoratedColumns type is different in DSTableProps than AntTableProps
+        ...decoratedColumns
+      ],
+      expandable: {
+        expandIconColumnIndex: -1,
+        ...expandable
+      },
+      locale: {
+        ...locale,
+        emptyText: emptyData
+      },
+      title,
+      showSorterTooltip: false,
+      components: {
+        body: {
+          row: RenderRow
+        },
+        ...decoratedComponents
+      },
+      rowSelection: selection && {
+        ...selection,
+        selections: selection?.selections?.filter(Boolean),
+        columnWidth: 64,
+        renderCell: renderRowSelection
       }
-    }, decoratedComponents)
-    // @ts-expect-error Type mismatch
-    ,
-    rowSelection: selection && _extends({}, selection, {
-      selections: selection == null || (_selection$selections = selection.selections) == null ? void 0 : _selection$selections.filter(Boolean),
-      columnWidth: 64,
-      renderCell: renderRowSelection
-    })
-  }));
+    }
+  );
 }
-export default DefaultTable;
+export {
+  DefaultTable as default
+};

package/dist/FilterTrigger/FilterTrigger.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './FilterTrigger.types';
+import { default as React } from 'react';
+import { Props } from './FilterTrigger.types';
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/dist/FilterTrigger/FilterTrigger.js

@@ -1,74 +1,49 @@
-import React from 'react';
-import Icon, { Close3S, FolderM } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { useOnClickOutside } from '@synerise/ds-utils';
-import * as S from './FilterTrigger.styles';
-var FilterTrigger = function FilterTrigger(_ref) {
-  var name = _ref.name,
-    selected = _ref.selected,
-    iconComponent = _ref.iconComponent,
-    _ref$tooltips = _ref.tooltips,
-    tooltips = _ref$tooltips === void 0 ? {
-      "default": 'Filter',
-      define: 'Define filter',
-      clear: 'Clear filter',
-      list: 'Saved filters'
-    } : _ref$tooltips,
-    openedLabel = _ref.openedLabel,
-    handleClear = _ref.handleClear,
-    showList = _ref.showList,
-    show = _ref.show,
-    disabled = _ref.disabled;
-  var _React$useState = React.useState(false),
-    opened = _React$useState[0],
-    setOpened = _React$useState[1];
-  React.useEffect(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Icon, { Close3S, FolderM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { useOnClickOutside } from "@synerise/ds-utils";
+import { FilterButtonGroup, FilterButton, FilterButtonLabel, ClearButton, ListButton } from "./FilterTrigger.styles.js";
+const FilterTrigger = ({
+  name,
+  selected,
+  iconComponent,
+  tooltips = {
+    default: "Filter",
+    define: "Define filter",
+    clear: "Clear filter",
+    list: "Saved filters"
+  },
+  openedLabel,
+  handleClear,
+  showList,
+  show,
+  disabled
+}) => {
+  const [opened, setOpened] = React.useState(false);
+  React.useEffect(() => {
     selected && setOpened(true);
   }, [selected, opened, setOpened]);
-  var handleOpen = React.useCallback(function () {
+  const handleOpen = React.useCallback(() => {
     setOpened(true);
   }, [setOpened]);
-  var ref = React.useRef(null);
-  useOnClickOutside(ref, function () {
+  const ref = React.useRef(null);
+  useOnClickOutside(ref, () => {
     !selected && setOpened(false);
   });
-  var triggerMode = opened ? 'icon-label' : 'single-icon';
-  var triggerType = opened ? 'tertiary' : 'ghost';
-  var triggerOnClick = opened ? show : handleOpen;
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(S.FilterButtonGroup, {
-    splitMode: true
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: (selected == null ? void 0 : selected.name) || tooltips.define
-  }, /*#__PURE__*/React.createElement(S.FilterButton, {
-    opened: opened,
-    selected: selected,
-    type: triggerType,
-    mode: triggerMode,
-    disabled: disabled,
-    onClick: triggerOnClick,
-    "data-testid": "filter-trigger-" + name
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: iconComponent
-  }), /*#__PURE__*/React.createElement(S.FilterButtonLabel, null, (selected == null ? void 0 : selected.name) || openedLabel))), selected && /*#__PURE__*/React.createElement(Tooltip, {
-    title: tooltips.clear
-  }, /*#__PURE__*/React.createElement(S.ClearButton, {
-    mode: "single-icon",
-    type: "tertiary",
-    onClick: handleClear,
-    "data-testid": "clear-button"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(Close3S, null)
-  }))), opened && /*#__PURE__*/React.createElement(Tooltip, {
-    title: tooltips.list
-  }, /*#__PURE__*/React.createElement(S.ListButton, {
-    mode: "single-icon",
-    type: "tertiary",
-    onClick: showList,
-    "data-testid": "show-list-button"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(FolderM, null)
-  })))));
+  const triggerMode = opened ? "icon-label" : "single-icon";
+  const triggerType = opened ? "tertiary" : "ghost";
+  const triggerOnClick = opened ? show : handleOpen;
+  return /* @__PURE__ */ jsx("span", { ref, children: /* @__PURE__ */ jsxs(FilterButtonGroup, { splitMode: true, children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: selected?.name || tooltips.define, children: /* @__PURE__ */ jsxs(FilterButton, { opened, selected, type: triggerType, mode: triggerMode, disabled, onClick: triggerOnClick, "data-testid": `filter-trigger-${name}`, children: [
+      /* @__PURE__ */ jsx(Icon, { component: iconComponent }),
+      /* @__PURE__ */ jsx(FilterButtonLabel, { children: selected?.name || openedLabel })
+    ] }) }),
+    selected && /* @__PURE__ */ jsx(Tooltip, { title: tooltips.clear, children: /* @__PURE__ */ jsx(ClearButton, { mode: "single-icon", type: "tertiary", onClick: handleClear, "data-testid": "clear-button", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(Close3S, {}) }) }) }),
+    opened && /* @__PURE__ */ jsx(Tooltip, { title: tooltips.list, children: /* @__PURE__ */ jsx(ListButton, { mode: "single-icon", type: "tertiary", onClick: showList, "data-testid": "show-list-button", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(FolderM, {}) }) }) })
+  ] }) });
+};
+const FilterTrigger$1 = React.memo(FilterTrigger);
+export {
+  FilterTrigger$1 as default
 };
-export default /*#__PURE__*/React.memo(FilterTrigger);

package/dist/FilterTrigger/FilterTrigger.styles.d.ts

@@ -1,89 +1,89 @@
-export declare const FilterButtonGroup: import("styled-components").StyledComponent<({ className, children, title, description, size, fullWidth, buttonsPosition, disabled, splitMode, compact, error, }: import("@synerise/ds-button-group").ButtonGroupProps) => React.JSX.Element, any, {}, never>;
-export declare const FilterButtonLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const FilterButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const FilterButtonGroup: import('styled-components').StyledComponent<({ className, children, title, description, size, fullWidth, buttonsPosition, disabled, splitMode, compact, error, }: import('@synerise/ds-button-group').ButtonGroupProps) => React.JSX.Element, any, {}, never>;
+export declare const FilterButtonLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const FilterButton: 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>, "onClick" | "type"> & {
+    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>, "onClick" | "type">>, "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, {
     opened: boolean;
     selected?: object;
 }, never>;
-export declare const ClearButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const ClearButton: 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>, "onClick" | "type"> & {
+    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>, "onClick" | "type">>, "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 ListButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const ListButton: 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>, "onClick" | "type"> & {
+    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>, "onClick" | "type">>, "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>;