@synerise/ds-table 1.9.11 → 1.9.12

package/dist/TableHeader/TableHeader.js

@@ -1,134 +1,96 @@
-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 React, { useMemo } from 'react';
-import { useDataFormat } from '@synerise/ds-core';
-import FilterTrigger from '../FilterTrigger/FilterTrigger';
-import * as S from '../Table.styles';
-import { TableLimit } from './TableLimit';
-import TableSelection from './TableSelection';
-var TableHeader = function TableHeader(_ref) {
-  var _selection$globalSele2;
-  var title = _ref.title,
-    filters = _ref.filters,
-    searchComponent = _ref.searchComponent,
-    filterComponent = _ref.filterComponent,
-    selectedRows = _ref.selectedRows,
-    itemsMenu = _ref.itemsMenu,
-    selection = _ref.selection,
-    _ref$dataSource = _ref.dataSource,
-    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
-    dataSourceFull = _ref.dataSourceFull,
-    dataSourceTotalCount = _ref.dataSourceTotalCount,
-    isCounterLoading = _ref.isCounterLoading,
-    rowKey = _ref.rowKey,
-    withBorderTop = _ref.withBorderTop,
-    headerButton = _ref.headerButton,
-    locale = _ref.locale,
-    renderSelectionTitle = _ref.renderSelectionTitle,
-    renderCustomCounter = _ref.renderCustomCounter,
-    hideTitlePart = _ref.hideTitlePart,
-    childrenColumnName = _ref.childrenColumnName,
-    isLoading = _ref.isLoading;
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue;
-  var hasSelectedItems = useMemo(function () {
-    var _selection$globalSele;
-    return selectedRows && selectedRows > 0 || (selection == null || (_selection$globalSele = selection.globalSelection) == null ? void 0 : _selection$globalSele.isSelected);
-  }, [selectedRows, selection == null || (_selection$globalSele2 = selection.globalSelection) == null ? void 0 : _selection$globalSele2.isSelected]);
-  var renderLeftSide = useMemo(function () {
-    var _locale$pagination;
-    var tableTotal = dataSourceTotalCount || dataSource.length;
-    var _ref2 = selection || {},
-      hideSelectAll = _ref2.hideSelectAll;
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useDataFormat } from "@synerise/ds-core";
+import FilterTrigger from "../FilterTrigger/FilterTrigger.js";
+import { Left, TitleContainer, Skeleton, TitlePart, TitlePartEllipsis, TitleSeparator, Header, Right, RightSideWrapper } from "../Table.styles.js";
+import { TableLimit } from "./TableLimit/TableLimit.js";
+import TableSelection from "./TableSelection.js";
+const TableHeader = ({
+  title,
+  filters,
+  searchComponent,
+  filterComponent,
+  selectedRows,
+  itemsMenu,
+  selection,
+  dataSource = [],
+  dataSourceFull,
+  dataSourceTotalCount,
+  isCounterLoading,
+  rowKey,
+  withBorderTop,
+  headerButton,
+  locale,
+  renderSelectionTitle,
+  renderCustomCounter,
+  hideTitlePart,
+  childrenColumnName,
+  isLoading
+}) => {
+  const {
+    formatValue
+  } = useDataFormat();
+  const hasSelectedItems = useMemo(() => selectedRows && selectedRows > 0 || selection?.globalSelection?.isSelected, [selectedRows, selection?.globalSelection?.isSelected]);
+  const renderLeftSide = useMemo(() => {
+    const tableTotal = dataSourceTotalCount || dataSource.length;
+    const {
+      hideSelectAll
+    } = selection || {};
     if (selection && selection.limit) {
-      return /*#__PURE__*/React.createElement(S.Left, {
-        "data-testid": "ds-table-selection"
-      }, selection && !hideSelectAll && /*#__PURE__*/React.createElement(TableSelection, {
-        rowKey: rowKey,
-        dataSource: dataSource,
-        dataSourceFull: dataSourceFull,
-        selection: selection,
-        locale: locale,
-        hasSelectionLimit: true,
-        childrenColumnName: childrenColumnName
-      }), /*#__PURE__*/React.createElement(TableLimit, {
-        total: tableTotal,
-        selection: _extends({}, selection, {
+      return /* @__PURE__ */ jsxs(Left, { "data-testid": "ds-table-selection", children: [
+        selection && !hideSelectAll && /* @__PURE__ */ jsx(TableSelection, { rowKey, dataSource, dataSourceFull, selection, locale, hasSelectionLimit: true, childrenColumnName }),
+        /* @__PURE__ */ jsx(TableLimit, { total: tableTotal, selection: {
+          ...selection,
           limit: selection.limit
-        }),
-        itemsMenu: itemsMenu,
-        locale: locale,
-        renderCustomCounter: renderCustomCounter,
-        isCounterLoading: isCounterLoading
-      }));
+        }, itemsMenu, locale, renderCustomCounter, isCounterLoading })
+      ] });
     }
-    var selectedItemsCount = selectedRows || tableTotal;
-    var counterContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, formatValue(tableTotal)), /*#__PURE__*/React.createElement("span", null, locale == null || (_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items));
-    return hasSelectedItems ? /*#__PURE__*/React.createElement(S.Left, {
-      "data-testid": "ds-table-selection"
-    }, selection && !hideSelectAll && /*#__PURE__*/React.createElement(TableSelection, {
-      rowKey: rowKey,
-      dataSource: dataSource,
-      dataSourceFull: dataSourceFull,
-      selection: selection,
-      locale: locale,
-      childrenColumnName: childrenColumnName
-    }), renderSelectionTitle ? /*#__PURE__*/React.createElement(React.Fragment, null, renderSelectionTitle(selection, filters)) : /*#__PURE__*/React.createElement(S.TitleContainer, null, isCounterLoading ? /*#__PURE__*/React.createElement(S.Skeleton, {
-      numberOfSkeletons: 1,
-      size: "S",
-      skeletonWidth: "100px"
-    }) : /*#__PURE__*/React.createElement(S.TitlePart, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedItemsCount)), ' ', /*#__PURE__*/React.createElement("span", null, locale.selected))), itemsMenu) : /*#__PURE__*/React.createElement(S.Left, {
-      "data-testid": "ds-table-title"
-    }, selection && !isLoading && !hideSelectAll && /*#__PURE__*/React.createElement(TableSelection, {
-      rowKey: rowKey,
-      dataSource: dataSource,
-      dataSourceFull: dataSourceFull,
-      selection: selection,
-      locale: locale,
-      childrenColumnName: childrenColumnName
-    }), /*#__PURE__*/React.createElement(S.TitleContainer, null, isLoading && /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '100px'
-      }
-    }, /*#__PURE__*/React.createElement(S.Skeleton, {
-      width: "L",
-      numberOfSkeletons: 1,
-      skeletonWidth: "100px"
-    })), !isLoading && title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.TitlePartEllipsis, {
-      ellipsis: {
-        tooltipProps: {
-          description: /*#__PURE__*/React.createElement(React.Fragment, null, title),
-          type: 'largeSimple',
-          offset: 'small'
-        }
-      }
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, title)), !hideTitlePart && /*#__PURE__*/React.createElement(S.TitleSeparator, null)), !isLoading && !hideTitlePart && /*#__PURE__*/React.createElement(S.TitlePart, null, isCounterLoading ? /*#__PURE__*/React.createElement(S.Skeleton, {
-      numberOfSkeletons: 1,
-      size: "S",
-      skeletonWidth: "100px"
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, renderCustomCounter ? renderCustomCounter({
-      count: tableTotal,
-      content: counterContent
-    }) : counterContent))));
+    const selectedItemsCount = selectedRows || tableTotal;
+    const counterContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("strong", { children: formatValue(tableTotal) }),
+      /* @__PURE__ */ jsx("span", { children: locale?.pagination?.items })
+    ] });
+    return hasSelectedItems ? /* @__PURE__ */ jsxs(Left, { "data-testid": "ds-table-selection", children: [
+      selection && !hideSelectAll && /* @__PURE__ */ jsx(TableSelection, { rowKey, dataSource, dataSourceFull, selection, locale, childrenColumnName }),
+      renderSelectionTitle ? /* @__PURE__ */ jsx(Fragment, { children: renderSelectionTitle(selection, filters) }) : /* @__PURE__ */ jsx(TitleContainer, { children: isCounterLoading ? /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "S", skeletonWidth: "100px" }) : /* @__PURE__ */ jsxs(TitlePart, { children: [
+        /* @__PURE__ */ jsx("strong", { children: formatValue(selectedItemsCount) }),
+        " ",
+        /* @__PURE__ */ jsx("span", { children: locale.selected })
+      ] }) }),
+      itemsMenu
+    ] }) : /* @__PURE__ */ jsxs(Left, { "data-testid": "ds-table-title", children: [
+      selection && !isLoading && !hideSelectAll && /* @__PURE__ */ jsx(TableSelection, { rowKey, dataSource, dataSourceFull, selection, locale, childrenColumnName }),
+      /* @__PURE__ */ jsxs(TitleContainer, { children: [
+        isLoading && /* @__PURE__ */ jsx("div", { style: {
+          width: "100px"
+        }, children: /* @__PURE__ */ jsx(Skeleton, { width: "L", numberOfSkeletons: 1, skeletonWidth: "100px" }) }),
+        !isLoading && title && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(TitlePartEllipsis, { ellipsis: {
+            tooltipProps: {
+              description: /* @__PURE__ */ jsx(Fragment, { children: title }),
+              type: "largeSimple",
+              offset: "small"
+            }
+          }, children: /* @__PURE__ */ jsx(Fragment, { children: title }) }),
+          !hideTitlePart && /* @__PURE__ */ jsx(TitleSeparator, {})
+        ] }),
+        !isLoading && !hideTitlePart && /* @__PURE__ */ jsx(TitlePart, { children: isCounterLoading ? /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "S", skeletonWidth: "100px" }) : /* @__PURE__ */ jsx(Fragment, { children: renderCustomCounter ? renderCustomCounter({
+          count: tableTotal,
+          content: counterContent
+        }) : counterContent }) })
+      ] })
+    ] });
   }, [selection, selectedRows, dataSourceTotalCount, dataSource, hasSelectedItems, rowKey, dataSourceFull, locale, childrenColumnName, renderSelectionTitle, filters, isCounterLoading, renderCustomCounter, formatValue, itemsMenu, isLoading, title, hideTitlePart]);
