@synerise/ds-table 1.9.10 → 1.9.12

package/dist/InfiniteScroll/InfiniteLoaderItem.types.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react';
+import { ReactElement } from 'react';
 export type LoaderItemPosition = 'TOP' | 'BOTTOM';
 export type InfiniteScrollState = {
     hasError: boolean;

package/dist/InfiniteScroll/InfiniteLoaderItem.types.js

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

package/dist/InfiniteScroll/LoadingItem.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const LoadingItem: () => React.JSX.Element;

package/dist/InfiniteScroll/LoadingItem.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { useTableLocaleContext } from '../utils/locale';
-import { Loader } from './InfiniteLoaderItem.styles';
-export var LoadingItem = function LoadingItem() {
-  var tableLocale = useTableLocaleContext();
-  return /*#__PURE__*/React.createElement(Loader, {
-    size: "M",
-    label: tableLocale.infiniteScrollLoading
-  });
-};
+import { jsx } from "react/jsx-runtime";
+import { useTableLocaleContext } from "../utils/locale.js";
+import { Loader } from "./InfiniteLoaderItem.styles.js";
+const LoadingItem = () => {
+  const tableLocale = useTableLocaleContext();
+  return /* @__PURE__ */ jsx(Loader, { size: "M", label: tableLocale.infiniteScrollLoading });
+};
+export {
+  LoadingItem
+};

package/dist/InfiniteScroll/NoMoreItem.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const NoMoreItem: () => React.JSX.Element;

package/dist/InfiniteScroll/NoMoreItem.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import Alert from '@synerise/ds-alert';
-import { useTableLocaleContext } from '../utils/locale';
-export var NoMoreItem = function NoMoreItem() {
-  var tableLocale = useTableLocaleContext();
-  return /*#__PURE__*/React.createElement(Alert.InlineAlert, {
-    type: "info",
-    message: tableLocale.infiniteScrollNoMoreData
-  });
-};
+import { jsx } from "react/jsx-runtime";
+import Alert from "@synerise/ds-alert";
+import { useTableLocaleContext } from "../utils/locale.js";
+const NoMoreItem = () => {
+  const tableLocale = useTableLocaleContext();
+  return /* @__PURE__ */ jsx(Alert.InlineAlert, { type: "info", message: tableLocale.infiniteScrollNoMoreData });
+};
+export {
+  NoMoreItem
+};

package/dist/InfiniteScroll/OuterListElement.d.ts

@@ -1,3 +1,3 @@
-import React, { type MutableRefObject } from 'react';
+import { default as React, MutableRefObject } from 'react';
 declare const OuterListElement: (containerRef: MutableRefObject<HTMLDivElement | null | undefined>, isSticky: boolean) => React.ForwardRefExoticComponent<React.HTMLAttributes<Element> & React.RefAttributes<HTMLDivElement>>;
 export default OuterListElement;

package/dist/InfiniteScroll/OuterListElement.js

@@ -1,60 +1,47 @@
-var _excluded = ["height"];
-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, { forwardRef, useCallback, useEffect, useState } from 'react';
-import Scrollbar from '@synerise/ds-scrollbar';
-var OuterListElement = function OuterListElement(containerRef, isSticky) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var onWheel = _ref.onWheel,
-      onScroll = _ref.onScroll,
-      children = _ref.children,
-      style = _ref.style;
-    var _useState = useState(null),
-      header = _useState[0],
-      setHeader = _useState[1];
-    useEffect(function () {
-      if (containerRef != null && containerRef.current) {
-        var headerElement = containerRef.current.querySelector('.ant-table-header');
-        headerElement && setHeader(headerElement);
-      }
-    }, []);
-    var onScrollHandler = useCallback(function (event) {
-      if (header) {
-        header.scrollTo({
-          left: event.currentTarget.scrollLeft
-        });
-      }
-      onScroll && onScroll(event);
-    }, [onScroll, header]);
-    var onWheelHandler = function onWheelHandler(event) {
-      if (header) {
-        var _event$currentTarget;
-        header.scrollTo({
-          left: (_event$currentTarget = event.currentTarget) == null || (_event$currentTarget = _event$currentTarget.parentElement) == null ? void 0 : _event$currentTarget.scrollLeft
-        });
-      }
-      onWheel && onWheel(event);
-    };
-    if (isSticky) {
-      // uses native browser scroll
-      var _ref2 = style || {},
-        height = _ref2.height,
-        rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-      return /*#__PURE__*/React.createElement("div", {
-        ref: ref,
-        onWheel: onWheelHandler,
-        "data-testid": "virtual-table-scrollable-window-sticky",
-        style: _extends({}, rest, {
-          maxHeight: height
-        })
-      }, children);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect, useCallback } from "react";
+import Scrollbar from "@synerise/ds-scrollbar";
+const OuterListElement = (containerRef, isSticky) => forwardRef(({
+  onWheel,
+  onScroll,
+  children,
+  style
+}, ref) => {
+  const [header, setHeader] = useState(null);
+  useEffect(() => {
+    if (containerRef?.current) {
+      const headerElement = containerRef.current.querySelector(".ant-table-header");
+      headerElement && setHeader(headerElement);
     }
-    return /*#__PURE__*/React.createElement(Scrollbar, {
-      ref: ref,
-      onScroll: onScrollHandler,
-      absolute: true,
-      maxHeight: style == null ? void 0 : style.height
-    }, children);
-  });
+  }, []);
+  const onScrollHandler = useCallback((event) => {
+    if (header) {
+      header.scrollTo({
+        left: event.currentTarget.scrollLeft
+      });
+    }
+    onScroll && onScroll(event);
+  }, [onScroll, header]);
+  const onWheelHandler = (event) => {
+    if (header) {
+      header.scrollTo({
+        left: event.currentTarget?.parentElement?.scrollLeft
+      });
+    }
+    onWheel && onWheel(event);
+  };
+  if (isSticky) {
+    const {
+      height,
+      ...rest
+    } = style || {};
+    return /* @__PURE__ */ jsx("div", { ref, onWheel: onWheelHandler, "data-testid": "virtual-table-scrollable-window-sticky", style: {
+      ...rest,
+      maxHeight: height
+    }, children });
+  }
+  return /* @__PURE__ */ jsx(Scrollbar, { ref, onScroll: onScrollHandler, absolute: true, maxHeight: style?.height, children });
+});
+export {
+  OuterListElement as default
 };
