@synerise/ds-table 0.57.6 → 0.58.0

package/dist/TableSkeleton/TableSkeleton.styles.js

@@ -1,58 +0,0 @@
-import styled, { css } from 'styled-components';
-import DSSkeleton from '@synerise/ds-skeleton';
-var HEADER_HEIGHT = 73;
-var SUBHEADER_HEIGHT = 64;
-var ROW_HEIGHT = 73;
-var rowCss = css(["display:flex;flex-direction:row;justify-content:space-between;"]);
-export var TableSkeletonWrapper = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonWrapper",
-  componentId: "sc-9yqnm1-0"
-})(["background:", ";", ";z-index:10;"], function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.maxHeight !== undefined && "height: " + props.maxHeight + "px";
-});
-export var TableSkeletonHeader = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonHeader",
-  componentId: "sc-9yqnm1-1"
-})(["", " padding:0 18px;height:", "px;"], rowCss, function (props) {
-  return props.headerHeight || HEADER_HEIGHT;
-});
-export var Skeleton = styled(DSSkeleton).withConfig({
-  displayName: "TableSkeletonstyles__Skeleton",
-  componentId: "sc-9yqnm1-2"
-})(["padding:12px 0;"]);
-export var SkeletonWrapper = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__SkeletonWrapper",
-  componentId: "sc-9yqnm1-3"
-})(["width:", "px;"], function (props) {
-  return props.width;
-});
-export var TableSkeletonSubHeader = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonSubHeader",
-  componentId: "sc-9yqnm1-4"
-})(["", " border-top:solid 1px ", ";border-bottom:solid 1px ", ";padding:0 18px 0 84px;height:", "px;"], rowCss, function (props) {
-  return props.theme.palette['grey-200'];
-}, function (props) {
-  return props.theme.palette['grey-200'];
-}, function (props) {
-  return props.subheaderHeight || SUBHEADER_HEIGHT;
-});
-export var TableSkeletonLeft = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonLeft",
-  componentId: "sc-9yqnm1-5"
-})(["display:flex;flex-direction:row;gap:50px;align-items:center;"]);
-export var TableSkeletonRight = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonRight",
-  componentId: "sc-9yqnm1-6"
-})(["display:flex;flex-direction:row;gap:50px;align-items:center;"]);
-export var TableSkeletonBody = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonBody",
-  componentId: "sc-9yqnm1-7"
-})(["display:flex;flex-direction:column;padding:0 18px;"]);
-export var TableSkeletonRow = styled.div.withConfig({
-  displayName: "TableSkeletonstyles__TableSkeletonRow",
-  componentId: "sc-9yqnm1-8"
-})(["", " height:", "px;"], rowCss, function (props) {
-  return props.rowHeight || ROW_HEIGHT;
-});

package/dist/TableSkeleton/TableSkeleton.types.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type TableSkeletonProps = HTMLAttributes<HTMLDivElement> & {
-    maxHeight?: number;
-    headerHeight?: number;
-    subheaderHeight?: number;
-    rowHeight?: number;
-};

package/dist/TableSkeleton/TableSkeleton.types.js

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

package/dist/TableSkeleton/components/TableSkeletonBar.d.ts

@@ -1,6 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-type TableSkeletonBarProps = HTMLAttributes<HTMLDivElement> & {
-    width: number;
-};
-export declare const TableSkeletonBar: ({ width, ...htmlAttributes }: TableSkeletonBarProps) => React.JSX.Element;
-export {};

package/dist/TableSkeleton/components/TableSkeletonBar.js

@@ -1,19 +0,0 @@
-var _excluded = ["width"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import * as S from '../TableSkeleton.styles';
-export var TableSkeletonBar = function TableSkeletonBar(_ref) {
-  var width = _ref.width,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(S.SkeletonWrapper, _extends({}, htmlAttributes, {
-    width: width
-  }), /*#__PURE__*/React.createElement(S.Skeleton, {
-    size: "M",
-    numberOfSkeletons: 1
-  }));
-};

package/dist/TableSkeleton/components/TableSkeletonBody.d.ts

@@ -1,7 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-type TableSkeletonBodyProps = HTMLAttributes<HTMLDivElement> & {
-    rows: number;
-    rowHeight?: number;
-};
-export declare const TableSkeletonBody: ({ rows, rowHeight, ...htmlAttributes }: TableSkeletonBodyProps) => React.JSX.Element;
-export {};

package/dist/TableSkeleton/components/TableSkeletonBody.js

@@ -1,33 +0,0 @@
-var _excluded = ["rows", "rowHeight"];
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { SkeletonAvatar } from '@synerise/ds-skeleton';
-import * as S from '../TableSkeleton.styles';
-import { TableSkeletonBar } from './TableSkeletonBar';
-import { TableSkeletonRowRight } from './TableSkeletonRowRight';
-import { SKELETON_BAR_TINY, SKELETON_BAR_WIDE } from '../constants';
-export var TableSkeletonBody = function TableSkeletonBody(_ref) {
-  var _ref$rows = _ref.rows,
-      rows = _ref$rows === void 0 ? 10 : _ref$rows,
-      rowHeight = _ref.rowHeight,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(S.TableSkeletonBody, htmlAttributes, Array.from({
-    length: rows
-  }, function (_, index) {
-    return /*#__PURE__*/React.createElement(S.TableSkeletonRow, {
-      rowHeight: rowHeight,
-      "data-testid": "ds-table-skeleton-row",
-      key: "ds-skeleton-row-" + index
-    }, /*#__PURE__*/React.createElement(S.TableSkeletonLeft, null, /*#__PURE__*/React.createElement(TableSkeletonBar, {
-      width: SKELETON_BAR_TINY
-    }), /*#__PURE__*/React.createElement(SkeletonAvatar, {
-      shape: "square",
-      size: "M"
-    }), /*#__PURE__*/React.createElement(TableSkeletonBar, {
-      width: SKELETON_BAR_WIDE
-    })), /*#__PURE__*/React.createElement(S.TableSkeletonRight, null, /*#__PURE__*/React.createElement(TableSkeletonRowRight, null)));
-  }));
-};

package/dist/TableSkeleton/components/TableSkeletonHeader.d.ts

@@ -1,4 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-export declare const TableSkeletonHeader: (props: HTMLAttributes<HTMLDivElement> & {
-    headerHeight?: number;
-}) => React.JSX.Element;

package/dist/TableSkeleton/components/TableSkeletonHeader.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { SKELETON_BAR_STANDARD } from '../constants';
-import * as S from '../TableSkeleton.styles';
-import { TableSkeletonBar } from './TableSkeletonBar';
-export var TableSkeletonHeader = function TableSkeletonHeader(props) {
-  return /*#__PURE__*/React.createElement(S.TableSkeletonHeader, props, /*#__PURE__*/React.createElement(S.TableSkeletonLeft, null, /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_STANDARD
-  })), /*#__PURE__*/React.createElement(S.TableSkeletonRight, null, /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_STANDARD
-  }), /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_STANDARD
-  }), /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_STANDARD
-  })));
-};