-  return /*#__PURE__*/React.createElement(S.Header, {
-    withBorderTop: withBorderTop
-  }, renderLeftSide, /*#__PURE__*/React.createElement(S.Right, null, headerButton, filters == null ? void 0 : filters.map(function (filter) {
-    return /*#__PURE__*/React.createElement(FilterTrigger, {
-      key: filter.key,
-      name: filter.key,
-      iconComponent: filter.icon,
-      tooltips: filter.tooltips,
-      openedLabel: filter.openedLabel,
-      handleClear: filter.handleClear,
-      show: filter.show,
-      showList: filter.showList,
-      selected: filter.selected,
-      disabled: filter.disabled
-    });
-  }), filterComponent && /*#__PURE__*/React.createElement(S.RightSideWrapper, {
-    "data-testid": "ds-table-filter-wrapper"
-  }, filterComponent), searchComponent && /*#__PURE__*/React.createElement(S.RightSideWrapper, {
-    "data-testid": "ds-table-search-wrapper"
-  }, searchComponent)));
+  return /* @__PURE__ */ jsxs(Header, { withBorderTop, children: [
+    renderLeftSide,
+    /* @__PURE__ */ jsxs(Right, { children: [
+      headerButton,
+      filters?.map((filter) => /* @__PURE__ */ jsx(FilterTrigger, { name: filter.key, iconComponent: filter.icon, tooltips: filter.tooltips, openedLabel: filter.openedLabel, handleClear: filter.handleClear, show: filter.show, showList: filter.showList, selected: filter.selected, disabled: filter.disabled }, filter.key)),
+      filterComponent && /* @__PURE__ */ jsx(RightSideWrapper, { "data-testid": "ds-table-filter-wrapper", children: filterComponent }),
+      searchComponent && /* @__PURE__ */ jsx(RightSideWrapper, { "data-testid": "ds-table-search-wrapper", children: searchComponent })
+    ] })
+  ] });
+};
+export {
+  TableHeader as default
 };