-export default OuterListElement;

package/dist/InfiniteScroll/constants.js

@@ -1 +1,4 @@
-export var infiniteLoaderItemHeight = 64;
+const infiniteLoaderItemHeight = 64;
+export {
+  infiniteLoaderItemHeight
+};

package/dist/InfiniteScroll/utils.d.ts

@@ -1,4 +1,4 @@
-import { type InfiniteScrollProps, type InfiniteScrollState } from './InfiniteLoaderItem.types';
+import { InfiniteScrollProps, InfiniteScrollState } from './InfiniteLoaderItem.types';
 export declare const infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollProps & InfiniteScrollState) => InfiniteScrollState;
 declare const _default: {
     infiniteScrollPropsToState: ({ hasError, hasMore, isLoading, }: InfiniteScrollProps & InfiniteScrollState) => InfiniteScrollState;

package/dist/InfiniteScroll/utils.js

@@ -1,13 +1,16 @@
-export var infiniteScrollPropsToState = function infiniteScrollPropsToState(_ref) {
-  var hasError = _ref.hasError,
-    hasMore = _ref.hasMore,
-    isLoading = _ref.isLoading;
-  return {
-    hasError: hasError,
-    hasMore: hasMore,
-    isLoading: isLoading
-  };
+const infiniteScrollPropsToState = ({
+  hasError,
+  hasMore,
+  isLoading
+}) => ({
+  hasError,
+  hasMore,
+  isLoading
+});
+const utils = {
+  infiniteScrollPropsToState
+};
+export {
+  utils as default,
+  infiniteScrollPropsToState
 };
-export default {
-  infiniteScrollPropsToState: infiniteScrollPropsToState
-};

package/dist/ItemsMenu/ItemsMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './ItemsMenu.types';
+import { default as React } from 'react';
+import { Props } from './ItemsMenu.types';
 declare const ItemsMenu: ({ children }: Props) => React.JSX.Element;
 export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import * as S from './ItemsMenu.styles';
-var ItemsMenu = function ItemsMenu(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(S.ItemsMenu, null, children);
+import { jsx } from "react/jsx-runtime";
+import { ItemsMenu as ItemsMenu$1 } from "./ItemsMenu.styles.js";
+const ItemsMenu = ({
+  children
+}) => /* @__PURE__ */ jsx(ItemsMenu$1, { children });
+export {
+  ItemsMenu as default
 };
-export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.styles.d.ts

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

package/dist/ItemsMenu/ItemsMenu.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var ItemsMenu = styled.div.withConfig({
+import styled from "styled-components";
+const ItemsMenu = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemsMenustyles__ItemsMenu",
   componentId: "sc-zmeifj-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;> *{margin-right:8px;}&:last-child{margin-right:0;}"]);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;> *{margin-right:8px;}&:last-child{margin-right:0;}"]);
+export {
+  ItemsMenu
+};

package/dist/ItemsMenu/ItemsMenu.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type Props = {
     children: ReactNode;
 };

package/dist/ItemsMenu/ItemsMenu.types.js

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

package/dist/RowSelection/RowSelectionColumn.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type RowType } from '../Table.types';
-import { type RowSelectionProps } from './RowSelectionColumn.types';
+import { default as React } from 'react';
+import { RowType } from '../Table.types';
+import { RowSelectionProps } from './RowSelectionColumn.types';
 export declare function RowSelectionColumn<T extends object & RowType<T>>({ rowKey, record, limit, independentSelectionExpandedRows, isGlobalAllSelected, selectedRowKeys, selectedRecords, tableLocale, onChange, checkRowSelectionStatus, childrenColumnName, getSelectionTooltipProps, }: RowSelectionProps<T>): React.JSX.Element | null;

package/dist/RowSelection/RowSelectionColumn.js

@@ -1,103 +1,99 @@
-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, { useCallback, useMemo } from 'react';
-import { Checkbox } from '@synerise/ds-button';
-import { useRowKey } from '../hooks/useRowKey';
-import { getRecordSelectionStatus, isRecordSelectable } from '../utils';
-export function RowSelectionColumn(_ref) {
-  var rowKey = _ref.rowKey,
-    record = _ref.record,
-    limit = _ref.limit,
-    independentSelectionExpandedRows = _ref.independentSelectionExpandedRows,
-    isGlobalAllSelected = _ref.isGlobalAllSelected,
-    selectedRowKeys = _ref.selectedRowKeys,
-    selectedRecords = _ref.selectedRecords,
-    tableLocale = _ref.tableLocale,
-    onChange = _ref.onChange,
-    checkRowSelectionStatus = _ref.checkRowSelectionStatus,
-    childrenColumnName = _ref.childrenColumnName,
-    getSelectionTooltipProps = _ref.getSelectionTooltipProps;
-  var _useRowKey = useRowKey(rowKey),
-    getRowKey = _useRowKey.getRowKey;
-  var recordKey = getRowKey(record);
-  var rowChildren = record[childrenColumnName];
-  var isSelectable = useCallback(function (item) {
-    return isRecordSelectable(item, checkRowSelectionStatus);
-  }, [checkRowSelectionStatus]);
-  var checkedChildren = useMemo(function () {
-    return (rowChildren == null ? void 0 : rowChildren.filter(function (child) {
-      var childKey = getRowKey(child);
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { Checkbox } from "@synerise/ds-button";
+import { useRowKey } from "../hooks/useRowKey/useRowKey.js";
+import "unit-to-px";
+import { getRecordSelectionStatus } from "../utils/getRecordSelectionStatus.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";
+function RowSelectionColumn({
+  rowKey,
+  record,
+  limit,
+  independentSelectionExpandedRows,
+  isGlobalAllSelected,
+  selectedRowKeys,
+  selectedRecords,
+  tableLocale,
+  onChange,
+  checkRowSelectionStatus,
+  childrenColumnName,
+  getSelectionTooltipProps
+}) {
+  const {
+    getRowKey
+  } = useRowKey(rowKey);
+  const recordKey = getRowKey(record);
+  const rowChildren = record[childrenColumnName];
+  const isSelectable = useCallback((item) => isRecordSelectable(item, checkRowSelectionStatus), [checkRowSelectionStatus]);
+  const checkedChildren = useMemo(() => {
+    return rowChildren?.filter((child) => {
+      const childKey = getRowKey(child);
       return childKey && selectedRowKeys.indexOf(childKey) >= 0 && isSelectable(child);
-    })) || [];
+    }) || [];
   }, [isSelectable, getRowKey, rowChildren, selectedRowKeys]);
-  var allChildrenSelected = useMemo(function () {
-    return !!(rowChildren != null && rowChildren.filter(isSelectable).every(function (child) {
-      var childKey = getRowKey(child);
-      return childKey && selectedRowKeys.indexOf(childKey) >= 0;
-    }));
-  }, [getRowKey, isSelectable, rowChildren, selectedRowKeys]);
-  var isIndeterminate = useMemo(function () {
+  const allChildrenSelected = useMemo(() => !!rowChildren?.filter(isSelectable).every((child) => {
+    const childKey = getRowKey(child);
+    return childKey && selectedRowKeys.indexOf(childKey) >= 0;
+  }), [getRowKey, isSelectable, rowChildren, selectedRowKeys]);
+  const isIndeterminate = useMemo(() => {
     if (Array.isArray(rowChildren) && !independentSelectionExpandedRows) {
-      var clickableChildren = rowChildren == null ? void 0 : rowChildren.filter(isSelectable);
+      const clickableChildren = rowChildren?.filter(isSelectable);
       return checkedChildren.length > 0 && checkedChildren.length < (clickableChildren.length || 0);
     }
     return false;
   }, [checkedChildren.length, independentSelectionExpandedRows, isSelectable, rowChildren]);
-  var isChecked = useMemo(function () {
+  const isChecked = useMemo(() => {
+    const isRecordChecked = recordKey !== void 0 && selectedRowKeys && selectedRowKeys.indexOf(recordKey) >= 0;
     if (Array.isArray(rowChildren) && !independentSelectionExpandedRows) {
-      return isChecked || allChildrenSelected;
+      return isRecordChecked || allChildrenSelected;
     }
-    return recordKey !== undefined && selectedRowKeys && selectedRowKeys.indexOf(recordKey) >= 0;
+    return isRecordChecked;
   }, [allChildrenSelected, independentSelectionExpandedRows, rowChildren, recordKey, selectedRowKeys]);
-  var handleSelectionChange = useCallback(function (isCheckedNext, changedRecord) {
-    var selectedRows = selectedRecords;
-    var changedRecordChildren = changedRecord[childrenColumnName];
+  const handleSelectionChange = useCallback((isCheckedNext, changedRecord) => {
+    let selectedRows = selectedRecords;
+    const changedRecordChildren = changedRecord[childrenColumnName];
     if (isCheckedNext) {
       if (Array.isArray(changedRecordChildren) && !independentSelectionExpandedRows) {
-        var clickableChildren = changedRecordChildren.filter(isSelectable);
-        selectedRows = [].concat(selectedRows, clickableChildren);
+        const clickableChildren = changedRecordChildren.filter(isSelectable);
+        selectedRows = [...selectedRows, ...clickableChildren];
       } else {
-        selectedRows = [].concat(selectedRows, [changedRecord]);
+        selectedRows = [...selectedRows, changedRecord];
       }
     } else if (Array.isArray(changedRecordChildren) && !independentSelectionExpandedRows) {
-      var childrenKeys = changedRecordChildren.filter(isSelectable).map(function (child) {
-        return getRowKey(child);
-      });
-      selectedRows = selectedRows.filter(function (child) {
-        return childrenKeys.indexOf(getRowKey(child)) < 0;
-      });
+      const childrenKeys = changedRecordChildren.filter(isSelectable).map((child) => getRowKey(child));
+      selectedRows = selectedRows.filter((child) => childrenKeys.indexOf(getRowKey(child)) < 0);
     } else {
-      selectedRows = selectedRows.filter(function (row) {
-        return getRowKey(row) !== recordKey;
-      });
+      selectedRows = selectedRows.filter((row) => getRowKey(row) !== recordKey);
     }
     selectedRows = Array.from(new Set(selectedRows));
-    onChange && onChange(selectedRows.reduce(function (acc, current) {
-      var key = getRowKey(current);
-      if (key !== undefined) {
-        return [].concat(acc, [key]);
+    onChange && onChange(selectedRows.reduce((acc, current) => {
+      const key = getRowKey(current);
+      if (key !== void 0) {
+        return [...acc, key];
       }
       return acc;
     }, []), selectedRows);
   }, [getRowKey, independentSelectionExpandedRows, isSelectable, onChange, recordKey, selectedRecords, childrenColumnName]);
-  var _getRecordSelectionSt = getRecordSelectionStatus(checkRowSelectionStatus, record),
-    unavailable = _getRecordSelectionSt.unavailable,
-    disabled = _getRecordSelectionSt.disabled;
-  var disabledProp = isGlobalAllSelected || !isChecked && Boolean(limit !== undefined && limit <= selectedRowKeys.length) || disabled;
-  var recordTooltip = getSelectionTooltipProps == null ? void 0 : getSelectionTooltipProps(record);
-  return recordKey !== undefined && !unavailable ? /*#__PURE__*/React.createElement(Checkbox, {
-    key: "checkbox-" + recordKey,
-    "data-testid": "ds-table-selection-button",
-    checked: isGlobalAllSelected || isChecked,
-    disabled: disabledProp,
-    indeterminate: isIndeterminate,
-    onClick: function onClick(event) {
-      event.stopPropagation();
-    },
-    onChange: function onChange(isCheckedNext) {
-      return !isGlobalAllSelected && handleSelectionChange(isCheckedNext, record);
-    },
-    tooltipProps: _extends({
-      title: tableLocale == null ? void 0 : tableLocale.selectRowTooltip
-    }, recordTooltip)
-  }) : null;
-}
+  const {
+    unavailable,
+    disabled
+  } = getRecordSelectionStatus(checkRowSelectionStatus, record);
+  const disabledProp = isGlobalAllSelected || !isChecked && Boolean(limit !== void 0 && limit <= selectedRowKeys.length) || disabled;
+  const recordTooltip = getSelectionTooltipProps?.(record);
+  return recordKey !== void 0 && !unavailable ? /* @__PURE__ */ jsx(Checkbox, { "data-testid": "ds-table-selection-button", checked: isGlobalAllSelected || isChecked, disabled: disabledProp, indeterminate: isIndeterminate, onClick: (event) => {
+    event.stopPropagation();
+  }, onChange: (isCheckedNext) => !isGlobalAllSelected && handleSelectionChange(isCheckedNext, record), tooltipProps: {
+    title: tableLocale?.selectRowTooltip,
+    ...recordTooltip
+  } }, `checkbox-${recordKey}`) : null;
+}
+export {
+  RowSelectionColumn
+};

package/dist/RowSelection/RowSelectionColumn.types.d.ts

@@ -1,6 +1,6 @@
-import { type TableProps } from 'rc-table/lib/Table';
-import type { Key } from 'react';
-import { type DSTableProps, type RowSelection } from '../Table.types';
+import { TableProps } from 'rc-table/lib/Table';
+import { Key } from 'react';
+import { DSTableProps, RowSelection } from '../Table.types';
 export type RowSelectionProps<T> = {
     rowKey: TableProps<T>['rowKey'];
     independentSelectionExpandedRows?: boolean;

package/dist/RowSelection/RowSelectionColumn.types.js

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

package/dist/RowSelection/index.js

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

package/dist/Table.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type DSTableProps } from './Table.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { DSTableProps } from './Table.types';
 declare const DSTable: {
     <T extends object>(props: DSTableProps<T>): React.JSX.Element;
     SELECTION_ALL: string;