@synerise/ds-table 1.9.11 → 1.9.13

package/dist/utils/getSkeletonProps.js

@@ -1,37 +1,27 @@
-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 from 'react';
-import * as S from '../Table.styles';
-import { DEFAULT_ROW_COUNT, HEADER_HEIGHT, ROW_HEIGHT, SUBHEADER_HEIGHT, getDefaultSkeletonColumns } from '../constants/TableSkeleton.constants';
-var getRowCount = function getRowCount(headerHeight, subheaderHeight, cellHeight, maxHeight) {
+import { jsx } from "react/jsx-runtime";
+import { TableSkeletonCell, Skeleton } from "../Table.styles.js";
+import { ROW_HEIGHT, HEADER_HEIGHT, SUBHEADER_HEIGHT, getDefaultSkeletonColumns, DEFAULT_ROW_COUNT } from "../constants/TableSkeleton.constants.js";
+const getRowCount = (headerHeight, subheaderHeight, cellHeight, maxHeight) => {
   if (!maxHeight) {
     return DEFAULT_ROW_COUNT;
   }
   return Math.floor((maxHeight - (headerHeight + subheaderHeight)) / cellHeight);
 };
-export var getSkeletonProps = function getSkeletonProps(skeletonProps, columns) {
-  var _ref = skeletonProps || {},
-    _ref$cellHeight = _ref.cellHeight,
-    cellHeight = _ref$cellHeight === void 0 ? ROW_HEIGHT : _ref$cellHeight,
-    _ref$headerHeight = _ref.headerHeight,
-    headerHeight = _ref$headerHeight === void 0 ? HEADER_HEIGHT : _ref$headerHeight,
-    _ref$subheaderHeight = _ref.subheaderHeight,
-    subheaderHeight = _ref$subheaderHeight === void 0 ? SUBHEADER_HEIGHT : _ref$subheaderHeight,
-    maxHeight = _ref.maxHeight;
-  var rowCount = getRowCount(headerHeight, subheaderHeight, cellHeight, maxHeight);
-  var skeletonColumns = columns != null && columns.length ? columns.map(function (column) {
-    return _extends({}, column, {
-      render: function render() {
-        return /*#__PURE__*/React.createElement(S.TableSkeletonCell, {
-          width: "50%",
-          height: cellHeight
-        }, /*#__PURE__*/React.createElement(S.Skeleton, {
-          numberOfSkeletons: 1,
-          size: "M"
-        }));
-      }
-    });
-  }) : getDefaultSkeletonColumns(cellHeight);
-  var skeletonSource = Array.from({
+const getSkeletonProps = (skeletonProps, columns) => {
+  const {
+    cellHeight = ROW_HEIGHT,
+    headerHeight = HEADER_HEIGHT,
+    subheaderHeight = SUBHEADER_HEIGHT,
+    maxHeight
+  } = skeletonProps || {};
+  const rowCount = getRowCount(headerHeight, subheaderHeight, cellHeight, maxHeight);
+  const skeletonColumns = columns?.length ? columns.map((column) => ({
+    ...column,
+    render: () => {
+      return /* @__PURE__ */ jsx(TableSkeletonCell, { width: "50%", height: cellHeight, children: /* @__PURE__ */ jsx(Skeleton, { numberOfSkeletons: 1, size: "M" }) });
+    }
+  })) : getDefaultSkeletonColumns(cellHeight);
+  const skeletonSource = Array.from({
     length: rowCount
   }).fill({});
   return {
@@ -39,14 +29,14 @@ export var getSkeletonProps = function getSkeletonProps(skeletonProps, columns)
     dataSource: skeletonSource,
     components: {
       body: {
-        cell: function cell(_ref2) {
-          var children = _ref2.children;
-          return /*#__PURE__*/React.createElement("td", {
-            className: "ant-table-cell ds-table-skeleton-cell"
-          }, children);
-        }
+        cell: ({
+          children
+        }) => /* @__PURE__ */ jsx("td", { className: "ant-table-cell ds-table-skeleton-cell", children })
       }
     },
     pagination: false
   };
-};
+};
+export {
+  getSkeletonProps
+};

package/dist/utils/getValueFromPath.js

@@ -1,10 +1,13 @@
-import { path } from 'ramda';
-export var getValueFromPath = function getValueFromPath(object, valuePath) {
-  if (typeof valuePath === 'string') {
+import { path } from "ramda";
+const getValueFromPath = (object, valuePath) => {
+  if (typeof valuePath === "string") {
     return object[valuePath];
   }
   if (Array.isArray(valuePath)) {
-    return path(valuePath, object) || '';
+    return path(valuePath, object) || "";
   }
-  return '';
-};
+  return "";
+};
+export {
+  getValueFromPath
+};

package/dist/utils/index.js

@@ -1,9 +1,23 @@
-export * from './calculateColumnWidths';
-export * from './calculatePixels';
-export * from './getChildrenColumnName';
-export * from './getRecordSelectionStatus';
-export * from './getSkeletonProps';
-export * from './getValueFromPath';
-export * from './isGrouped';
-export * from './isRecordSelectable';
-export * from './locale';
+import { calculateColumnWidths } from "./calculateColumnWidths.js";
+import { calculatePixels } from "./calculatePixels.js";
+import { getChildrenColumnName } from "./getChildrenColumnName.js";
+import { getRecordSelectionStatus } from "./getRecordSelectionStatus.js";
+import { getSkeletonProps } from "./getSkeletonProps.js";
+import { getValueFromPath } from "./getValueFromPath.js";
+import { isGrouped } from "./isGrouped.js";
+import { isRecordSelectable } from "./isRecordSelectable.js";
+import { TableLocaleContext, getDefaultLocale, useTableLocale, useTableLocaleContext } from "./locale.js";
+export {
+  TableLocaleContext,
+  calculateColumnWidths,
+  calculatePixels,
+  getChildrenColumnName,
+  getDefaultLocale,
+  getRecordSelectionStatus,
+  getSkeletonProps,
+  getValueFromPath,
+  isGrouped,
+  isRecordSelectable,
+  useTableLocale,
+  useTableLocaleContext
+};

package/dist/utils/isGrouped.d.ts

@@ -1,2 +1,2 @@
-import type { GroupType } from '../GroupTable/GroupTable.types';
+import { GroupType } from '../GroupTable/GroupTable.types';
 export declare const isGrouped: <T extends object>(dataSource?: readonly T[] | GroupType<T>[]) => dataSource is GroupType<T>[];

package/dist/utils/isGrouped.js

@@ -1,3 +1,6 @@
-export var isGrouped = function isGrouped(dataSource) {
-  return !!(dataSource != null && dataSource.length && 'rows' in dataSource[0]);
-};
+const isGrouped = (dataSource) => {
+  return !!(dataSource?.length && "rows" in dataSource[0]);
+};
+export {
+  isGrouped
+};

package/dist/utils/isRecordSelectable.d.ts

@@ -1,2 +1,2 @@
-import type { RowSelection } from '../Table.types';
+import { RowSelection } from '../Table.types';
 export declare const isRecordSelectable: <T>(record: T, checkRowSelectionStatus?: RowSelection<T>["checkRowSelectionStatus"]) => boolean;

package/dist/utils/isRecordSelectable.js

@@ -1,10 +1,14 @@
-import { getRecordSelectionStatus } from './getRecordSelectionStatus';
-export var isRecordSelectable = function isRecordSelectable(record, checkRowSelectionStatus) {
+import { getRecordSelectionStatus } from "./getRecordSelectionStatus.js";
+const isRecordSelectable = (record, checkRowSelectionStatus) => {
   if (!checkRowSelectionStatus) {
     return true;
   }
-  var _getRecordSelectionSt = getRecordSelectionStatus(checkRowSelectionStatus, record),
-    unavailable = _getRecordSelectionSt.unavailable,
-    disabled = _getRecordSelectionSt.disabled;
+  const {
+    unavailable,
+    disabled
+  } = getRecordSelectionStatus(checkRowSelectionStatus, record);
   return !(unavailable || disabled);
-};
+};
+export {
+  isRecordSelectable
+};

package/dist/utils/locale.d.ts

@@ -1,6 +1,6 @@
-import { type IntlShape } from 'react-intl';
-import { type Locale } from '../Table.types';
+import { IntlShape } from 'react-intl';
+import { Locale } from '../Table.types';
 export declare const getDefaultLocale: (intl: IntlShape) => Locale;
 export declare const useTableLocale: (intl: IntlShape, locale?: Locale) => Locale;
-export declare const TableLocaleContext: import("react").Context<Locale>;
+export declare const TableLocaleContext: import('react').Context<Locale>;
 export declare const useTableLocaleContext: () => Locale;

package/dist/utils/locale.js

@@ -1,115 +1,119 @@
-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 { createContext, useContext, useMemo } from 'react';
-export var getDefaultLocale = function getDefaultLocale(intl) {
+import { createContext, useContext, useMemo } from "react";
+const getDefaultLocale = (intl) => ({
+  pagination: {
+    items: intl.formatMessage({
+      id: "DS.TABLE.PAGINATION.ITEMS",
+      defaultMessage: "results"
+    }),
+    groups: intl.formatMessage({
+      id: "DS.TABLE.PAGINATION.GROUPS",
+      defaultMessage: "groups"
+    })
+  },
+  selected: intl.formatMessage({
+    id: "DS.TABLE.SELECTED",
+    defaultMessage: "selected"
+  }),
+  emptyText: intl.formatMessage({
+    id: "DS.TABLE.EMPTY_TEXT",
+    defaultMessage: "No data"
+  }),
+  selectionLimitWarning: intl.formatMessage({
+    id: "DS.TABLE.SELECTION_LIMIT_WARNING",
+    defaultMessage: "Selection limit has been reached"
+  }),
+  starRowTooltip: intl.formatMessage({
+    id: "DS.TABLE.STAR_ROW_TOOLTIP",
+    defaultMessage: "Starred"
+  }),
+  selectRowTooltip: intl.formatMessage({
+    id: "DS.TABLE.SELECT_ROW_TOOLTIP",
+    defaultMessage: "Select"
+  }),
+  selectAllTooltip: intl.formatMessage({
+    id: "DS.TABLE.SELECT_ALL_TOOLTIP",
+    defaultMessage: "Select"
+  }),
+  selectionOptionsTooltip: intl.formatMessage({
+    id: "DS.TABLE.SELECTION_OPTIONS",
+    defaultMessage: "Options"
+  }),
+  columnSortAz: intl.formatMessage({
+    id: "DS.TABLE.COLUMN.SORT_AZ",
+    defaultMessage: "Sort a-z"
+  }),
+  columnSortZa: intl.formatMessage({
+    id: "DS.TABLE.COLUMN.SORT_ZA",
+    defaultMessage: "Sort z-a"
+  }),
+  columnSortAscend: intl.formatMessage({
+    id: "DS.TABLE.COLUMN.SORT_ASCEND",
+    defaultMessage: "Sort ascending"
+  }),
+  columnSortDescend: intl.formatMessage({
+    id: "DS.TABLE.COLUMN.SORT_DESCEND",
+    defaultMessage: "Sort descending"
+  }),
+  columnSortClear: intl.formatMessage({
+    id: "DS.TABLE.COLUMN.SORT_CLEAR",
+    defaultMessage: "Clear"
+  }),
+  infiniteScrollError: intl.formatMessage({
+    id: "DS.TABLE.INFINITE_SCROLL.ERROR",
+    defaultMessage: "Cannot load more items"
+  }),
+  infiniteScrollRetry: intl.formatMessage({
+    id: "DS.TABLE.INFINITE_SCROLL.RETRY",
+    defaultMessage: "Retry"
+  }),
+  infiniteScrollNoMoreData: intl.formatMessage({
+    id: "DS.TABLE.INFINITE_SCROLL.NO_MORE_DATA",
+    defaultMessage: "There are no more items to load"
+  }),
+  infiniteScrollLoading: intl.formatMessage({
+    id: "DS.TABLE.INFINITE_SCROLL.LOADING",
+    defaultMessage: "Loading more items"
+  }),
+  infiniteScrollBackToTop: intl.formatMessage({
+    id: "DS.TABLE.INFINITE_SCROLL.BACK_TO_TOP",
+    defaultMessage: "Back to top"
+  }),
+  unselectAll: intl.formatMessage({
+    id: "DS.TABLE.UNSELECT_ALL",
+    defaultMessage: "Unselect visible"
+  }),
+  selectAll: intl.formatMessage({
+    id: "DS.TABLE.SELECT_ALL",
+    defaultMessage: "Select visible"
+  }),
+  unselectGlobalAll: intl.formatMessage({
+    id: "DS.TABLE.UNSELECT_GLOBAL_ALL",
+    defaultMessage: "Unselect all"
+  }),
+  selectGlobalAll: intl.formatMessage({
+    id: "DS.TABLE.SELECT_GLOBAL_ALL",
+    defaultMessage: "Select all"
+  }),
+  selectInvert: intl.formatMessage({
+    id: "DS.TABLE.SELECT_INVERT",
+    defaultMessage: "Invert selection"
+  })
+});
+const useTableLocale = (intl, locale) => useMemo(() => {
   return {
+    ...getDefaultLocale(intl),
+    ...locale,
     pagination: {
-      items: intl.formatMessage({
-        id: 'DS.TABLE.PAGINATION.ITEMS',
-        defaultMessage: 'results'
-      }),
-      groups: intl.formatMessage({
-        id: 'DS.TABLE.PAGINATION.GROUPS',
-        defaultMessage: 'groups'
-      })
-    },
-    selected: intl.formatMessage({
-      id: 'DS.TABLE.SELECTED',
-      defaultMessage: 'selected'
-    }),
-    emptyText: intl.formatMessage({
-      id: 'DS.TABLE.EMPTY_TEXT',
-      defaultMessage: 'No data'
-    }),
-    selectionLimitWarning: intl.formatMessage({
-      id: 'DS.TABLE.SELECTION_LIMIT_WARNING',
-      defaultMessage: 'Selection limit has been reached'
-    }),
-    starRowTooltip: intl.formatMessage({
-      id: 'DS.TABLE.STAR_ROW_TOOLTIP',
-      defaultMessage: 'Starred'
-    }),
-    selectRowTooltip: intl.formatMessage({
-      id: 'DS.TABLE.SELECT_ROW_TOOLTIP',
-      defaultMessage: 'Select'
-    }),
-    selectAllTooltip: intl.formatMessage({
-      id: 'DS.TABLE.SELECT_ALL_TOOLTIP',
-      defaultMessage: 'Select'
-    }),
-    selectionOptionsTooltip: intl.formatMessage({
-      id: 'DS.TABLE.SELECTION_OPTIONS',
-      defaultMessage: 'Options'
-    }),
-    columnSortAz: intl.formatMessage({
-      id: 'DS.TABLE.COLUMN.SORT_AZ',
-      defaultMessage: 'Sort a-z'
-    }),
-    columnSortZa: intl.formatMessage({
-      id: 'DS.TABLE.COLUMN.SORT_ZA',
-      defaultMessage: 'Sort z-a'
-    }),
-    columnSortAscend: intl.formatMessage({
-      id: 'DS.TABLE.COLUMN.SORT_ASCEND',
-      defaultMessage: 'Sort ascending'
-    }),
-    columnSortDescend: intl.formatMessage({
-      id: 'DS.TABLE.COLUMN.SORT_DESCEND',
-      defaultMessage: 'Sort descending'
-    }),
-    columnSortClear: intl.formatMessage({
-      id: 'DS.TABLE.COLUMN.SORT_CLEAR',
-      defaultMessage: 'Clear'
-    }),
-    infiniteScrollError: intl.formatMessage({
-      id: 'DS.TABLE.INFINITE_SCROLL.ERROR',
-      defaultMessage: 'Cannot load more items'
-    }),
-    infiniteScrollRetry: intl.formatMessage({
-      id: 'DS.TABLE.INFINITE_SCROLL.RETRY',
-      defaultMessage: 'Retry'
-    }),
-    infiniteScrollNoMoreData: intl.formatMessage({
-      id: 'DS.TABLE.INFINITE_SCROLL.NO_MORE_DATA',
-      defaultMessage: 'There are no more items to load'
-    }),
-    infiniteScrollLoading: intl.formatMessage({
-      id: 'DS.TABLE.INFINITE_SCROLL.LOADING',
-      defaultMessage: 'Loading more items'
-    }),
-    infiniteScrollBackToTop: intl.formatMessage({
-      id: 'DS.TABLE.INFINITE_SCROLL.BACK_TO_TOP',
-      defaultMessage: 'Back to top'
-    }),
-    unselectAll: intl.formatMessage({
-      id: 'DS.TABLE.UNSELECT_ALL',
-      defaultMessage: 'Unselect visible'
-    }),
-    selectAll: intl.formatMessage({
-      id: 'DS.TABLE.SELECT_ALL',
-      defaultMessage: 'Select visible'
-    }),
-    unselectGlobalAll: intl.formatMessage({
-      id: 'DS.TABLE.UNSELECT_GLOBAL_ALL',
-      defaultMessage: 'Unselect all'
-    }),
-    selectGlobalAll: intl.formatMessage({
-      id: 'DS.TABLE.SELECT_GLOBAL_ALL',
-      defaultMessage: 'Select all'
-    }),
-    selectInvert: intl.formatMessage({
-      id: 'DS.TABLE.SELECT_INVERT',
-      defaultMessage: 'Invert selection'
-    })
+      ...getDefaultLocale(intl).pagination,
+      ...locale?.pagination
+    }
   };
+}, [intl, locale]);
+const TableLocaleContext = createContext({});
+const useTableLocaleContext = () => useContext(TableLocaleContext);
+export {
+  TableLocaleContext,
+  getDefaultLocale,
+  useTableLocale,
+  useTableLocaleContext
 };
-export var useTableLocale = function useTableLocale(intl, locale) {
-  return useMemo(function () {
-    return _extends({}, getDefaultLocale(intl), locale, {
-      pagination: _extends({}, getDefaultLocale(intl).pagination, locale == null ? void 0 : locale.pagination)
-    });
-  }, [intl, locale]);
-};
-export var TableLocaleContext = /*#__PURE__*/createContext({});
-export var useTableLocaleContext = function useTableLocaleContext() {
-  return useContext(TableLocaleContext);
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.9.11",
+  "version": "1.9.13",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,33 +35,33 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.44",
-    "@synerise/ds-badge": "^1.0.43",
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-button-group": "^1.1.42",
-    "@synerise/ds-checkbox": "^1.2.20",
-    "@synerise/ds-copy-icon": "^1.2.1",
-    "@synerise/ds-dropdown": "^1.3.1",
-    "@synerise/ds-flag": "^1.0.8",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-input": "^1.6.9",
-    "@synerise/ds-input-number": "^1.2.34",
-    "@synerise/ds-list-item": "^1.4.9",
-    "@synerise/ds-loader": "^1.0.13",
-    "@synerise/ds-menu": "^1.4.12",
-    "@synerise/ds-modal": "^1.4.0",
-    "@synerise/ds-pagination": "^1.0.52",
-    "@synerise/ds-result": "^1.0.48",
-    "@synerise/ds-scrollbar": "^1.2.16",
-    "@synerise/ds-search": "^1.5.9",
-    "@synerise/ds-select": "^1.3.19",
-    "@synerise/ds-skeleton": "^1.0.44",
-    "@synerise/ds-status": "^1.3.17",
-    "@synerise/ds-tag": "^1.4.17",
-    "@synerise/ds-tags": "^1.5.26",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-typography": "^1.1.12",
-    "@synerise/ds-utils": "^1.7.0",
+    "@synerise/ds-alert": "^1.1.46",
+    "@synerise/ds-badge": "^1.0.45",
+    "@synerise/ds-button": "^1.5.19",
+    "@synerise/ds-button-group": "^1.1.44",
+    "@synerise/ds-checkbox": "^1.2.22",
+    "@synerise/ds-copy-icon": "^1.2.3",
+    "@synerise/ds-dropdown": "^1.3.3",
+    "@synerise/ds-flag": "^1.0.9",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-input": "^1.6.11",
+    "@synerise/ds-input-number": "^1.2.36",
+    "@synerise/ds-list-item": "^1.4.11",
+    "@synerise/ds-loader": "^1.0.14",
+    "@synerise/ds-menu": "^1.4.14",
+    "@synerise/ds-modal": "^1.4.2",
+    "@synerise/ds-pagination": "^1.0.54",
+    "@synerise/ds-result": "^1.0.50",
+    "@synerise/ds-scrollbar": "^1.2.18",
+    "@synerise/ds-search": "^1.5.11",
+    "@synerise/ds-select": "^1.3.21",
+    "@synerise/ds-skeleton": "^1.0.46",
+    "@synerise/ds-status": "^1.3.19",
+    "@synerise/ds-tag": "^1.4.19",
+    "@synerise/ds-tags": "^1.5.28",
+    "@synerise/ds-tooltip": "^1.4.11",
+    "@synerise/ds-typography": "^1.1.14",
+    "@synerise/ds-utils": "^1.7.1",
     "@types/react-window": "^1.8.8",
     "classnames": "^2.5.1",
     "lodash.compact": "^3.0.1",
@@ -94,5 +94,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }

package/dist/Cell/TagsGroup/TagsGroup.spec.d.ts

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

package/dist/ColumnSortMenu/__spec__/groupedColumnsSort.spec.d.ts

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

package/dist/VirtualTable/VirtualTable.spec.d.ts

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

package/dist/utils/__specs__/getValueFromPath.spec.d.ts

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