-export default TableHeader;

package/dist/TableHeader/TableHeader.types.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type CustomCounterFn, type Filter, type Locale, type RowSelection } from '../Table.types';
+import { ReactNode } from 'react';
+import { CustomCounterFn, Filter, Locale, RowSelection } from '../Table.types';
 export type Props<T extends object> = {
     title?: ReactNode | (() => ReactNode);
     filters?: Filter[];

package/dist/TableHeader/TableHeader.types.js

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

package/dist/TableHeader/TableLimit/TableLimit.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type TableLimitProps } from './TableLimit.types';
+import { default as React } from 'react';
+import { TableLimitProps } from './TableLimit.types';
 export declare function TableLimit<T extends {
     children?: T[];
 }>({ total, locale, itemsMenu, selection, isCounterLoading, renderCustomCounter, }: TableLimitProps<T>): React.JSX.Element;

package/dist/TableHeader/TableLimit/TableLimit.js

@@ -1,39 +1,47 @@
-import React, { useMemo } from 'react';
-import Alert from '@synerise/ds-alert';
-import { useDataFormat } from '@synerise/ds-core';
-import { Skeleton } from '../../Table.styles';
-import * as S from './TableLimit.styles';
-export function TableLimit(_ref) {
-  var total = _ref.total,
-    locale = _ref.locale,
-    itemsMenu = _ref.itemsMenu,
-    selection = _ref.selection,
-    isCounterLoading = _ref.isCounterLoading,
-    renderCustomCounter = _ref.renderCustomCounter;
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue;
-  var selectedRowKeys = selection.selectedRowKeys,
-    limit = selection.limit;
-  var selectedRows = useMemo(function () {
-    return selectedRowKeys.length || 0;
-  }, [selectedRowKeys]);
-  var limitReachedInfo = useMemo(function () {
-    return limit <= selectedRows && /*#__PURE__*/React.createElement(S.Alert, null, /*#__PURE__*/React.createElement(Alert.InlineAlert, {
-      type: "warning",
-      message: locale.selectionLimitWarning
-    }));
-  }, [locale, selectedRows, limit]);
-  var selected = useMemo(function () {
-    var _locale$pagination;
-    var counterContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, formatValue(total)), " ", (_locale$pagination = locale.pagination) == null ? void 0 : _locale$pagination.items);
-    return selectedRows > 0 ? /*#__PURE__*/React.createElement(S.Title, null, /*#__PURE__*/React.createElement("strong", null, formatValue(selectedRows) + " / " + formatValue(limit)), ' ', locale.selected) : /*#__PURE__*/React.createElement(S.Title, null, isCounterLoading ? /*#__PURE__*/React.createElement(Skeleton, {
-      numberOfSkeletons: 1,
-      size: "S",
-      skeletonWidth: "100px"
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, renderCustomCounter ? renderCustomCounter({
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Alert$1 from "@synerise/ds-alert";
+import { useDataFormat } from "@synerise/ds-core";
+import { Skeleton } from "../../Table.styles.js";
+import { Alert, Title, TableLimit as TableLimit$1, ItemsMenu } from "./TableLimit.styles.js";
+function TableLimit({
+  total,
+  locale,
+  itemsMenu,
+  selection,
+  isCounterLoading,
+  renderCustomCounter
+}) {
+  const {
+    formatValue
+  } = useDataFormat();
+  const {
+    selectedRowKeys,
+    limit
+  } = selection;
+  const selectedRows = useMemo(() => selectedRowKeys.length || 0, [selectedRowKeys]);
+  const limitReachedInfo = useMemo(() => limit <= selectedRows && /* @__PURE__ */ jsx(Alert, { children: /* @__PURE__ */ jsx(Alert$1.InlineAlert, { type: "warning", message: locale.selectionLimitWarning }) }), [locale, selectedRows, limit]);
+  const selected = useMemo(() => {
+    const counterContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("strong", { children: formatValue(total) }),
+      " ",
+      locale.pagination?.items
+    ] });
+    return selectedRows > 0 ? /* @__PURE__ */ jsxs(Title, { children: [
+      /* @__PURE__ */ jsx("strong", { children: `${formatValue(selectedRows)} / ${formatValue(limit)}` }),
+      " ",
+      locale.selected
+    ] }) : /* @__PURE__ */ jsx(Title, { children: isCounterLoading ? /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "S", skeletonWidth: "100px" }) : /* @__PURE__ */ jsx(Fragment, { children: renderCustomCounter ? renderCustomCounter({
       count: total,
       content: counterContent
-    }) : counterContent));
+    }) : counterContent }) });
   }, [formatValue, renderCustomCounter, limit, locale.pagination, locale.selected, isCounterLoading, selectedRows, total]);
