@redhat-cloud-services/frontend-components 3.4.13 → 3.6.0

package/SimpleTableFilter/SimpleTableFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.js"],"names":[],"mappings":"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"}

package/SimpleTableFilter/index.d.ts

@@ -0,0 +1 @@
+export { default, default as SimpleTableFilter } from "./SimpleTableFilter";

package/SimpleTableFilter/index.js

@@ -1,21 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _SimpleTableFilter["default"];
-  }
-});
-Object.defineProperty(exports, "SimpleTableFilter", {
-  enumerable: true,
-  get: function get() {
-    return _SimpleTableFilter["default"];
-  }
-});
-
-var _SimpleTableFilter = _interopRequireDefault(require("./SimpleTableFilter"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleTableFilter = exports.default = void 0;
+var SimpleTableFilter_1 = require("./SimpleTableFilter");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SimpleTableFilter_1).default; } });
+var SimpleTableFilter_2 = require("./SimpleTableFilter");
+Object.defineProperty(exports, "SimpleTableFilter", { enumerable: true, get: function () { return __importDefault(SimpleTableFilter_2).default; } });
+//# sourceMappingURL=index.js.map

package/SimpleTableFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/SimpleTableFilter/index.js"],"names":[],"mappings":";;;;;;AAAA,yDAA8C;AAArC,6HAAA,OAAO,OAAA;AAChB,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB"}

package/SimpleTableFilter/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/SimpleTableFilter/index.js"}
+{"main":"index.js","module":"../esm/SimpleTableFilter/index.js","typings":"index.d.ts"}

package/Skeleton/Skeleton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SkeletonProps as PFSkeletonProps } from '@patternfly/react-core';
+import './skeleton.scss';
+export declare const SkeletonSize: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};
+export interface SkeletonProps extends Omit<PFSkeletonProps, 'size'> {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    isDark?: boolean;
+}
+declare const Skeleton: React.FunctionComponent<SkeletonProps>;
+export default Skeleton;

package/Skeleton/Skeleton.js