package/dist/TableSkeleton/components/TableSkeletonRowRight.d.ts

@@ -1,2 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-export declare const TableSkeletonRowRight: (props: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;

package/dist/TableSkeleton/components/TableSkeletonRowRight.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import * as S from '../TableSkeleton.styles';
-import { TableSkeletonBar } from './TableSkeletonBar';
-import { SKELETON_BAR_STANDARD, SKELETON_BAR_EXTRA_WIDE } from '../constants';
-export var TableSkeletonRowRight = function TableSkeletonRowRight(props) {
-  return /*#__PURE__*/React.createElement(S.TableSkeletonRight, props, /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_STANDARD
-  }), /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_EXTRA_WIDE
-  }), /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_STANDARD
-  }));
-};

package/dist/TableSkeleton/components/TableSkeletonSubheader.d.ts

@@ -1,4 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-export declare const TableSkeletonSubheader: (props: HTMLAttributes<HTMLDivElement> & {
-    subheaderHeight?: number;
-}) => React.JSX.Element;

package/dist/TableSkeleton/components/TableSkeletonSubheader.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import * as S from '../TableSkeleton.styles';
-import { TableSkeletonBar } from './TableSkeletonBar';
-import { TableSkeletonRowRight } from './TableSkeletonRowRight';
-import { SKELETON_BAR_WIDE } from '../constants';
-export var TableSkeletonSubheader = function TableSkeletonSubheader(props) {
-  return /*#__PURE__*/React.createElement(S.TableSkeletonSubHeader, props, /*#__PURE__*/React.createElement(S.TableSkeletonLeft, null, /*#__PURE__*/React.createElement(TableSkeletonBar, {
-    width: SKELETON_BAR_WIDE
-  })), /*#__PURE__*/React.createElement(S.TableSkeletonRight, null, /*#__PURE__*/React.createElement(TableSkeletonRowRight, null)));
-};

package/dist/TableSkeleton/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from './TableSkeletonBar';
-export * from './TableSkeletonBody';
-export * from './TableSkeletonHeader';
-export * from './TableSkeletonRowRight';
-export * from './TableSkeletonSubheader';

package/dist/TableSkeleton/components/index.js

@@ -1,5 +0,0 @@
-export * from './TableSkeletonBar';
-export * from './TableSkeletonBody';
-export * from './TableSkeletonHeader';
-export * from './TableSkeletonRowRight';
-export * from './TableSkeletonSubheader';

package/dist/TableSkeleton/constants.d.ts

@@ -1,9 +0,0 @@
-export declare const DEFAULT_ROW_COUNT = 10;
-export declare const ROW_HEIGHT = 40;
-export declare const GAP = 36;
-export declare const PADDING = 36;
-export declare const TABLE_HEADER: number;
-export declare const SKELETON_BAR_TINY = 16;
-export declare const SKELETON_BAR_STANDARD = 72;
-export declare const SKELETON_BAR_WIDE = 100;
-export declare const SKELETON_BAR_EXTRA_WIDE = 164;

package/dist/TableSkeleton/constants.js

@@ -1,9 +0,0 @@
-export var DEFAULT_ROW_COUNT = 10;
-export var ROW_HEIGHT = 40;
-export var GAP = 36;
-export var PADDING = 36;
-export var TABLE_HEADER = 76 + 78;
-export var SKELETON_BAR_TINY = 16;
-export var SKELETON_BAR_STANDARD = 72;
-export var SKELETON_BAR_WIDE = 100;
-export var SKELETON_BAR_EXTRA_WIDE = 164;