-  return /*#__PURE__*/React.createElement(S.TableLimit, null, selected, limitReachedInfo, selectedRows > 0 && /*#__PURE__*/React.createElement(S.ItemsMenu, null, itemsMenu));
-}
+  return /* @__PURE__ */ jsxs(TableLimit$1, { children: [
+    selected,
+    limitReachedInfo,
+    selectedRows > 0 && /* @__PURE__ */ jsx(ItemsMenu, { children: itemsMenu })
+  ] });
+}
+export {
+  TableLimit
+};

package/dist/TableHeader/TableLimit/TableLimit.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const TableLimit: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Alert: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemsMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableLimit: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Alert: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ItemsMenu: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/TableHeader/TableLimit/TableLimit.styles.js

@@ -1,22 +1,24 @@
-import styled from 'styled-components';
-import { macro } from '@synerise/ds-typography';
-export var TableLimit = styled.div.withConfig({
+import styled from "styled-components";
+import { macro } from "@synerise/ds-typography";
+const TableLimit = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TableLimitstyles__TableLimit",
   componentId: "sc-8y43k7-0"
 })(["display:flex;align-items:center;justify-content:flex-start;"]);
-export var Title = styled.div.withConfig({
+const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TableLimitstyles__Title",
   componentId: "sc-8y43k7-1"
-})(["", ";color:", ";strong{font-weight:500;}display:flex;align-items:center;gap:4px;"], macro.small, function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var Alert = styled.div.withConfig({
+})(["", ";color:", ";strong{font-weight:500;}display:flex;align-items:center;gap:4px;"], macro.small, (props) => props.theme.palette["grey-700"]);
+const Alert = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TableLimitstyles__Alert",
   componentId: "sc-8y43k7-2"
-})(["position:relative;padding-left:16px;margin-left:16px;&::before{position:absolute;top:4px;left:0;content:'';display:flex;width:1px;height:16px;background:", ";}"], function (props) {
-  return props.theme.palette['grey-200'];
-});
-export var ItemsMenu = styled.div.withConfig({
+})(["position:relative;padding-left:16px;margin-left:16px;&::before{position:absolute;top:4px;left:0;content:'';display:flex;width:1px;height:16px;background:", ";}"], (props) => props.theme.palette["grey-200"]);
+const ItemsMenu = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TableLimitstyles__ItemsMenu",
   componentId: "sc-8y43k7-3"