@@ -1,53 +1,40 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SkeletonSize = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./skeleton.css");
-
-var SkeletonSize = {
-  xs: 'xs',
-  sm: 'sm',
-  md: 'md',
-  lg: 'lg'
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-exports.SkeletonSize = SkeletonSize;
-
-var Skeleton = function Skeleton(_ref) {
-  var size = _ref.size,
-      isDark = _ref.isDark,
-      className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["size", "isDark", "className"]);
-  var skeletonClasses = (0, _classnames["default"])('ins-c-skeleton', "ins-c-skeleton__".concat(size), (0, _defineProperty2["default"])({}, "ins-m-dark", isDark), className);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: skeletonClasses
-  }, props), "\xA0");
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-var _default = Skeleton;
-exports["default"] = _default;
-Skeleton.propTypes = {
-  className: _propTypes["default"].string,
-  size: _propTypes["default"].oneOf(Object.values(SkeletonSize)),
-  isDark: _propTypes["default"].bool
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonSize = void 0;
+var react_1 = __importDefault(require("react"));
+var react_core_1 = require("@patternfly/react-core");
+var classnames_1 = __importDefault(require("classnames"));
+require("./skeleton.css");
+exports.SkeletonSize = { xs: 'xs', sm: 'sm', md: 'md', lg: 'lg' };
+var Skeleton = function (_a) {
+    var _b;
+    var _c = _a.size, size = _c === void 0 ? exports.SkeletonSize.md : _c, _d = _a.isDark, isDark = _d === void 0 ? false : _d, className = _a.className, props = __rest(_a, ["size", "isDark", "className"]);
+    return (react_1.default.createElement(react_core_1.Skeleton, __assign({ className: (0, classnames_1.default)('ins-c-skeleton', "ins-c-skeleton__".concat(size), (_b = {}, _b["ins-m-dark"] = isDark, _b), className) }, props)));
 };
-Skeleton.defaultProps = {
-  size: SkeletonSize.md,
-  isDark: false
-};
+exports.default = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qDAAkG;AAClG,0DAAoC;AAEpC,2BAAyB;AAEZ,QAAA,YAAY,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;AAOvE,IAAM,QAAQ,GAA2C,UAAC,EAA+D;;IAA7D,IAAA,YAAsB,EAAtB,IAAI,mBAAG,oBAAY,CAAC,EAAE,KAAA,EAAE,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA7D,+BAA+D,CAAF;IAAO,OAAA,CAC1H,8BAAC,qBAAU,aAAC,SAAS,EAAG,IAAA,oBAAU,EAC9B,gBAAgB,EAChB,0BAAmB,IAAI,CAAE,YACvB,GAAC,YAAY,IAAG,MAAM,OACxB,SAAS,CACZ,IAAQ,KAAK,EAAK,CACtB,CAAA;CAAA,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/Skeleton/index.js

@@ -1,31 +1,12 @@
 "use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
-  }
-});
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
-  }
-});
-Object.defineProperty(exports, "SkeletonSize", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton.SkeletonSize;
-  }
-});
-
-var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonSize = exports.Skeleton = exports.default = void 0;
+var Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Skeleton_1).default; } });
+var Skeleton_2 = require("./Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return __importDefault(Skeleton_2).default; } });
+Object.defineProperty(exports, "SkeletonSize", { enumerable: true, get: function () { return Skeleton_2.SkeletonSize; } });
+//# sourceMappingURL=index.js.map

package/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Skeleton/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA;AAChB,uCAA+D;AAAtD,qHAAA,OAAO,OAAY;AAAE,wGAAA,YAAY,OAAA"}

package/Skeleton/skeleton.css

@@ -1,45 +1,24 @@
-:root {
-  --ins-color--orange: #ec7a08;
-}
-
-.ins-c-skeleton {
-  animation-duration: 1s;
-  animation-iteration-count: infinite;
-  animation-name: skeletonGradient;
-  animation-timing-function: linear;
-  background: var(--pf-global--disabled-color--200);
-  background: linear-gradient(to right, #f5f5f5 10%, #e8e8e8 18%, #f5f5f5 33%);
-  background-size: 1000px 50px;
-  background-size: 62.5rem 3.125rem;
-  border-radius: 5px;
-  border-radius: 0.3125rem;
-}
 .ins-c-skeleton__xs {
-  width: 16%;
+  width: 16% !important;
 }
 .ins-c-skeleton__sm {
-  width: 33%;
+  width: 33% !important;
 }
 .ins-c-skeleton__md {
-  width: 66%;
+  width: 66% !important;
 }
 .ins-c-skeleton__lg {
-  width: 100%;
+  width: 100% !important;
 }
 .ins-c-skeleton.ins-m-dark {
-  background: #3c3c3c;
-  background: linear-gradient(to right, #3c3c3c 10%, #484848 18%, #3c3c3c 33%);
-  background-size: 1000px 50px;
-  background-size: 62.5rem 3.125rem;
-}
-
-@keyframes skeletonGradient {
-  0% {
-    background-position: -500px 0px;
-    background-position: -31.25rem 0rem;
-  }
-  100% {
-    background-position: 500px 0px;
-    background-position: 31.25rem 0rem;
-  }
+  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+  --pf-c-skeleton--after--LinearGradientColorStop1: var(
+    --pf-global--palette--black-600
+  );
+  --pf-c-skeleton--after--LinearGradientColorStop2: var(
+    --pf-global--palette--black-500
+  );
+  --pf-c-skeleton--after--LinearGradientColorStop3: var(
+    --pf-global--palette--black-600
+  );
 }

package/Skeleton/skeleton.scss

@@ -1,34 +1,18 @@
-@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
-
-$skeleton-base-color: #f5f5f5;
-$skeleton-dark-color: #e8e8e8;
-
-$ins-color--dark: #3c3c3c;
-$invert-skeleton-base-color: #3c3c3c;
-$invert-skeleton-dark-color: #484848;
-
-
 .ins-c-skeleton {
-    &__xs { width: 16%; }
-    &__sm { width: 33%; }
-    &__md { width: 66%; }
-    &__lg { width: 100%; }
-    animation-duration: 1s;
-    animation-iteration-count: infinite;
-    animation-name: skeletonGradient;
-    animation-timing-function: linear;
-    background: $ins-color--gray;
-    background: linear-gradient(to right, $skeleton-base-color 10%, $skeleton-dark-color 18%, $skeleton-base-color 33%);
-    @include rem('background-size', 1000px 50px);
-    @include rem('border-radius', 5px);
+    &__xs { width: 16% !important; }
+    &__sm { width: 33% !important; }
+    &__md { width: 66% !important; }
+    &__lg { width: 100% !important; }
     &.ins-m-dark {
-        background: $ins-color--dark;
-        background: linear-gradient(to right, $invert-skeleton-base-color 10%, $invert-skeleton-dark-color 18%, $invert-skeleton-base-color 33%);
-        @include rem('background-size', 1000px 50px);
+        --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+        --pf-c-skeleton--after--LinearGradientColorStop1: var(
+          --pf-global--palette--black-600
+        );
+        --pf-c-skeleton--after--LinearGradientColorStop2: var(
+          --pf-global--palette--black-500
+        );
+        --pf-c-skeleton--after--LinearGradientColorStop3: var(
+          --pf-global--palette--black-600
+        );
     }
 }
-
-@keyframes skeletonGradient{
-    0% { @include rem('background-position', -500px 0); }
-    100%{ @include rem('background-position', 500px 0); }
-}

package/SkeletonTable/SkeletonTable.css

@@ -0,0 +1,3 @@
+.ins-c-skeleton-table__dark {
+  background-color: #1b1d21 !important;
+}

package/SkeletonTable/SkeletonTable.d.ts

@@ -0,0 +1,51 @@
+export default SkeletonTable;
+declare class SkeletonTable extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    createColumns: () => {
+        title: JSX.Element;
+    }[];
+    getColumns: () => string[];
+    createRows: () => {
+        disableSelection: boolean;
+        cells: string[];
+    }[];
+    selectVariant: () => RowSelectVariant;
+    newArray: (size: any) => any[];
+}
+declare namespace SkeletonTable {
+    namespace propTypes {
+        const colSize: PropTypes.Requireable<number>;
+        const rowSize: PropTypes.Requireable<number>;
+        const columns: PropTypes.Requireable<any[]>;
+        const paddingColumnSize: PropTypes.Requireable<number>;
+        const sortBy: PropTypes.Requireable<PropTypes.InferProps<{
+            index: PropTypes.Requireable<number>;
+            direction: PropTypes.Requireable<string>;
+        }>>;
+        const isSelectable: PropTypes.Requireable<boolean>;
+        const canSelectAll: PropTypes.Requireable<boolean>;
+        const hasRadio: PropTypes.Requireable<boolean>;
+        const variant: PropTypes.Requireable<string>;
+        const isDark: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const rowSize_1: number;
+        export { rowSize_1 as rowSize };
+        const paddingColumnSize_1: number;
+        export { paddingColumnSize_1 as paddingColumnSize };
+        const canSelectAll_1: boolean;
+        export { canSelectAll_1 as canSelectAll };
+        const isSelectable_1: boolean;
+        export { isSelectable_1 as isSelectable };
+        const hasRadio_1: boolean;
+        export { hasRadio_1 as hasRadio };
+        const variant_1: null;
+        export { variant_1 as variant };
+        const isDark_1: boolean;
+        export { isDark_1 as isDark };
+    }
+}
+import React from "react";
+import { RowSelectVariant } from "@patternfly/react-table/dist/js/components/Table/SelectColumn";
+import PropTypes from "prop-types";

package/SkeletonTable/SkeletonTable.js

@@ -1,149 +1,95 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactTable = require("@patternfly/react-table");
-
-var _Skeleton = require("../Skeleton");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var SkeletonTable = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(SkeletonTable, _React$Component);
-
-  var _super = _createSuper(SkeletonTable);
-
-  function SkeletonTable() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, SkeletonTable);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createColumns", function () {
-      var colSize = _this.props.colSize;
-      return (0, _toConsumableArray2["default"])(Array(colSize)).map(function () {
-        return {
-          title: /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
-            size: _Skeleton.SkeletonSize.sm
-          })
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_table_1 = require("@patternfly/react-table");
+var Skeleton_1 = require("../Skeleton");
+var classnames_1 = __importDefault(require("classnames"));
+var prop_types_1 = __importDefault(require("prop-types"));
+require("./SkeletonTable.css");
+var SkeletonTable = (function (_super) {
+    __extends(SkeletonTable, _super);
+    function SkeletonTable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.createColumns = function () {
+            var _a = _this.props, colSize = _a.colSize, isDark = _a.isDark;
+            return __spreadArray([], Array(colSize), true).map(function () { return ({ title: react_1.default.createElement(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.sm }) }); });
+        };
+        _this.getColumns = function () {
+            var _a = _this.props, paddingColumnSize = _a.paddingColumnSize, columns = _a.columns;
+            return _this.newArray(paddingColumnSize).map(function () { return ''; }).concat(columns || _this.createColumns());
+        };
+        _this.createRows = function () {
+            var _a = _this.props, colSize = _a.colSize, rowSize = _a.rowSize, columns = _a.columns, paddingColumnSize = _a.paddingColumnSize, isDark = _a.isDark;
+            var numberOfCols = columns ? columns.length : colSize;
+            return _this.newArray(rowSize).map(function () { return ({ disableSelection: true, cells: _this.newArray(paddingColumnSize).map(function () { return ''; }).concat(_this.newArray(numberOfCols).map(function () { return ({ title: react_1.default.createElement(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.md }) }); })) }); });
         };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getColumns", function () {
-      var _this$props = _this.props,
-          paddingColumnSize = _this$props.paddingColumnSize,
-          columns = _this$props.columns;
-      return _this.newArray(paddingColumnSize).map(function () {
-        return '';
-      }).concat(columns || _this.createColumns());
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createRows", function () {
-      var _this$props2 = _this.props,
-          colSize = _this$props2.colSize,
-          rowSize = _this$props2.rowSize,
-          columns = _this$props2.columns,
-          paddingColumnSize = _this$props2.paddingColumnSize;
-      var numberOfCols = columns ? columns.length : colSize;
-      return _this.newArray(rowSize).map(function () {
-        return {
-          disableSelection: true,
-          cells: _this.newArray(paddingColumnSize).map(function () {
-            return '';
-          }).concat(_this.newArray(numberOfCols).map(function () {
-            return {
-              title: /*#__PURE__*/_react["default"].createElement(_Skeleton.Skeleton, {
-                size: _Skeleton.SkeletonSize.md
-              })
-            };
-          }))
+        _this.selectVariant = function () {
+            var hasRadio = _this.props.hasRadio;
+            return hasRadio ? ((react_table_1.RowSelectVariant === null || react_table_1.RowSelectVariant === void 0 ? void 0 : react_table_1.RowSelectVariant.radio) || 'radio') : ((react_table_1.RowSelectVariant === null || react_table_1.RowSelectVariant === void 0 ? void 0 : react_table_1.RowSelectVariant.checkbox) || 'checkbox');
         };
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "selectVariant", function () {
-      var hasRadio = _this.props.hasRadio;
-      return hasRadio ? (_reactTable.RowSelectVariant === null || _reactTable.RowSelectVariant === void 0 ? void 0 : _reactTable.RowSelectVariant.radio) || 'radio' : (_reactTable.RowSelectVariant === null || _reactTable.RowSelectVariant === void 0 ? void 0 : _reactTable.RowSelectVariant.checkbox) || 'checkbox';
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "newArray", function (size) {
-      return (0, _toConsumableArray2["default"])(Array(size));
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(SkeletonTable, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          canSelectAll = _this$props3.canSelectAll,
-          isSelectable = _this$props3.isSelectable,
-          sortBy = _this$props3.sortBy,
-          variant = _this$props3.variant;
-      return /*#__PURE__*/_react["default"].createElement(_reactTable.Table, {
-        cells: this.getColumns(),
-        rows: this.createRows(),
-        sortBy: sortBy,
-        "aria-label": "Loading",
-        onSelect: isSelectable,
-        selectVariant: isSelectable ? this.selectVariant() : null,
-        canSelectAll: canSelectAll,
-        variant: variant
-      }, /*#__PURE__*/_react["default"].createElement(_reactTable.TableHeader, null), /*#__PURE__*/_react["default"].createElement(_reactTable.TableBody, null));
+        _this.newArray = function (size) { return __spreadArray([], Array(size), true); };
+        return _this;
     }
-  }]);
-  return SkeletonTable;
-}(_react["default"].Component);
-
+    SkeletonTable.prototype.render = function () {
+        var _a = this.props, canSelectAll = _a.canSelectAll, isSelectable = _a.isSelectable, sortBy = _a.sortBy, variant = _a.variant, isDark = _a.isDark;
+        return (react_1.default.createElement(react_table_1.Table, { className: (0, classnames_1.default)({
+                'ins-c-skeleton-table__dark': isDark
+            }), cells: this.getColumns(), rows: this.createRows(), sortBy: sortBy, "aria-label": "Loading", onSelect: isSelectable, selectVariant: isSelectable ? this.selectVariant() : null, canSelectAll: canSelectAll, variant: variant },
+            react_1.default.createElement(react_table_1.TableHeader, null),
+            react_1.default.createElement(react_table_1.TableBody, null)));
+    };
+    return SkeletonTable;
+}(react_1.default.Component));
 SkeletonTable.propTypes = {
-  colSize: _propTypes["default"].number,
-  rowSize: _propTypes["default"].number,
-  columns: _propTypes["default"].array,
-  paddingColumnSize: _propTypes["default"].number,
-  sortBy: _propTypes["default"].shape({
-    index: _propTypes["default"].number,
-    direction: _propTypes["default"].oneOf(['asc', 'desc'])
-  }),
-  isSelectable: _propTypes["default"].bool,
-  canSelectAll: _propTypes["default"].bool,
-  hasRadio: _propTypes["default"].bool,
-  variant: _propTypes["default"].string
+    colSize: prop_types_1.default.number,
+    rowSize: prop_types_1.default.number,
+    columns: prop_types_1.default.array,
+    paddingColumnSize: prop_types_1.default.number,
+    sortBy: prop_types_1.default.shape({
+        index: prop_types_1.default.number,
+        direction: prop_types_1.default.oneOf(['asc', 'desc'])
+    }),
+    isSelectable: prop_types_1.default.bool,
+    canSelectAll: prop_types_1.default.bool,
+    hasRadio: prop_types_1.default.bool,
+    variant: prop_types_1.default.string,
+    isDark: prop_types_1.default.bool
 };
 SkeletonTable.defaultProps = {
-  rowSize: 0,
-  paddingColumnSize: 0,
-  canSelectAll: false,
-  isSelectable: false,
-  hasRadio: false,
-  variant: null
+    rowSize: 0,
+    paddingColumnSize: 0,
+    canSelectAll: false,
+    isSelectable: false,
+    hasRadio: false,
+    variant: null,
+    isDark: false
 };
-var _default = SkeletonTable;
-exports["default"] = _default;
+exports.default = SkeletonTable;
+//# sourceMappingURL=SkeletonTable.js.map

package/SkeletonTable/SkeletonTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../src/SkeletonTable/SkeletonTable.js"],"names":[],"mappings":"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"}

package/SkeletonTable/SkeletonTable.scss

@@ -0,0 +1,3 @@
+.ins-c-skeleton-table__dark {
+    background-color: #1b1d21 !important;
+}

package/SkeletonTable/index.d.ts

@@ -0,0 +1 @@
+export { default, default as SkeletonTable } from "./SkeletonTable";