-})(["padding-left:24px;"]);
+})(["padding-left:24px;"]);
+export {
+  Alert,
+  ItemsMenu,
+  TableLimit,
+  Title
+};

package/dist/TableHeader/TableLimit/TableLimit.types.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-import type { RequiredProps } from '@synerise/ds-utils';
-import { type CustomCounterFn, type Locale, type RowSelection } from '../../Table.types';
+import { ReactNode } from 'react';
+import { RequiredProps } from '@synerise/ds-utils';
+import { CustomCounterFn, Locale, RowSelection } from '../../Table.types';
 export type TableLimitProps<T extends object> = {
     selection: RequiredProps<RowSelection<T>, 'limit'>;
     total: number;

package/dist/TableHeader/TableLimit/TableLimit.types.js

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

package/dist/TableHeader/TableLimit/index.js

@@ -1,2 +1,4 @@
-export * from './TableLimit.types';
-export * from './TableLimit';
+import { TableLimit } from "./TableLimit.js";
+export {
+  TableLimit
+};

package/dist/TableHeader/TableSelection.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { TableSelectionProps } from './TableSelection.types';
+import { default as React } from 'react';
+import { TableSelectionProps } from './TableSelection.types';
 declare const TableSelection: <T extends {
     children?: T[];
 }>({ dataSource, dataSourceFull, selection, rowKey, locale, hasSelectionLimit, childrenColumnName, }: TableSelectionProps<T>) => React.JSX.Element | null;